Webstatt.org - Community seit 2006 - 2012 (2024?)

Dropdownfeld

user-179
29.05.2007 09:34

Hallo,

ich bin neu hier und habe mal eine Frage zu dem Code hier:

<script type="text/javascript">
<!--
function fwd() {
var auswahl = document.getElementsByName("dropdown_name"zwinkern[0].value;
document.location.href = "new_url?auswahl="+auswahl
}
//-->
</script>

<select name="dropdown_name" onchange="fwd();">
<option value="val0">choose one</option>
<option value="val1">one</option>
...
</select>


wie ist es denn möglich mehrere Auswahlmöglichkeiten zu nehmen und bei jeder eine neue Url einzugeben wo er hinzugehen hat?
Ich hoffe meine Frage wahr vesrtändlich genug!

Im voraus schon mal user-158ke für eine Antwort Fettes Grinsen

user-137
29.05.2007 09:59

Hier hast du ein paar Beispiele:

http://www.animiertegifs.de/java-scripts/auswahlliste-normal.htm

P.S. user-129utz doch bitte die CODE Formatierung. zwinkern

user-179
29.05.2007 10:11

Cool danke hat einwandfrei funktioniert!
Aber habe noch eine kurze Frage wie kann man zum beispiel bei einer Auswahl ein Popup Fenster öffnen lassen mit einer kleinen Meldung?

user-321
29.05.2007 11:33

vielleicht vermeidest du erstmal crossposting? du hast bei jex auch schon gefragt...

user-179
29.05.2007 11:43

Wenn du mir erklärst was daran so schlimm ist.Und was das mit dem Thema zu tun hat?Ich brauch einfach nur hilfe

user-321
29.05.2007 12:15

warum sollen sich zwei foren damit beschäftigen? du kannst doch erstmal ein paar stunden warten auf eine antwort... das spart die zeit von anderen, traffic, und speicherplatz... klingt kleinlich, ist es auch.

user-179
29.05.2007 12:17

Gut ist ja ok!
Und kannst du mir jetzt eine Antwort geben?Ansonsten hättest mir das auch per pn schreiben können!

user-321
29.05.2007 12:31

vergleiche mal bitte den nickname des ersten posters bei jex mit meinem naickname hier... was fällt auf? ich habe dir schon geantwortet und user-162 hat das ganze eigentlich schon richtig gestellt. es sollte jetzt gehen.

<script type="text/javascript">
<!--
function fwd() {
var auswahl = document.getElementsByName("dropdown_name"zwinkern[0].value;
window.location.href = auswahl; // <------------
}
//-->
</script>


<select name="dropdown_name" onchange="fwd();">
<option value="hier die komplette url rein">one</option> // <------------
...
</select>

user-179
29.05.2007 12:33

Ja danke das funzt nur das Problem ist noch das mit dem Pop up Fenster!Das wenn ich auf eine Auswahl gehe ein Pop Up aufgeht!Wäre cool wenn du mir das sagen würdest!

user-321
29.05.2007 12:57

<script type="text/javascript">
<!--
function fwd() {
var auswahl = document.getElementsByName("dropdown_name"zwinkern[0].value;
popup(200,200,auswahl);
}

function popup(w,h,site) {
x = screen.availWidth/2-w/2;
y = screen.availHeight/2-h/2;
var popupWindow = window.open(
'','','width='+w+',height='+h+',left='+x+',top='+y+',screenX='+x+',screenY='+y);
popupWindow.document.write(site);
}

//-->
</script>


<select name="dropdown_name" onchange="fwd();">
<option value="hier die komplette url rein">one</option> // <------------
...
</select>


die popup funktion war die erste bei google, ist aber ungeprüft

Avatar user-290
29.05.2007 15:47

1. Was in anderen Boards passiert/wo der Threadersteller das sonst noch postet tut doch hier nichts zur Sache. Die Lösung des Problems ist nur relevant.
2. Falsches Forum *schieb*
3. Macht euch mal Avatare...sieht ja schrecklich aus *g*

Avatar user-162
29.05.2007 16:34

die Lösung von user-321 kann nie und nimmer funktionieren, weil da immer die erste Option verwendet wird.
Die ausgewählte Option spricht man mit selectedIndex an.

hier eine kleine Beispieldatei:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dropdown-Popup</title>
<script type="text/javascript">
function goto() {
selected_index = document.getElementById('auswahl'zwinkern.selectedIndex;
url = document.getElementById('auswahl'zwinkern[selected_index].value;
window.open(url, "Neues Fenster", "height=200, width=300"zwinkern;
}
/*
----
*/
urls = Array();
urls["a"] = "index.html";
urls["b"] = "seite2.html";
urls["c"] = "seite3.html";

function goto2() {
selected_index = document.getElementById('auswahl2'zwinkern.selectedIndex;
key = document.getElementById('auswahl2'zwinkern[selected_index].value;
url = urls[key];
window.open(url, "Neues Fenster2", "height=200, width=300"zwinkern;
}

</script>
</head>

<body>
<h1>Dropdown-Popup</h1>
<label for="auswahl">Auswahl mit URL direkt als Value:</label>
<select id="auswahl" name="auswahl" onchange="goto()">
<option value="index.html">Index</option>
<option value="seite2.html">Seite2</option>
<option value="seite3.html">Seite3</option>
</select>
<hr />
<label for="auswahl2">Auswahl mit URL in Array:</label>
<select id="auswahl2" name="auswahl" onchange="goto2()">
<option value="a">Index</option>
<option value="b">Seite2</option>
<option value="c">Seite3</option>
</select>
</body>
</html>

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-179
30.05.2007 05:18

Moin danke nochmal für deine Lösung!Aber ich wollte eigentlich das Popup Fenster nicht über eine weitere Seite öffnen sondern einfach per
function FP_popUpMsg(msg) {//v1.0
alert(msg);
FP_popUpMsg('Test!\r\n'zwinkern
aber diese Message soll nicht bei allen kommen sondern nur bei bestimmten auswahlmöglichkeiten!Für eine Lösung wäre ich sehr user-158kbar!

user-179
30.05.2007 07:51

 <script language="javascript" type="text/javascript">
<!--
function Go(x)
{
if(x == "nichts"zwinkern
{
document.forms[0].reset();
document.forms[0].elements[0].blur();
return;
}
else
{
top.location.href = x;
document.forms[0].reset();
document.forms[0].elements[0].blur();
}
}
//-->
</script>
<script language="javascript" type="text/javascript">
<!--
function surfto(form) {
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0"zwinkern
if (myindex == "0"zwinkern{ alert("Bitte wählen Sie Ihr Land aus."zwinkern; return; }
{
window.open(form.select1.options[myindex].value, target="Zielframe"zwinkern;}
}
//-->
</SCRIPT>


Man was stimmt daran nicht! Ich sage ihm wenn value 0 ist soll er ein popup aufmachen!Stimmt das myindex vll nicht?

Avatar user-349
30.05.2007 17:12

Richt mal deine Klammern zurecht, da fehlt eine ({})
";" ghörn auch noch ein paar rein.

user-179
31.05.2007 10:03

Ich finde den Fehler nicht kannste mir vielleicht helfen?

Avatar user-349
31.05.2007 16:50

Deinen ersten Post betreffend:

*ausgrab*

<head>

<script language="JavaScript" type="text/javascript">
<!--
function weitergehts(a){
a == 2 ? window.location.href= "index.htm" : '';
a == 3 ? window.location.href = "forum.htm" : '';
}
//-->
</script>

<body>

<form>
<select name="id" onChange="weitergehts(this.selectedIndex)">
<option selected="selected">Bitte wählen:</option>
<option>--------------------</option>
<option>INDEX</option>
<option>FORUM</option>
</select>
</form>