 |
مساعدة بسيطة في اجاكس التفاصيل بالداخل
السلام عليكم و رحمة الله تعالى و بركاته
اما بعد اخواني اريد انشاء صفحة كالتالي :
http://img31.imageshack.us/img31/9553/xtrapiccom.png
و عندما اختار مثلا دولة ما, استدعي صفحة php لتظهر في المنطقة 2 بالاجاكس طبعا.
اتنمى ان تكونوا فهمتوني جيدا
و شكرا مسبقا
__________________
لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون
وعليكم السلام
http://stackoverflow.com/questions/1...n-country-list
__________________
متى استعبدتم الناس وقد ولدتهم أمهاتهم أحرار........
-----------------------------------
شبكة الشعر الادبيه
اولا شكرا لك اخي على تعاونك لكني صراحة لم افهم شيئا (ممكن اخي لو تعرب لي الشرح)
او ليس هذا هو طلبي
انا اريد فقط عندما اختار دولة ما تظهر مثلا رسالة ترحيب و لكل دولة رسالة
__________________
لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون
انا عملت لك كود مبسط يفي بالغرض
كل ماعليك هو تغيير التنسيق واضافة الدول في القائمة واذا كنت تستخدم php في البرمجه يمكنك اضافة الدول داخل لوب
تقبل تحياتي ,,كود PHP:<html>
<head>
<script>
function getState(v)
{
document.getElementById('statediv').innerHTML=v;
}
</script>
</head>
<body>
<div style="float:right;width:200px">
<form method="post" name="form1">
<select style="background-color: #ffffa0" name="country" onchange="getState(this.value)">
<option>Select Country</option>
<option value="USA">USA</option>
<option value="Canada">Canada</option>
<option value="England">England</option>
<option value="Ireland">Ireland</option>
</select>
</form>
</div>
<div id="statediv" style="float:right;width:200px;background:#DDFFFF"></div>
</body>
</html>
ملاحظة : اذا كنت تريد النص الذي يظهر في المنطقة 2 ليس اسم الدولة فقط يمكنك اضافة ماتريد داخل ال value الخاص بوسم ال option مثال :
كود PHP:<option value="you are from canada">Canada</option>
ألف شكر لك اخي لكني اريد ان استدعي صفحة php كاملة لتظهر في المكان 2
او كود html طويل ليظهر مكان you are from canada مثلا
__________________
لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون
السلام عليكم
اذا كان النص الذي تريد عرضه عباره عن متغير في صفحة php يمكنك عمل include للصفحة ووضع المتغير مكان داخل value مثال
وليس من الضروري ان لكل دولة ملف php لحالها بل يمكنك بسهوله ان تمرر اسم الدولة عن طريق الرابط GET method وهذا الملف ياخذ الدولة ويستدعي رسالة الترحيب من قاعدة بيانات مثلا
انا اذا كان النص الذي تريد عرضه عباره عن كود html وليس متغيرات php يمكنك وضع النص داخل value بطريقتين
الاولى ان تضع داخل الديف statediv تحط داخله iframe وتخلي ال src عباره عن الملف الذي يحتوي على الكود بهذه الطريقة :
هذا على افتراض ان لكل دولة ملف html باسمها مثلا usa.htmlكود PHP:<script>
function getState(v)
{
document.getElementById('statediv').innerHTML="<iframe src='" + v + ".html'></iframe>";
}
</script>
الطريقة الثانية انك تستدعي الكود من الملف عبر دوال ال php مثل دالة file_get_contents وتحط المتغير اللي يحتوي على الكود داخل الديف statediv
لو تذكر مالذي تريده بوضوح ممكن اساعدك بشكل افضل
مع تحياتي ,,,
الله يبارك فيك اخي على هذا الكم الهائل من المعلومات
ما اريده اخي بالضبط هو عمل ليست لثلاث محركات بحث yahoo , google , bing
عندما اختار اي واحد من المحركات يظهر في المكان رقم 2
اتمنى ان تكون فهمتني جيدا
و سامحني اخي على الازعاج
__________________
لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون
اهلا بك اخي spectre123 الان يبدو الطلب واضح
عملت لك هذا الكود
اتمنى ان يكون هو المطلوب
واي تعديل او استفسار ثاني انا حاضر
كود PHP:<html>
<head>
<script>
function getState(v)
{
document.getElementById('statediv').src=v;
}
</script>
</head>
<body>
<div style="float:right;width:200px">
<form method="post" name="form1">
<select style="background-color: #ffffa0" name="se" onchange="getState(this.value)">
<option>Select search engine</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.bing.com">Bing</option>
</select>
</form>
</div>
<iframe id="statediv" style="float:right;width:400px;height:400px;border:0"></iframe>
</body>
</html>
الله يجازيك الف خير
هذا هوالمطلوب
غير اني لن اضع رابط مباشر لمحرك البحث
بل سأضع كود محرك البحث في صفحة من موقعي
ثم اضع رابط الصفحة
لا تقلق سافعلها بنفسي ههه
و الله يبارك فيك مرة اخرى
__________________
لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون
ممكن اخي طريقة ال include
اظنها افضل من الا iframe
__________________
لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون
اهلا اخي spectre123
بالنسبة للانكلود لازم يكون الكود في صفحة php ويكون في متغير
لكن عندما تعرض صفحة كامله داخل صفحتك الرئيسية بدون i frame سيكون منظر الصفحة غير لائق ومشوه لانك ستعرض صفحة كامله داخل صفحتك لكن عندما تعرضها داخل ايفريم ستكون المساحه المخصصه لهذه الصفحة محدده
لكن انا عندي لك طريقة اسهل وافضل وهي انك تحط صندوق البحث فقط من كل محرك بحث وعندما تغير محرك البحث فانه يظهر صندوق البحث الخاص بالمحرك الذي اخترته مع شعار الموقع
وهذا هو كود الصفحة
جرب الكود واعطني خبركود PHP:<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<script>
function getState(v)
{
var code;
if (v=='google'){
code="<img src=\"http://www.google.com/intl/en_ALL/images/srpr/logo1w.png\" width=180 height=70 /><br /><form action=\"http://www.google.com/search\" method=\"get\"><input type=\"text\" name=\"q\" size=\"60\" /><input type=\"submit\" value=\"Google Search\" /></form>";
}else if (v=='yahoo'){
code="<img src=\"http://l.yimg.com/a/i/ww/met/yahoo_logo_us_061509.png\" width=180 height=70 /><br /><form action=\"http://search.yahoo.com/search\" method=\"get\"><input type=\"text\" name=\"p\" size=\"60\" /><input type=\"hidden\" value=\"UTF-8\" name=\"ei\" /><input type=\"submit\" value=\"Yahoo Search\" /></form>";
}else if (v=='ping'){
code="<img src=\"http://scratchmm.com/wp-content/uploads/2009/12/bing-logo.png\" width=180 height=70 /><br /><form action=\"http://www.bing.com/search\" method=\"get\"><input type=\"text\" name=\"q\" size=\"60\" /><input type=\"submit\" value=\"Bing Search\" /></form>";
}else{
code="";
}
document.getElementById('statediv').innerHTML=code;
}
</script>
</head>
<body>
<div style="float:right;width:200px;">
<form method="post" name="form1">
<select style="background-color: #ffffa0" name="se" onchange="getState(this.value)">
<option>Select search engine</option>
<option value="google">Google</option>
<option value="yahoo">Yahoo</option>
<option value="ping">Bing</option>
</select>
</form>
</div>
<div id="statediv" style="float:left;width:600px;height:50px;border:1px;text-align:center"></div>
</body>
</html>
تحياتي
ناصر
ضوابط المشاركة
رد مع اقتباس