kleines html/java problem...

Thurisaz · 1. Mai 2009

hallo leute

ich hoffe mir kann da wer auf die schnelle helfen...

ich hab mir da rasch n kleines script zurecht "geschustert" (ja ich weis, wird wohl ned das wahre sein, aber es funzt :-))

also, folgendes:

Zitat

<script>
function setOptions(chosen) {
var selbox = document.myform.auswahl;

selbox.options.length = 0;
if (chosen == " ";) {
selbox.options[selbox.options.length] = new Option('',' ');

}
if (chosen == "1";) {
selbox.options[selbox.options.length] = new Option('29. Februar 2008; Dachdeckerarbeiten','./brodhusi/290208.html');

}
if (chosen == "2";) {
selbox.options[selbox.options.length] = new Option('18. Februar 2008; Betonarbeiten Wände Speisesaal','./trp/180208.html');

}
if (chosen == "3";) {
selbox.options[selbox.options.length] = new Option('18. Februar 2008; eingelegte Leitungen','./nwvsteini/180208.html');

}
}

</script>

Alles anzeigen

Zitat

<form name="myform">
<div align="center">
<select name="kategorie" style=width:550px onchange="setOptions(document.myform.kategorie.options[document.myform.kategorie.selectedIndex].value);">
<option>Bitte Wählen Sie ein Projekt aus</option> <option>------------------------------------------</option>
<option value="1">05-06-7 Neubau Brodhüsisteg, 3752 Wimmis</option> <option value="2">02-03-1 Erweiterung Truppenunterkunft "altes Schulhaus", 3752 Wimmis</option>
<option value="3">01-07-9 Nahwärmeverbund Steini - Steinigand, 3752 Wimmis</option>
</select>
<p>
<select name="auswahl" size="16" style=width:550px> </select>
<input type="button" name="go" value="Zur Galerie" onclick="location=document.myform.auswahl.options[document.myform.auswahl.selectedIndex].value;">
</p>
</form>

Alles anzeigen

so weit so gut, jetzt möchte ich aber das beim onclick event die zielseite in einem popup à 600x600 geöffnet wird. hat mir da jemand ein vorschlag?

danke schon mal!

hitchhiker · 1. Mai 2009

Ich wuerde das so machen und bei den options gleich die URL als value benutzen :

HTML

<html>
<head>
<script type="text/javascript">
function doNavigate(newUrl) {
if (newUrl != "-1") {
window.open(newUrl, "", "width=600,height=600,scrollbars=no");
}
}
</script>
</head>
<body>
<form name="myform">
<select name="kategorie" style=width:550px>
<option value="-1">Bitte Wählen Sie ein Projekt aus</option> <option value="-1">------------------------------------------</option>
<option value="./brodhusi/290208.html">05-06-7 Neubau Brodhüsisteg, 3752 Wimmis</option>
<option value="./wimmis.html">02-03-1 Erweiterung Truppenunterkunft "altes Schulhaus", 3752 Wimmis</option>
<option value="./steini.html">Nahwärmeverbund Steini - Steinigand, 3752 Wimmis</option>
</select>
<p>
<select name="auswahl" size="16" style=width:550px> </select>
<input type="button" name="go" value="Zur Galerie" onclick="doNavigate(document.myform.kategorie.options[document.myform.kategorie.selectedIndex].value);">
</p>
</form>
</body>
</html>

Alles anzeigen

gruss
hitch

Thurisaz · 1. Mai 2009

danke für deine antwort!

nun aber noch ne frage, mit meinem alten script habe ich ja veranlasst, das bei anwahl im ersten select feld die entsprechenden rubriken im 2. erscheinen (also mehr als eine)

wie könnte ich das bewerkstelligen?

hitchhiker · 1. Mai 2009

Hab ich uebersehen, dachte das macht nur dynamische eintraege oben

HTML

<html>
<head>
<script type="text/javascript">
function doNavigate(newUrl) {
if (newUrl != "-1") {
window.open(newUrl, "", "width=600,height=600,scrollbars=no");
}
}
function setOptions(chosen) {
var selbox = document.myform.auswahl;
selbox.options.length=0;
if (chosen == "-1") {
selbox.options[selbox.options.length] = new Option('','-1');
selbox.style.display="none";
} else if (chosen == "1") {
selbox.options[selbox.options.length] = new Option('29. Februar 2008; Dachdeckerarbeiten','./brodhusi/290208.html');
selbox.style.display="";
} else if (chosen == "2") {
selbox.options[selbox.options.length] = new Option('18. Februar 2008; Betonarbeiten Wände Speisesaal','./trp/180208.html');
selbox.options[selbox.options.length] = new Option('18. Februar 2008; Betonarbeiten Wände Schlafzimmer','./trp/180202.html');
selbox.style.display="";
} else if (chosen == "3") {
selbox.options[selbox.options.length] = new Option('18. Februar 2008; eingelegte Leitungen','./nwvsteini/180208.html');
selbox.style.display="";
}
}
</script>
</head>
<body>
<form name="myform">
<select name="kategorie" style="width:550px" onchange="setOptions(document.myform.kategorie.options[document.myform.kategorie.selectedIndex].value)">
<option value="-1">Bitte Wählen Sie ein Projekt aus</option>
<option value="-1">------------------------------------------</option>
<option value="1">05-06-7 Neubau Brodhüsisteg, 3752 Wimmis</option>
<option value="2">02-03-1 Erweiterung Truppenunterkunft "altes Schulhaus", 3752 Wimmis</option>
<option value="3">Nahwärmeverbund Steini - Steinigand, 3752 Wimmis</option>
</select>
<p>
<select name="auswahl" style="width:550px;display:none"> </select>
<input type="button" name="go" value="Zur Galerie" onclick="doNavigate(document.myform.auswahl.options[document.myform.auswahl.selectedIndex].value);">
</p>
</form>
</body>
</html>

Alles anzeigen

damit kannst du sicher weiterarbeiten, ich habs so gemacht das die 2. selection erst angezeigt wird, wenn du oben was ausgewaehlt hast.

gruss
hitch

Thurisaz · 1. Mai 2009

so weit so gut, ich habs jetzt so weit geschafft. nur ein problem hab`ich noch:
ich hab ja in selbox die urls eingebunden, der onclick event bezieht sich ja durch "auswahl.selectedIndex].value" auf diese url, wenn ich jetzt jedoch alles teste, kommt das popup und zeigt mir das parent directory an, welches ich als option value angegeben habe?!

€: habs grad herausgefunden, hab statt auswahl kategorie erwischt...

danke hitch, hast mir sehr geholfen