✔ Auswahlliste auf Ausgangspunkt zurücksetzen

M

msmopic

Mitglied
Ich habe eine Auswahlliste, die ganz einfach in einem neuen Fenster auf andere Seiten verlinken soll. Das funktioniert auch problemlos.
Problem: Danach hab ich in der Auswahlliste immer noch den markierten Eintrag stehen. Ich möchte dies aber wieder auf "TOP LINKS" zurücksetzen. Mit folgendem Code geht dies nur im "Default-Fall":

Code: 
  <script type="text/javascript">
  function Go (x) {
    switch(x)
    { case "nothing":
  	document.forms[0].reset();
  	document.forms[0].elements[0].blur();
  	return;
  	break;
  	
  	case "end":
  	top.location.href = "index.htm"; //parent.frames[1].location;
  	break;
  	
  	case "emp":
  	window.open("http://www.emp.de", "EMP", "location=no, resizable=yes");    
  	break;
  		    
  	case "rock":
  	window.open("http://www.rock.com", "EMP", "location=no, resizable=yes");
  	break;
  	
  	default:
  	parent.frames[1].location.href = x;
  	document.forms[0].reset();
  	document.forms[0].elements[0].blur();
  	break;
    }
  }
  </script>

HTML: 
  <form action="">
 		 <select size=1 name="Auswahl" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)"
 				 style="width:175px; background-color:#FFFFFF; font-size:12px; font-family:Arial,sans-serif;" width="150">
  		 <option value="nothing">[ TOP10-LINKS ]</option>
  		 <option value="nothing">------------------------</option>
  		 <option value="nothing"><b>Music</b></option>
  		 <option value="rock">ROCK.COM</option>
  		 <option value="emp">EMP</option>	    
  		 <option value="nothing">------------------------</option>
  		 <option value="end">Beenden</option>
  		 </select>
     </form>
 
Nehme aus der ersten und letzten Bedingung Folgendes:
Code: 
document.forms[0].reset();
document.forms[0].elements[0].blur();
..heraus, und packe es dafür ganz ans Ende der Funktion(direkt vor die letzte geschweifte Klammer).
Dann wird dein Formular immer zurückgesetzt.
 
Hallo,
ich habe zwar ein anderes Problem, allerdings passt das hier rein denke ich. Wie msmopic habe ich eine Auswahlliste, die ein OnChange-Event ausführen soll. Allerdings soll keine externe URL ausgerufen werden, sondern die eigene Seite mit einer veränderten GET-Variable damit ich mittels PHP ein anderes Image darstellen kann. Das Problem besteht nun darin, dass wenn man die gleiche seite mit einer anderen GET-Variable aufruft, das Select-Element auf das erste zurückgesetzt wird. Ich hätte es natürlich gerne so das das ausgewählte auch nach der Auswahl ausgewählt bleibt (Merkwürdiger Satz. :)). Hinzu kommt, dass ich noch Textfelder habe, welche ebenfalls ihre eingegebenen Werte beibehalten sollen. Versteht ihr wie ich das meine? Vielleicht geht es ja auch ohne GET-Variablen und viel simpler.
Vielen Dank im voraus.
Felix
 
Wenn es wirklich nur darum geht, ein anderes Bild anzuzeigen, geht es auf jeden Fall einfacher.... tausche in der aktuelle Seite nur das betreffende Bild durch das Gewählte aus.
 
Wie kann man soetwas denn realisieren? Kannst du mir ein Tutorial oder Code-Ausschnitt geben? Ich wäre sehr dankbar.
 
Code: 
<form>
 <select onchange="document.nameDesBildes.src=this.options[this.selectedIndex].value">
  <option value="pfad/zu/bild1.gif">bild1
  <option value="pfad/zu/bild2.gif">bild2
  <option value="pfad/zu/bild3.gif">bild3
 </select>
</form>
<img name="nameDesBildes"src="pfad/zu/bild0.gif">
 
Super! Es hat geklappt.
Jetzt habe ich nur noch eine letzte Schwierigkeit. Das Bild soll in Abhängigkeit von zwei Select-Feldern angezeigt werden. Der Dateiname des Bildes setzt sich also aus zwei Selects zusammen.
PS: Mein Lösungsansatz wurde vom Browser mit einem gelben Ausrufezeichen quittiert.
 
Mein Versuch sieht so aus:

Code: 
<form>
 <select name='test1' onchange="document.nameDesBildes.src=this.options[this.selectedIndex].value+test2.options[test2.selectedIndex].value+.jpg">
  <option value="rot">rot
  <option value="gelb">gelb
  <option value="gruen">gruen
 </select>
 
 <select name='test2' onchange="document.nameDesBildes.src=test1.options[test1.selectedIndex].value+this.options[this.selectedIndex].value+.jpg">
 <option value="gross">gross
 <option value="klein">klein
 </select>
  
</form>
<img name="nameDesBildes" src="rotgross.jpg">

Die Images heissen demnach also rotgross.jpg, rotklein.jpg, gelbgross.jpg, gelbklein.jpg, gruengross.jpg und gruenklein.jpg. Leider verändert sich jetzt überhaupt nichts mehr.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück