النتائج 1 إلى 12 من 12

الموضوع: مساعدة بسيطة في اجاكس التفاصيل بالداخل

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Aug 2008
    المشاركات
    133

    Question مساعدة بسيطة في اجاكس التفاصيل بالداخل



    السلام عليكم و رحمة الله تعالى و بركاته
    اما بعد اخواني اريد انشاء صفحة كالتالي :

    http://img31.imageshack.us/img31/9553/xtrapiccom.png

    و عندما اختار مثلا دولة ما, استدعي صفحة php لتظهر في المنطقة 2 بالاجاكس طبعا.
    اتنمى ان تكونوا فهمتوني جيدا
    و شكرا مسبقا





    __________________
    لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون


  2. #2
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    789
    __________________
    متى استعبدتم الناس وقد ولدتهم أمهاتهم أحرار........
    -----------------------------------
    شبكة الشعر الادبيه

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Aug 2008
    المشاركات
    133


    اولا شكرا لك اخي على تعاونك لكني صراحة لم افهم شيئا (ممكن اخي لو تعرب لي الشرح)
    او ليس هذا هو طلبي
    انا اريد فقط عندما اختار دولة ما تظهر مثلا رسالة ترحيب و لكل دولة رسالة





    __________________
    لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    44


    انا عملت لك كود مبسط يفي بالغرض

    كل ماعليك هو تغيير التنسيق واضافة الدول في القائمة واذا كنت تستخدم 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> 
    تقبل تحياتي ,,






  5. #5
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    44


    ملاحظة : اذا كنت تريد النص الذي يظهر في المنطقة 2 ليس اسم الدولة فقط يمكنك اضافة ماتريد داخل ال value الخاص بوسم ال option مثال :

    كود PHP:
    <option value="you are from canada">Canada</option







  6. #6
    عضو نشيط
    تاريخ التسجيل
    Aug 2008
    المشاركات
    133


    ألف شكر لك اخي لكني اريد ان استدعي صفحة php كاملة لتظهر في المكان 2
    او كود html طويل ليظهر مكان you are from canada مثلا





    __________________
    لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    44


    السلام عليكم

    اذا كان النص الذي تريد عرضه عباره عن متغير في صفحة php يمكنك عمل include للصفحة ووضع المتغير مكان داخل value مثال

    وليس من الضروري ان لكل دولة ملف php لحالها بل يمكنك بسهوله ان تمرر اسم الدولة عن طريق الرابط GET method وهذا الملف ياخذ الدولة ويستدعي رسالة الترحيب من قاعدة بيانات مثلا

    انا اذا كان النص الذي تريد عرضه عباره عن كود html وليس متغيرات php يمكنك وضع النص داخل value بطريقتين

    الاولى ان تضع داخل الديف statediv تحط داخله iframe وتخلي ال src عباره عن الملف الذي يحتوي على الكود بهذه الطريقة :
    كود PHP:
    <script>
    function 
    getState(v)
    {
            
    document.getElementById('statediv').innerHTML="<iframe src='" ".html'></iframe>";
    }
    </script> 
    هذا على افتراض ان لكل دولة ملف html باسمها مثلا usa.html

    الطريقة الثانية انك تستدعي الكود من الملف عبر دوال ال php مثل دالة file_get_contents وتحط المتغير اللي يحتوي على الكود داخل الديف statediv


    لو تذكر مالذي تريده بوضوح ممكن اساعدك بشكل افضل

    مع تحياتي ,,,






  8. #8
    عضو نشيط
    تاريخ التسجيل
    Aug 2008
    المشاركات
    133


    الله يبارك فيك اخي على هذا الكم الهائل من المعلومات
    ما اريده اخي بالضبط هو عمل ليست لثلاث محركات بحث yahoo , google , bing
    عندما اختار اي واحد من المحركات يظهر في المكان رقم 2
    اتمنى ان تكون فهمتني جيدا
    و سامحني اخي على الازعاج





    __________________
    لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    44


    اهلا بك اخي 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> 







  10. #10
    عضو نشيط
    تاريخ التسجيل
    Aug 2008
    المشاركات
    133


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





    __________________
    لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون

  11. #11
    عضو نشيط
    تاريخ التسجيل
    Aug 2008
    المشاركات
    133


    ممكن اخي طريقة ال include
    اظنها افضل من الا iframe





    __________________
    لا اله الا الله عدد ما كان ,وعدد ما يكون , وعدد الحركات والسكون

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    44


    اهلا اخي 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> 
    جرب الكود واعطني خبر

    تحياتي

    ناصر










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا|شقق للايجار في الكويت | بيوت للبيع في الكويت | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض