Announcement

Collapse
No announcement yet.

aus Combobox eine js-funktion aufrufen

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • aus Combobox eine js-funktion aufrufen

    hallo zusammen,

    ich bin gerade dabei ein formular zu erstellen,
    bei dem man sich ein bild aussuchen kann, welches zu den news welche man schreibt passen kann.

    Quellcode:

    <a target="#" href="http://www.myascii.de/js-problem.txt">link zum quellcode, da E-F probleme bei der Anzeige hat</a>

    Problem:
    aus mir unerfindlichen gründen wird das script nicht aufgerufen...

    Danke schonmal im vorraus!

    mfG da`Nooa

  • #2
    Ich bin mir nun nicht sicher, aber wird das Event "OnChange" nicht in die Select-Box mit reingeschrieben, und nicht bei den Werten?

    EDIT: Bzw Kenn ich es nur so und hab es noch nie bei den Optionen ausprobier

    Comment


    • #3
      schau mal hier: http://www.javascript-code.de/javascript-show-1131819769-formulare_selectfeld_waehlt_bild.html

      --------

      &lt;form name="dynamicselector"&gt;
      &lt;table border="0" width="300" cellspacing="0" cellpadding="0" height="178"&gt;
      &lt;tr&gt;
      &lt;td width="120" valign="top" align="left"&gt;
      &lt;select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)"&gt;
      &lt;option value="http://images.amazon.com/images/P/1565924940.01.TZZZZZZZ.jpg" selected&gt;DHTML Guide&lt;/option&gt;
      &lt;option value="http://images.amazon.com/images/P/0201353415.01.TZZZZZZZ.jpg"&gt;DHTML QuickStart&lt;/option&gt;
      &lt;option value="http://images.amazon.com/images/P/1556225865.01.TZZZZZZZ.jpg"&gt;HTML4&lt;/option&gt;
      &lt;option value="http://images.amazon.com/images/P/1861001746.01.TZZZZZZZ.jpg"&gt;IE5 DHTML&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
      &lt;td width="180" valign="top" align="left"&gt;&lt;ilayer id="dynamic1" width=180 height=178&gt;&lt;layer id="dynamic2" width=100% height=178&gt;&lt;div id="dynamic3"&gt;&lt;/div&gt;&lt;/layer&gt;&lt;/ilayer&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/form&gt;

      &lt;script&gt;
      //enter image descriptions ("" for blank)
      var description=new Array()
      description[0]="DHTML: The Definitive Guide"
      description[1]="DHTML Visual QuickStart Guide"
      description[2]="HTML 4 and DHTML"
      description[3]="IE5 DHTML Reference"

      var ie4=document.all
      var ns6=document.getElementById
      var tempobj=document.dynamicselector.dynamicselector2
      if (ie4||ns6)
      var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
      function generateimage(which){
      if (ie4||ns6){
      contentobj.innerHTML='&lt;center&gt;Loading image...&lt;/center&gt;'
      contentobj.innerHTML='&lt;center&gt;&lt;img src="'+which+'"&gt;&lt;br&gt;&lt;br&gt;'+descripti on[tempobj.options.selectedIndex]+'&lt;/center&gt;'
      }
      else if (document.layers){
      document.dynamic1.document.dynamic2.document.write ('&lt;center&gt;&lt;img src="'+which+'"&gt;&lt;br&gt;&lt;br&gt;'+descripti on[tempobj.options.selectedIndex]+'&lt;/center&gt;')
      document.dynamic1.document.dynamic2.document.close ()
      }
      else
      alert('You need NS 4+ or IE 4+ to view the images!')
      }

      function generatedefault(){
      generateimage(tempobj.options[tempobj.options.selectedIndex].value)
      }

      if (ie4||ns6||document.layers){
      if (tempobj.options.selectedIndex!=-1){
      if (ns6)
      generatedefault()
      else
      window.onload=generatedefault
      }
      }

      &lt;/script&gt

      Comment

      Working...
      X