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

بدأه EJRAM في 22 أكتوبر 2012 · 3 رد · 982 مشاهدة · في قسم البرمجة بــ Javascript

#122 أكتوبر 2012 في 19:10 صاحب الموضوع

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

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

وهذا الكود ..

طبعا رفعت الصفحتين على مسآر 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>

#222 أكتوبر 2012 في 19:49

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

يفضل استخدام 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>

لا إله إلا الله ... محمد رسول الله

لو كانت مشاركتي مفيدة و تريد تشجيعي على المزيد من العطاء , فضلا قم بتقييم المشاركة

المعرًف القديم : houssam11350_11350

من مواضيعي : ArabGenCode : مولد كود و إجراءات مخزنة و واجهات لجداول سيكوال سيرفر