• 0
EJRAM

سؤال ضروري (فتح محتوى صفحة بالأجاكس داخل Div)

سؤال

ياليت تساعدوني الكود في خطآ ما عرفت ايش هوه . .

بس ابغى الزر اللي اسمه home يستدعي صفحه باسم 1.php ويحط محتوياتها في الجزء اليمين من الصفحه ..

top4top_ef890961d91.png

وهذا الكود ..

طبعا رفعت الصفحتين على مسآر public_html في مساحتي ..

المشكله بكود الجافا سكربت اتوقع


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
html, body{
margin:0;
padding:0;
}

#container {
margin-left:10px auto;
margin-right:10px auto;
text-align:center;
border: 1px gray solid;
}

#left {

width: 5%;
border: 1px blue solid;
display: inline-block;
*display: inline;
}

#center {

width: 40%;
border:1px blue solid;
display: inline-block;
*display: inline;
}

#right {

width: 40%;
border: 1px blue solid;
display: inline-block;
*display: inline;
}

form
{
margin-left:15px auto;
width:200px;
height:40px;


}

img
{
margin:12px auto;

}

</style>
<title>miss</title>

</head>
<body bgcolor="#000000">
<script type="text/javascript">

function Ajax()
{
var xmlhttp;
if(window.XMLHttpRequest());
xmlhttp = new XMLHttpRequest();
else
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

xmlhttp.onreadystatechange = function(){
if(xmlhttp.readystate == 4 & xmlhttp.status == 200)
document.getElementById("right").innerHTML = xmlhttp.responseText;
}
xmlhttp.open("Get","1.php",true);
xmlhttp.send();
}

</script>



<div ><img src="http://www.wpacrack.com/page-header.jpg"></img>
</div>

<div id="container">
<div id="left">
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
</div>
<div id="center">
<form action="<script>Ajax();</script> ">
<input type="image" src="http://up.top4top.net/uploads/2012/10/20/top4top_30cb86a3601.jpg" alt="Submit" width="200" height="50">
</form></form>

</div>
<div id="right">right</div>
</div>
</body>
</html>

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

3 إجابة على هذا السؤال .

  • 0

السلام عليكم ...

يفضل استخدام frames لفتح صفحات أخرى ...

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">

function Ajax()
{

var xmlhttp;
if(window.XMLHttpRequest)
xmlhttp = new XMLHttpRequest();
else
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");


xmlhttp.onreadystatechange = function()
{

if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
document.getElementById("right").innerHTML = xmlhttp.responseText;

}
xmlhttp.open("Get","http://localhost/1.php",true);
xmlhttp.send();
}

</script>

<style>
html, body{
margin:0;
padding:0;
}

#container {
margin-left:10px auto;
margin-right:10px auto;
text-align:center;
border: 1px gray solid;
}

#left {

width: 5%;
border: 1px blue solid;
display: inline-block;
*display: inline;
}

#center {

width: 40%;
border:1px blue solid;
display: inline-block;
*display: inline;
}

#right {

width: 40%;
color: blue;
border: 1px blue solid;
display: inline-block;
*display: inline;
}

form
{
margin-left:15px auto;
width:200px;
height:40px;


}

img
{
margin:12px auto;

}

</style>
<title>miss</title>

</head>
<body bgcolor="#000000">




<div ><img src="http://www.wpacrack.com/page-header.jpg"></img>
</div>

<div id="container">
<div id="left">
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
<img src="http://up.top4top.net/uploads/2012/10/19/top4top_2a7fdb702f1.png"/></br>
</div>
<div id="center">
<form action="javascript:Ajax();">
<input type="image" src="http://up.top4top.net/uploads/2012/10/20/top4top_30cb86a3601.jpg" alt="Submit" width="200" height="50">
</form></form>

</div>
<div id="right">right</div>
</div>
</body>
</html>

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

الله يجزآك الجنه يااااارب ..

شكرن كثيييير ..

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

http://api.jquery.com/load/

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .