استفسار من محترفي الجي كويري

assyrian-php · 06-02-2012, 01:08 AM

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

لدي استفسار له علاقة بكود جافا سكربت من مكتبة جي كويري

كود HTML:

$("#div_weather").putWeather({	
				location:"damascus"
});

اريد تعديل الكود بحيث اضيف قائمة منسدلة SELECT و كلما اقوم بتغيير الخيار OPTION تتغير قيمة location ضمن الكود السابق

مثلاً :

كود HTML:

<select> <option value="cairo">cairo</option> <option value="abu dhabi">abu dhabi</option> </select>

فهل من مساعد ؟؟

و شكراً لكم مسبقاً .

tech · 10-02-2012, 01:39 PM

تفضل

كود 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>

وايضآ ممكن من خلال jquery مباشر

$("select").change(function () {
...

}).change();

assyrian-php · 10-02-2012, 01:52 PM

اشكرك اخي tech على الرد ..

لكن لم تنفع الطريقة .. ما زلت اجهل كيفية عملها .
هل يمكنك الاسهاب في الشرح اكثر ؟

اشكرك مجدداً .

tech · 11-02-2012, 02:08 AM

كود PHP:

  <select onchange="$('#div_weather').putWeather({location: this.value});"> 
    <option value="cairo">cairo</option> 
    <option value="abu dhabi">abu dhabi</option> 
</select>

onchange = تنفيذ ما بادخلها عند تحديد اى عنصر من القائمة
this.value = القيمة التى تم تحديدها, أن حددت القاهرة مثلآ
this.value تكون قيمتها cairo

assyrian-php · 11-02-2012, 05:59 AM

شكرا اخي tech عذبتك معاي .. و الظاهر الخطأ من عندي
انا استخدم الكود السابق ضمن برمجية مفصولة باستخدام محرك القوالب سمارتي .
و قد اعطيتك الكود ناقص .. لهذا لم تستطع ان تساعدني ..

اعتذر منك اخي Tech

هذا هو كود الجافاسكربت كاملاً

كود 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>

اريد فقط تغيير location عن طريق القائمة .

tech · 11-02-2012, 08:55 PM

اتفضل مثال واضح

كود 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>

assyrian-php · 11-02-2012, 10:22 PM

شكراً لك اخي tech تم حل المشكلة بجهودك ..

اشكرك .

المواضيع المشابهه
الموضوع	كاتب الموضوع	القسم	الردود	آخر مشاركة
افضل مصادر لتعلم جافا سكريبت وجي كويري	exchangeboss	البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها	9	14-11-2010 10:31 AM
مشكلة مع الأجاكس بالجي كويري	محب الله ورسوله	البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها	2	05-10-2009 08:32 PM
إلى محترفي منتدى phpbb أو محترفي php ..	palnour	الإصلاح والصيانة	0	22-07-2007 02:04 PM
الى محترفي البي اش بي .. استفسار هام	yosry	الويب والويب 2.0 والـ Semantic Web	10	12-01-2006 08:07 PM
استفسار للكهف وجميع محترفي المنتديات	alameer16	الإصلاح والصيانة	16	13-05-2002 03:00 AM

أدوات الموضوع
مشاهدة نسخة مطبوعة إرسال هذه الصفحة