معلومة1:
يمكننا تغيير محتوى ال div متى نريد حتى بعد انتهاء تحميل الصفحة، ويتم ذلك بواسطة الجافاسكربت عن طريق الخاصية innerText او innerHTML
ويتم ذلك بالصيغة التالية:
كود:
document.getElementById('search').innerHTML="blahblah";
على فرض ان ال id الخاص بالديف هو search
يمكن التعويض داخل هذه القيمة او طباعتها.
معلومة 2:
لإضافة رد للموضوع نستخدم الرابط:
http://www.swalif.net/softs/newreply...te=1&p=1971910
ولكن للرد على الموضوع السابق نستخدم:
http://www.swalif.net/softs/newreply...eply&p=1971890
لماذا؟ لأن محتوى الصفحة newreply.php يختلف حسب المتغيرات المدخلة اليها(رقم الموضوع في هذه الحالة)، وهذا ما يتم في عملية مثل البحث عن كلمة في قاعدة البيانات، حيث أن النتائج تتغير حسب قيمة المتغير المدخل في الرابط والذي يشير إلى كلمة البحث:
www.site.com/search.php?act=search&q=term مثلا ً
على هذا الأساس تعمل الدالة التي كتبتها لك، وهي دالة بسيطة اخذتها من احد المواقع ،و التي استعملها دائمًا في طلب الروابط ووضع ناتجها في ال div
الدالة تأخذ رابط الصفحة المستهدفة (التي تقوم بعملية البحث)- انتبه لكيفية كتابة الرابط ،البارمترات التي تدخل للرابط ، و ال id الخاص بالديف الذي سيحوي النتيحة.
دالة الجافاسكربت:
كود:
function send(targetPage, params, resultDivName) {
if (window.XMLHttpRequest) {
var xmlhttp = new XMLHttpRequest();
} else {
var xmlhttp = new ActiveXObject('MSXML2.XMLHTTP.3.0');
}
var url =targetPage+params;
xmlhttp.open("GET",url,true);
alert(url);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
document.getElementById(resultDivName).innerHTML=xmlhttp.responseText;
}else if (xmlhttp.readyState==1) {
document.getElementById(resultDivName).innerHTML="<img src='http://s.ytimg.com/yt/img/icn_loading_animated-vfl24663.gif' align=center>";
}
}
xmlhttp.send(null)
}
هذا مثال بسيط على استعمال الدالة، عدله ليناسب احتياجاتك:
كود PHP:
<?php
if ($_GET['act']=="show"){
echo "this is".$_GET['q'];
}else{
?>
<script src="javascript.js" type="text/javascript"></script>
<input type=text id=search>
<input type=button value=search onclick="javascript:send('index.php?act=show&q=',document.getElementById('search').value,'result')">
<div id=result ></div>
<?php
}
?>
(غيّر اسم الملف إلى غير index.php اذا لزم الامر)