Drop-Down Box

nasser110 · Oct 20, 2003

سلام به همه دوستان

كسي از دوستان مي دونه اگر ما بخواهيم يك Drop-Down Menu رو طوري تنظيم كنيم كه هر كدوم از گزينه هاش كه انتخاب شد مسير يك عكس در همان صفحه ما رو بنابر اسم اون گزينه كه انتخاب كرديم تغيير دهد ، يعني مثلا اگر ما از Drop-down گزينه Picture1.Gif رو انتخاب كرديم مسير يك عكس موجود در صفحه مان رو به Picture1.gif تغيير دهد چه كار بايد بكنيم. منظورم از مسير عكس همون Src عكس هست .

اگه كسي از دوستان لطف كنه جواب بده واقعا ممنونش مي شم

nasser110 · Oct 21, 2003

آقا يعني كسي نمي دونه؟؟؟؟ :?:

amirnezhad · Oct 21, 2003

آقا برو به اين آدرس بعدش برو توي قسمت يادداشت جديد.
اونجا يه بخشي داره كه اينطوري كه شما ميگين كار مي كنه ... به نام صورتك

اين كاري كه مي خواهين با JavaScript مي تونين انجام بدين.
توي source رو ببينين.

اگه متوجه نشدين بگين تا بيشتر براتون توضيح بدهم ... :wink:

Zanguei · Oct 22, 2003

اين يكم جوابش طولانيه وگرنه آقاي امير نژاد حتما جوابنون رو ميدادن.
كد زير رو كه با همكاري Dreamweaver ساختم(يه علت ذيق وقت) يك نگاه بنداز.
يادآوري اينكه هميشه Dreamweaver كدهاي اضافي و بيخود زياد ميريزه تو صفحه .خودت بايد اضافيهاشو پاك كني.البته اين يكي زياد كد بيخود نداره!

کد:

&lt;head>
&lt;title>Untitled Document&lt;/title>
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
&lt;script>

function ChangePic(newpic){
document.CatPic.src=newpic;
};

function MM_jumpMenu(selObj,restore){ //v3.0
  eval(selObj.options[selObj.selectedIndex].value);
  if (restore) selObj.selectedIndex=0;
};

&lt;/script>
&lt;/head>

&lt;body>
&lt;form name="form1">
  &lt;select name="menu1" onChange="MM_jumpMenu(this,0)">
    &lt;option value="ChangePic('images/cat01.gif')">Cat 1&lt;/option>
    &lt;option selected>Cat 2&lt;/option>
    &lt;option value="ChangePic('images/Cat03.gif')">Cat 3&lt;/option>
    &lt;option>Cat 4&lt;/option>
  &lt;/select>
&lt;/form>
&lt;p>&lt;img name="CatPic" src="images/cat01.gif" width="160" height="20"> 
&lt;/p>
&lt;/body>