كيف استدعي صفحه في ديف معين

[مرعب نجد]

السلام عليكم ورحمة الله وبركاته
انا حاب استخدم الاجاكس وحاب استغني عن الـفريم في تصميم لوحة التحكم
انا اريد ان استدعي صفحه في ديف معين ولكن طبعا بدون استخدام زر submit
اريد ان يكون هناك كلمه مثل اضغط هنا وبمجرد الضغط يفتح له صفحه في ديف
ارجو المساعده وشكرا

[سعد السيد احمد]

ضع هذا في مكان الجافا سكربت :

var xmlHttp
function open()
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url="page.php?"
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
} 
function stateChanged() 
{ 
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("divname").innerHTML=xmlHttp.responseText; 
 
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

مع تغيير divname في :

 document.getElementById("divname").innerHTML=xmlHttp.responseText;

إلى الid الخاص بالديف يلي عملته
وكمان تغيير عنوان الصفحة يلي في :

var url="page.php?"

إلى الصفحة يلي تريدها
ولما تريد الأمر يشتغل كل ماعليك تشغل الفنكشن : open()
مثال مع رابط

<a href="javascript: open()"> open</a>

انصحك تتعلم أجاكس حتى تستفيد أكثر و تفهم كل شي تمام

[مرعب نجد]

الف شكر لك اخوي سعد واشتغل معي تمام التمام
لكن باقي سؤال بسيط يعني لو انا عندي اكثر من رابط واريد استخدام نفس الفكره كيف اربطها بالكود السابق

[سعد السيد احمد]

هناك أكثر من طريقة :
إما انك تعمل أكثر من فنكشن (أقصد فيها function open()) وتعدل على الصفحة يلي داخلها (وهذه الطريقة رح تكبر الملف خاصةً لو عندك روابط كثير لذلك ما انصحك فيها)

أو انك تخلي الفنكشن open تاخذ قيم يعني تخليها :

 
function open(page)

و تعدل :

 
var url="page.php?"

إلى

 
var url=page

وروابط الملفات تصير :

 <a href="javascript: open(page.php)"> open</a>

مع تغيير page.php للملف يلي تريده ينفتح كل رابط له ملف خاص يفتحه

[مرعب نجد]

اشكرك جدا على تفاعلك معي لكن مع الاسف الطريقه الاخيره لم تنجح معي

[سعد السيد احمد]

أسف جدا هناك خطأ بسيط

وروابط الملفات تصير :

كود بلغة HTML:
<a href="javascript: open(page.php)"> open</a>

عدلها إلى

كود بلغة HTML:
<a href="javascript: open('page.php')"> open</a>

جرب الان و إن شاء الله تشتغل

[مرعب نجد]

جربت واشتغل معي لكن لا يعرض الصفحه المطلوبه بحيث يعطيني رساله تفيد بان الملف غير موجود والملف موجود فعلا وهذي الرساله اللي تطلع لي
Not Found

The requested URL /page.php&sid=0.8857974298298359 was not found on this server.

معليش اذا ازعجتك لكن صدقني انا حاولت اني ابحث عن الطريقه قبل كتابة الموضوع وانا فعلا جاهل في الاجاكس
ومره اخرى اكرر اعتذاري .

[سعد السيد احمد]

معلش مافي مشكلة
انت ما غيرت الpage.php يلي موجودة في الرابط ؟:
<a href="javascript: open('page.php')"> open</a>
حددها على إنها الصفحة يلي تريد تفتحها
أو ممكن انت عملت صفحة بهذا الإسم ؟
على كل حال أنا بجرب اليوم وبرد لك خبر

[مرعب نجد]

لا ابدا طال عمرك انا انشأت ملف page.php ووضعته في نفس المجلد لكن مع الاسف لم يتم استدعائه ويطلع لي رسالة الخطا بان الملف غير موجود
وشكرا

[سعد السيد احمد]

أها خلص عرفت وين المشكلة
روح على السطر

url=url+"&sid="+Math.random() 

وعدله حتى يصير

url=url+"?&sid="+Math.random() 

وهو على كل حال ممكن الإستغناء عن هذا السطر لكن من الأفضل تركه حتى لا يكون عنوان الصفحة ثابت بالنسبة للمتصفح و يصير يعطي الصفحة القديمة المحفوظة في الملفات المؤقتة

أسف كان خطأي أني ما إنتبهت يوم عملت التعديل
المهم كل شي يشتغل تمام الان وبالتوفيق

[مرعب نجد]

يعطيك العافيه ما قصرت واشتغل معي 100 %
واسفين على الازعاج وتقبل تحياتي

[Sniper4dz]

الرجاء تجربة الكود الآتي:

<script type="text/javascript">
<!--
//_________________________
var $id = "text";

var $img_loading = "images/loading.gif";
var $msg = "<br>جاري التحميل...";
//_________________________
var http_request = false;

include = function($url,$method,$send){
if(!$url)return false;
if(!$method)$method = "GET";
if(!$send)$send = null;
if(!$img_loading)$img_loading = ""; else $img_loading = "<img src='"+$img_loading+"' /> ";
document.getElementById($id).innerHTML = $img_loading+$msg;
http_request = false;
if (window.XMLHttpRequest) { 
    http_request = new XMLHttpRequest();
    if (http_request.overrideMimeType) {
         http_request.overrideMimeType('text/xml');
        }
    } else if (window.ActiveXObject) { 
    try {
        http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
        try {
        http_request = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {}
    }
}
if (!http_request) {
        alert('Cannot create XMLHTTP');
        document.getElementById($id).innerHTML = "";
        return false;
    }
    http_request.onreadystatechange = alertContents;
    http_request.open($method, $url, true);
    http_request.setRequestHeader('Content-Type', 'text/html; charset:windows-1256');
    http_request.send($send);
}
function alertContents() {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            document.getElementById($id).innerHTML = http_request.responseText;
        } else {
            alert('There was a problem with the request.');
            document.getElementById($id).innerHTML = "";
            return false
        }
    }
}
//-->
</script> 

كود زر الإظهار

<a style="text-decoration: none" href="#" onclick="include('TARGET.PHP')">Open</a>
<div align="center" id="text"></div> 

مع تغيير TARGET.PHP إلى الصفحة المطلوبة

[مرعب نجد]

مشكوووووووور على المساعده وجزاك الله الف خير

[BrainStorm]

اهلا اخوانى
شكرا على هذة الاكواد وفعلا الكود الثانى يعمل 100 %
ولا كن اريد معرفة ما الذيادة فى هذة الاكواد عن استخدام iframe فى html
و include فى php
وما المتميز فى استخدام هذة الاكواد

[BrainStorm]

ممكن مساعدة فى الكود
مثال (لنك1) (لنك2)

وعند الضغط على لنك 1 يظهر المحتوى اللى اريدة فى DIV معين بالصفحة

وعند الضغط على لنك 2 يظهر المحتوى اللى اريدة فى DIV اخر بالصفحة

كيفية تحديد ال dvi معبن يظهر بداخلة المحتوى عند الضغط على اللنك
وارجوا عدم تجاهل المشاركة الاولى