JS Dropdownmenue mit Bild(Button)

randyorton

Hi,

ich habe hier ein Dropdownmenue:

Das im Head:

Code

<script type="text/javascript"> 
<!-- 
function popUp(get) 
{ 
      var tmp=get.split("|"); 
      var url=tmp[0]; 
      //var breite=tmp[1]; 
      //var hoehe=tmp[2]; 
      id='0815';
      type='dufterTyp';
      //var positionX=((screen.availWidth / 2) - breite / 2); 
      //var positionY=((screen.availHeight / 2) - hoehe / 2); 
      pop=window.open('','','scrollbars=yes,fullscreen=no,location=no,menubar=no,toolbar=no,width=1200,height=930');  
      pop.moveTo(1000,100);
      pop.focus();
      pop.location=url; 
} 
//
--> 
</script>

Alles anzeigen

Und das im Body:

Code

<select SIZE="1" onchange="if(this.value!='0'){popUp(this.value);}"name="D20" style="width: 226px">
  <option selected value="0">beispiel</option>
  <option value="0">----------</option>
  <option value="../a.htm"> Beispiel a </option>
  <option value="../b.htm"> Beispiel b</option>
</select>

Und jetzt ist es ja so das wenn man was auswählt sofort ein Popup erscheint ich möchte es aber so das ein Button daneben ist also neben dem Dropdownmenue und je nachdem was man awählt und dann auf den Button klickt es das popup öffnent.

Und es soll eben kein Button sein sondern ein Bild. Geht das?

Danke für Hilfe.

MyXoToD

Du kannst das Select in eine <form> tun und dann der form folgendes geben um das Script auszuführen:

HTML

<form action="#" method="#" onsubmit="if(this.value!='0'){popUp(this.value);}">


blaaaaa


</form>

randyorton

Zitat von Santos
Du kannst das Select in eine <form> tun und dann der form folgendes geben um das Script auszuführen:
HTML
<form action="#" method="#" onsubmit="if(this.value!='0'){popUp(this.value);}">
 
blaaaaa
 
</form>

Erstmal Danke, und was bringt mir das? Sorry bin nene Noob auf dem Gebiet. Habe das Script aus dem Netz

MyXoToD

Also ich hoffe du weißt was eine Form ist (FORMULAR!!), halt um Daten zu senden.
Das Forumlar kannst du mit einem Submitbutton abesenden.
Das ganze sollte in deinem fall dann so aussehen:

HTML

<form action="" method="post" onsubmit="if(selectfeld.value!='0'){popUp(selectfeld.value);}">


<select SIZE="1" name="D20" style="width: 226px" id="selectfeld">
  <option selected value="0">beispiel</option>
  <option value="0">----------</option>
  <option value="../a.htm"> Beispiel a </option>
  <option value="../b.htm"> Beispiel b</option>
</select>


<input type="submit" name="submit" value="Daten absenden" />


</form>

Alles anzeigen

Ich hab keine Ahnung ob das geht... will dir damit nur zeigen wie du es umsetzen könntest...
Jetzt wird das Script nicht onchange beim select ausgeführt sondern nachdem du bei select was ausgewählt hast und dann über den submitbutton die form abgeschickt hast.

EDIT//
Wenn du nicht all zu viel Ahnung davon hast, ist das vielleicht noch ne nummer zu hoch für dich oder?
Ich sag dir jetzt was aus eigener Erfahrung, was ich früher auch nie geglaubt hab.
Kopier keine Sachen aus Tutorials sondern such dir das nötige wissen zusammen und bastel was slebst. früher oder später klappt das wunderbar

randyorton81

Zitat von Santos
Also ich hoffe du weißt was eine Form ist (FORMULAR!!), halt um Daten zu senden.
Das Forumlar kannst du mit einem Submitbutton abesenden.
Das ganze sollte in deinem fall dann so aussehen:
HTML
<form action="" method="post" onsubmit="if(selectfeld.value!='0'){popUp(selectfeld.value);}">


<select SIZE="1" name="D20" style="width: 226px" id="selectfeld">
  <option selected value="0">beispiel</option>
  <option value="0">----------</option>
  <option value="../a.htm"> Beispiel a </option>
  <option value="../b.htm"> Beispiel b</option>
</select>


<input type="submit" name="submit" value="Daten absenden" />


</form>
Alles anzeigen
Ich hab keine Ahnung ob das geht... will dir damit nur zeigen wie du es umsetzen könntest...
Jetzt wird das Script nicht onchange beim select ausgeführt sondern nachdem du bei select was ausgewählt hast und dann über den submitbutton die form abgeschickt hast.

EDIT//
Wenn du nicht all zu viel Ahnung davon hast, ist das vielleicht noch ne nummer zu hoch für dich oder?
Ich sag dir jetzt was aus eigener Erfahrung, was ich früher auch nie geglaubt hab.
Kopier keine Sachen aus Tutorials sondern such dir das nötige wissen zusammen und bastel was slebst. früher oder später klappt das wunderbar
Alles anzeigen

Wow Astrein funktioniert. Aber der Button kann der auch nen Bild sein also auf das man draufklickt?

MyXoToD

Jo das kann er Dazu sag ich jetzt nur CSS
input background und so

Tags