سلام
من چطور میتونم از آجاکس برای نمایش محتوایی که خودم تعیین کردم استفاده کنم؟ یعنی لحظه ای باشه اگر مثلا متنی رو که از بانک خوندم ویرایش شد همون لحظه بدون رفرش سفحه اون متن رو عوض کنه
از چه کدی؟
Printable View
سلام
من چطور میتونم از آجاکس برای نمایش محتوایی که خودم تعیین کردم استفاده کنم؟ یعنی لحظه ای باشه اگر مثلا متنی رو که از بانک خوندم ویرایش شد همون لحظه بدون رفرش سفحه اون متن رو عوض کنه
از چه کدی؟
سلام.نقل قول:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ajax</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="eAmin Q!" />
<script type="text/javascript">
function xmlObj() {
return window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
};
function req(url, method, func) {
var xmls = xmlObj();
xmls.open(method.toUpperCase(), url, true);
xmls.onreadystatechange = function() {
if ( xmls.readyState == 4 && ( xmls.status >= 200 || xmls.status == 300 ) ) {
if ( typeof func == 'function' ) func(xmls);
}
};
xmls.send(null);
};
function send() {
req('insert.php?names='+document.getElementById('n ames').value, 'get', function(xmls) {
req('index.php', 'get', function(xmls) {
document.getElementById('content').innerHTML = xmls.responseText;
});
});
};
</script>
</head>
<body>
<form method="get" onsubmit="return false">
name: <input type="text" id="names" name="names" />
<input type="submit" value="Go!" onclick="send()" />
</form>
<div id="content"></div>
</body>
</html>[/HTML]
توضیح خاصی فکر نکنم بخواد، ولی خب، یکمی در موردش توضیح می دم.
اون قسمتهایی رو که پر رنگ کردم، بیشتر بهش توجه کن، تابع send دوتا درخواست، رو به سرور می فرسته، اول باید اطلاعاتی رو که از طرف کاربر فرستاده شده رو به سرور بفرستیم تا به دیتابیسمون منتقل بشه، در صورتی که اینکار به صورت موفقیت آمیز انجام بشه، صفحه ی ایندکس ما یعنی همونی که اطلاعات رو از دیتابیس می خونه، در div ی که id اون به نام content هست، قرار می ده.
به قسمت فرم توجه کن می بینی که من از این استفاده کردم:
دلیلش هم اینه که هر وقت رو submit کلیک کردیم، هیچ عمل خواصی رو انجام، یعنی صفحه دوباره رفرش نشه!کد:onsubmit="return false"
به همین راحتی، به همین خوشمزگی!!!:31:
مشکلی چیزی بود، استاتید برتر:10:، و بنده در خدمتیم.
-----------------------------------------------------------------
داش یادم می رفت هااااا!!!
جای خوبی رو برای سوالت انتخاب نکردی! از این به بعد بیشتر در انتخاب جای سوالت دقت کن، از شما بعیده:13:
کلا هنگ کردم :31: این کد همونکاری که میخوام رو میکنه؟ میشه یه نمونه نشون بدی تا بهتر بهم فهم بشه؟ :31:
آخه این چیزی نیست که بخوای هنگ کنی:18::13:نقل قول:
تو اطلاعاتت رو چه طوری می فرستی، به اون صفحه ی php ؟
بزار من بگم اینطوری:
تا اینجای کار که مشکلی نیست؟کد:<form method="get" action="inset.php">
name: <input type="text" id="names" name="names" />
<input type="submit" value="Go!" />
</form>
خب اگر ما بخوایم با ای جکس این کار رو بکنیم، اول باید اسکریپتهای ای جکس رو بنویسیم، که اینا هستن:
این اسکریپتهای مربوط به ای جکس هست، حالا برای اینکه ازش استفاده کنیم، باید اون تابع ای جکس خودمون، که در اینجا send نام داره رو فراخوانی کنیم، به اینصورت:کد:function xmlObj() {
return window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
};
function req(url, method, func) {
var xmls = xmlObj();
xmls.open(method.toUpperCase(), url, true);
xmls.onreadystatechange = function() {
if ( xmls.readyState == 4 && ( xmls.status >= 200 || xmls.status == 300 ) ) {
if ( typeof func == 'function' ) func(xmls);
}
};
xmls.send(null);
};
در قسمت url که همون آدرس صفحه رو می دیم، تا صفحه ای که اطلاعات توش هست رو در div ی که مشخص کردیم، نشون بده. مثل کد بالا. بعد متدش رو مشخص می کنیم GET ، بعد از اون هم یه تابع در اختیار شما هست، تا هرکاری رو که بخواین بعد از کامل شدن اون اطلاعات، انجام بدین رو توی اون تابع قرار می دین.کد:// آرگومانهای تابع send(url, method, function)
req('index.php', 'get', function(xmls) {
document.getElementById('content').innerHTML = xmls.responseText;
});
ولی اگر بخوایم، یک نوشته ای چیزی رو توی دیتابیس ذخیره کنیم، باید اینطوری بنویسیمش:
نحوه ی آدرس دهی توی جاوااسکریپت یا ای جکس، یه خرده با فرم های معمولی فرق داره، یعنی شما باید اون نام اون query string رو بنویسی و مقدارش که مقابلش هست رو خالی بزاری:کد:req('insert.php?names='+document.getElementById('names').value, 'get', function() { });
بعد باید المنت textbox رو پیدا کنی، و مقدارش رو در بیاری تا بتونه اطلاعات وارد شده توسط کاربر رو بفرسته:کد:'insert.php?names='
خب حالا یه چیز می مونه که اونم المنتهای form و اینجورچیزها هست:کد:document.getElementById('names').value
[HTML]<form method="get" onsubmit="return false">
name: <input type="text" id="names" name="names" />
<input type="submit" value="Go!" onclick="send()" />
</form>[/HTML]
در مورد این کدها هم بالا توضیح دادم.
------------------------------------------
اگر باز هم متوجه نشدی، خبر بده تا یه مثال واست بزارم.
:31: این سوال رو جواب بدی حله :31: :31: ( این روزا خیلی هنگی شدم :31: فکرام جای دیگست :31: )
ببین اصلا بگو ببینم این کد آجاکس چیکار میکنه؟ :31:
اینکار رو می کنه:نقل قول:
نقل قول:
یعنی لحظه ای باشه اگر مثلا متنی رو که از بانک خوندم ویرایش شد همون لحظه بدون رفرش سفحه اون متن رو عوض کنه
خوب اینکار رو هم میکنه؟ : فقط بیاد محتوای بانک فلان رو نمایش بده
اشتباه نکن!نقل قول:
ای جکس نمی تونه به بانک و اینجور چیزها وصل بشه، برای اینکار فقط باید از زبانهای سرورساید استفاده کنی.
خوب الان Wordpress چطور ادمینش کار میکنه؟ یا همین انجمن؟ که ارسال پاسخت سریعش
کل اشتباه داری می کنی!نقل قول:
در واقع ای جکس رابطیه بین، سرور و کلاینت!!!
یعنی تو اطلاعات رو می فرستی، ای جکس اون اطلاعات رو منتقل می کنه به سرور مثلا insert.php بعد، کدهای php هست که توی سرور اجرا می شه، که توی بانک تغییرات رو ایجاد می کنه!
باز اگر بخوای اطلاعات رو از سرور بخونی بازم هم به همون صورت هست، اول کدها index.php توی سرور اجرا می شه، بعد از طریق ای جکس، تو می تونی اون نتیجه ش رو بدون رفرش شدن صفحه ببینی!!!
بهم خبر رسیده که با ای جکس دکمه تشکر درست شده کسی میتونه کدشو برام گیر بیاره .
سلام
اوه اینجارو آخرین پست واسه 104 روز پیش؟ :31: غیره فعال شدن همه تو این تاپیک :31:
Ajax dynamic scrolling pages
دمو :
دانلود :کد:http://www.dhtmlgoodies.com/scripts/ajax-dynamic-pages/ajax-dynamic-pages.html
کد:http://www.dhtmlgoodies.com/scripts/ajax-dynamic-pages/ajax-dynamic-pages.zip?version=1_2
اینها رو به صورت آفلاین چطور استفاده کنم ؟!
با چه نرم افزاری ؟!
سلام
میخواستم بدونم که این اسکریپ ها رو میتوان در جومفا به کار برد؟
خوب رفقا جای jQuery خالی بود مگه نه :46: :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد:http://operator.persiangig.com/other/JQuery.zip
۵۴K -=- v 1.3.2MD5 checksums: 3092baa595807bf82a73b064822ce64a
اینم jQuery UI، البته با تمام گزینه هاش:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد:http://operator.persiangig.com/other/jquery-ui-1.7.2.custom.zip
۷۲۶K -=- v 1.7.2MD5 checksums: e5f5530d60ab59e2c059ce80fb2c5243
من يه گالري عكس با آژاكس ميخوام اگه ميشه لينك دانلود بگذاريد ممنونم
این با PHP:نقل قول:
لینک دانلود:
(با قابلیت نصب)
(برای نصب روی سرور)کد:http://www.tinywebgallery.com/downloadi.php?tinywebgallery=latest
مشاهده دمو:کد:http://www.tinywebgallery.com/download.php?tinywebgallery=latest
منبع:کد:http://www.tinywebgallery.com/demo
کد:http://www.tinywebgallery.com
لطفا اسکریپت فرم تماس رو لطف کنید (( با قابلیت ارسال به ایمیل ))
سلام
باز هم از این اسکریپت های خوب بگذارید
ممنون
این ها رو میتونین با استفاده از دریم ویور یا فرانت پیج یا اکسپریشن وب تست کنید به صورت آفلاین ، درضمن به جز این ها می تونین از این نرم افزارهای جانبی مثل کافی کاپ هم بهره ببرید ولی این سه تا از اصلی ترین ها هستننقل قول:
آقا من یه اسکرییپ ارسال نظر زبون فارسی میخوام . کسی داره لطفا بزاره . کارم خیلی لنگه .
دارم به صورت تمام آژاکس هست ولی باید تو هاستی که پی اچ پی ساپورت کنه آپ کنی ، اگه هاستش رو داری بگو برات بدم
آره ساپورت میکنه . رو هساتم دیتالایف نصبه پس ساپورت میکنه دیگه ؟ لطفا بفرستید . ممنون میشم .
آقا بیا این هم همون چیزی که میخوای البته اونی که تو میخوای نظرات نمایش داده بشن رو ندارم ولی این نظرات میرن تو ایمیلت که باید تو فایل process_mail.php به جای yourmail ایمیل خودت رو بنویسینقل قول:
[HTML]http://dl.p30vel.ir/scripts/ajax-mail-form-send-Eh3an-p30vel.zip[/HTML]
در کل امید وارم به دردت بخوره اگه نخورد یک چند تا دیگه هم دارم ولی نمیدونم چرا موقع تست کردن جواب نمیده باید یک بار دیگه سورسش رو نگاه کنم :46:
خیلی خوب بود
به سایت ajaxprojects.com هم سری بزنید کارش معرکه است