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

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

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

هذه الأكواد تقوم بجلب الصفحة باستخدام تقنية الأجاكس (ajax) بحيث لن تلاحظ أن الصفحة تقوم بعمل ما عند إستخدامها بينما في فتح الصفحات بالطريقة العادية كما تعرف سوف يكون هناك مثل إعادة تحميل
والاجاكس مفيد جداً في إرسال و إستقبال البيانات خاصة في البيانات التي تتطلب سرعة (مثل هذا الرد السريع )
لكن طبعا ليس من الجيد إستخدام الاجاكس دائما حيث سوف تلاحظ أنه أن زر العودة (back) و التحديث (refresh) و حتى عنوان الصفحة سوف يبقى للصفحة القديمة و هذا يعبر من عيوب الاجاكس

يوجد مشكلة بالكود الثانى عند وضع
هذا الكود
<a style="text-decoration: none" href="#" onclick="include('link1.php')">link1</a>
<div align="center" id="text"></div>
ووضعة مرة اخرى
<a style="text-decoration: none" href="#" onclick="include('link2.php')">link2</a>
<div align="center" id="text"></div>
اللنك الاول يفتح محتوى link1.php
وعند الضغط على link2 يظهر علامة التحميل ثم يظهر خطأ
There was a problem with the request.
وارجوا عدم تجاهل المشاركة الاولى

أنا لم أجرب هذا الكود الثاني وليس لدي الوقت للبحث المشكلة أتركه لصاحبه

[BrainStorm]

لقد تم حل هذة المشكلة

يوجد مشكلة بالكود الثانى عند وضع
هذا الكود
<a style="text-decoration: none" href="#" onclick="include('link1.php')">link1</a>
<div align="center" id="text"></div>
ووضعة مرة اخرى
<a style="text-decoration: none" href="#" onclick="include('link2.php')">link2</a>
<div align="center" id="text"></div>
اللنك الاول يفتح محتوى link1.php
وعند الضغط على link2 يظهر علامة التحميل ثم يظهر خطأ
There was a problem with the request.

والعيب من عدم وجود الصفحة التى قمت بكتابتها فى النك لذالك قمت بحذف هذا الجزء من المشاركة
ولكن يوجد مشاكل
اول شىء
اريد تحديد كل لنك وتحديد ال div التى اريد فتح اللنك بها
ثانى شىء
انظر الصورة المرفقة
ما هذة الاسهم الموجودة بالصورة
ثالث شىء
ماذا لو اردت فتح لنك بهذا المنظر
<a style="text-decoration: none" href="#" onclick="include('center.php?cat=page.php')">goto</a>
ويوجد ملف center.php وبداخلة كود اختصار الصفحات
هذة المشاكل على الكود الثانى فى هذة المشاركة
الحل -------------->

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

استخدم هذا بعد التعديل عليه حتى تقوم بتحديد الديف يلي تريد يظهر فيه الصفحة:

var xmlHttp
function open(page,divid)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url=page
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(divid).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;
}

وغير في الرابط هذا الpage.php للصفحة و divname للid تبع الdiv ولو تريد تستخدم ال get ('center.php?cat=page.php') مافي أي مشكلة

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

[BrainStorm]

شكرا اخى ولكن لم يعمل الكود

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

عفوا نسيت أني ادخل الفنكشن stateChanged داخل open حتى تأخذ قيمة الdivid وكذلك خطأ بسيط في الرابط
المهم كود الجافا سكربت :

 
var xmlHttp
function open(page,divid)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
 
var url=page
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(divid).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;
}

والرابط يصير :

<a href="javascript: open('open.php','divname')"> open</a>

مع تغيير open.php لاسم الصفحة الراد فتحها و divname للid الخاص بالdiv يلي تريد فتح الصفحة فيه

[BrainStorm]

شكرا اخى والكود الان يعمل تمام
ولكن لو اردت فتح صفحة اخرى فى div اخر فى الامر الواحد

<a href="javascript: open('open.php','divname')(open2.php','divname2')"> open</a>

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

ما شاء الله عليك كل ما أقول خلص هذا الموضوع خلصت أسئلته وماأتوقع أحد يطرح شي جديد تجي و تجيب سؤال
أحسن طريقة حتى تشغل أكثر من فنكش في نفس الوقت هي أنك تحط فنكشن يجمع كل الفنكشنات (العمليات (حلوة جمع الإنكليزي) ) فيه و عند النقر يشتغل الفنكشن المجمع يعني بالنسبة لهذا الموضوع يصير:

function mulitopen(page1,div1,page2,div2)
{
open(page1,div1);
open(page2,div2);
}

والرابط يصير :

<a href="javascript: mulitopen('c.php','divname','c.php','divname2')"> open</a>

طيب الان كل شي تمام صح ؟ بعد التجريب لأ ما فتح غير في div واحد !!؟ إيش المشكلة
بعد التجريب و الفحص الظاهر أنه لايمكن تنفيذ أمرين أجاكس في نفس الوقت تماماً
والحل؟؟
نخلي فاصل بينهم مثلاً نحط alert حيث ان مربع الحوار هذا يوقف العمليات حتى تضغط على موافق:

 
function mulitopen(page1,div1,page2,div2)
{
open(page1,div1);
alert("Hold on for a sec");
open(page2,div2);
}

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

 
function mulitopen(page1,div1,page2,div2)
{
open(page1,div1);
setTimeout(function(){ open(page2,div2);},100); 
}

حطيت وقت التشغيل بعد 100 جزء من الثانية (هذا أقل وقت شفته يشتغل عليه و جربت على ال50 جزة من الثانية بعض الاحيان يشتغل و أحياناً لأ )
وعلى هذا المثال تقدر تضيف فتح 3 صفحات أو كثر
أتمنى أن تكون المعلومة وصلت
وأي أسئلة ثانية تفضل

[BrainStorm]

شكرا اخى على المساعدات التى قدمتها
وشكرا مرة اخرة لتقبلك الكثير من الاسئلة اذا ما يضيقك
ومعلومتك الاخيرة وصلت 100 % وجارى التجربة

[departure10001]

أود ان اشكر كل المشاركين على هذا التفاعل الرائع والمعلومات القيمة ... وبارك الله فيكم

[ليوناردو دافينشي]

ما شاء الله

تعاون رائع