 |
السلام عليكم .
لدي استفسار له علاقة بكود جافا سكربت من مكتبة جي كويري
اريد تعديل الكود بحيث اضيف قائمة منسدلة SELECT و كلما اقوم بتغيير الخيار OPTION تتغير قيمة location ضمن الكود السابقكود HTML:$("#div_weather").putWeather({ location:"damascus" });
مثلاً :
فهل من مساعد ؟؟كود HTML:<select> <option value="cairo">cairo</option> <option value="abu dhabi">abu dhabi</option> </select>
و شكراً لكم مسبقاً .
تفضل
وايضآ ممكن من خلال jquery مباشركود HTML:<script> function gocity(val) { $("#div_weather").putWeather({ location:val }); } </script> <select name="city" onchange="gocity(this.value);"> <option value="cairo">cairo</option> <option value="abu dhabi">abu dhabi</option> </select>
$("select").change(function () {
...
}).change();
اشكرك اخي tech على الرد ..
لكن لم تنفع الطريقة .. ما زلت اجهل كيفية عملها .
هل يمكنك الاسهاب في الشرح اكثر ؟
اشكرك مجدداً .
onchange = تنفيذ ما بادخلها عند تحديد اى عنصر من القائمةكود PHP:<select onchange="$('#div_weather').putWeather({location: this.value});">
<option value="cairo">cairo</option>
<option value="abu dhabi">abu dhabi</option>
</select>
this.value = القيمة التى تم تحديدها, أن حددت القاهرة مثلآ
this.value تكون قيمتها cairo
شكرا اخي tech عذبتك معاي .. و الظاهر الخطأ من عندي
انا استخدم الكود السابق ضمن برمجية مفصولة باستخدام محرك القوالب سمارتي .
و قد اعطيتك الكود ناقص .. لهذا لم تستطع ان تساعدني ..
اعتذر منك اخي Tech
هذا هو كود الجافاسكربت كاملاً
اريد فقط تغيير location عن طريق القائمة .كود HTML:<script language="javascript"> $("#div_weather").putWeather({ url:"./include/get_weather.php", //url to get_weather.php location:"damascus", //a location to look for the weather temp:"c", //temperature units - c or f lang:"ar", //language short dir:"rtl", //direction - put 'rtl' for right to left text_today:"اليوم", //text for "Today" text_weather_in:"الطقس في", //text for "Weather in" cache:true, //if caching option enabled cache_minutes:2 //caching last time (in minutes) }); </script>
اتفضل مثال واضح
كود HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Example</title> <script type="text/javascript" src="jquery-1.4.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".selectweather").change(function () { $("#div_weather").putWeather({ url:"./include/get_weather.php", //url to get_weather.php location: $(this).val(), //a location to look for the weather temp:"c", //temperature units - c or f lang:"ar", //language short dir:"rtl", //direction - put 'rtl' for right to left text_today:"اليوم", //text for "Today" text_weather_in:"الطقس في", //text for "Weather in" cache:true, //if caching option enabled cache_minutes:2 //caching last time (in minutes) }); }); }); </script> </head> <body> <select class="selectweather"> <option value="cairo">cairo</option> <option value="abu dhabi">abu dhabi</option> </select> </body> </html>
شكراً لك اخي tech تم حل المشكلة بجهودك ..
اشكرك .
ضوابط المشاركة
رد مع اقتباس