Archivlink: javarea.de Forum > JavaScript > Pulldown mit Button
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Pulldown mit Button

Pages: [1]

geschrieben von Keidler am 15.09.2006 - 18:54


Folgendes Problem, wenn in den html code bei "index.php3" meine Internetseite einfügenmöchte funktioniert alles. Nur dann wenn ich den Pulldown Button benützen möchte geht er auf keine Seite! Was mache ich falsch?
MFG Martin









<!-- html>
<head //-->

<script language="JavaScript" type="text/javascript">
<!--
function pulldown(form)
{
var mypull = form.dest.selectedIndex;

self.location.href = form.dest.options[mypull].value;
}
//-->
</script>

<!-- /head>
<body //-->

<form>
<select name="dest" size="1">
<option value="./index.php3">1 Beschreibung</option>
<option value="./index.php3">2 Beschreibung</option>
<option value="./index.php3">3 Beschreibung</option>
<option value="./index.php3">4 Beschreibung</option>
</select>

<input type="button" value="start" onclick="pulldown(this.form);" />
</form>

<!-- /body>
</html //-->

geschrieben von Micha am 15.09.2006 - 19:29
Hi,

HTML-Quelltext
1: 
var mypull = form.dest.options.selectedIndex;


Micha

geschrieben von Keidler am 15.09.2006 - 20:10
Sie haben mir jetzt was geschickt, aber wie muss ich damit umgehen? was muss ich machen dass es funktioniert!
Vielen dank im Vorraus!

geschrieben von Micha am 15.09.2006 - 21:01
Hallo,

Frage: "wer sind den [S|Die]?"

Antwort: "Die Blauen[1] Engel..."

Wie sollst Du damit umgehen? Hmm, Du könntest Dich freuen, Dich bedanken, mir Geld überweisen, und bei tieferer Betrachtung würde mir da sicher noch was einfallen.

Die Eine Zeile, die ich Dir gepostet habe, ist zu 90% identisch mit einer aus Deinem Script. In dieser Zeile war ein Fehler, den ich korrigiert habe und folglich nur diesen Teil erneut gepostet habe.

Du übergibst der Funktion pulldown() eine Referrenz auf Dein Formular. Nun hangelst Du Dich durch das Formular -->

HTML-Quelltext
1: 
form.dest


und sprichts ein Element mit dem Namen dest an. Auf dieses versuchst Du die Eigenschaft selectedIndex anzuwenden. Das Element dest kennt diese aber gar nicht, darum geht Dein Script nicht.

Das Element dest enthält aber noch Kindselemente - die Options-Elemente. Diese Options-Elemente sind eine Art Tabelle (Array) und kennen daher die eigenschaft selectedIndex. selectedIndex kannst Du Dir als die Zeile der Tabelle vorstellen, die Du aktiviert hast. Folglich muss man sich im Formular noch einen Schritt weiterbewegen als Du es tatest:

HTML-Quelltext
1: 
form.dest.options.selectedIndex


LG Micha


[1] in Anlehnung an das Homepage Design

P.S. Im Web ist es gebräuchlich, sich zu duzen. In anbetracht meines Alters würde ich das auch sonst erwarten, ich bin noch keine 30

geschrieben von Keidler am 17.09.2006 - 18:09
Also hab alles eingefügt, Internetseiten (Links) usw. Hab den Code auf meien Page geladen, aber wenn ich dann auf start drücke sodass es mich weiterleiten kommt fehler auf der Seite, und es geht nix!
MFG

geschrieben von Micha am 17.09.2006 - 19:51
...und wie soll ich Dir nun helfen, wenn Du mir nicht zeigst, was Du gemacht hast?

geschrieben von Keidler am 17.09.2006 - 20:02
so hab ich ihn eingefügt! Aber was mach ich falsch?


<!-- html>
<head //-->

<script language="JavaScript" type="text/javascript">
<!--
function pulldown(form)
{
var mypull = form.dest.options.selectedIndex;

self.location.href = form.dest.options[mypull].value;
}
//-->
</script>

<!-- /head>
<body //-->

<form>
<select name="dest" size="1">
<option value="./http://www.beepworld.de/members/keidler/sv-buetthard.htm">1 Spieltag</option>
<option value="./index.php3">2 Beschreibung</option>
<option value="./index.php3">3 Beschreibung</option>
<option value="./index.php3">4 Beschreibung</option>
</select>

<input type="button" value="start" onclick="pulldown(this.form);" />
</form>

<!-- /body>
</html //-->

geschrieben von okley am 17.09.2006 - 20:40
also deine variante Keidler funktioniert bei mir einwandfrei. Auch die erste die du gepostet hast. Ich benütze IE 7 beta 3

Was ich alerdings trotzdem noch änderen würde ;) , sind die HTML Kommentare die du überall in den Tags mitdrinn hast.
Z.B. bei HTML
<!-- HTML> is eigentlich falsch. Korrekt wäre <HTML>, auch beim Abschluss </HTML>

Zur Info
http://de.selfhtml.org/javascript/o....cted_index

geschrieben von Keidler am 18.09.2006 - 09:50
wenn ich den code einführe, gibt es irgendwie einen fehler wenn ich auf die seite will die ich eingefügt habe in den html code. mache ich irgendetwas falsch beim einfügen von links(html cods)??



<html>
<head //-->

<script language="JavaScript" type="text/javascript">
<!--
function pulldown(form)
{
var mypull = form.dest.options.selectedIndex;

self.location.href = form.dest.options[mypull].value;
}
//-->
</script>

<!-- /head>
<body //-->

<form>
<select name="dest" size="1">
<option value="./http://www.beepworld.de/members/keidler/sv-buetthard.htm">1 Spieltag</option>
<option value="./index.php3">2 Beschreibung</option>
<option value="./index.php3">3 Beschreibung</option>
<option value="./index.php3">4 Beschreibung</option>
</select>

<input type="button" value="start" onclick="pulldown(this.form);" />
</form>

<!-- /body>
<html>

geschrieben von Micha am 18.09.2006 - 09:58
Hi,

Zitat
 Original geschrieben von okley am 17.09.2006 - 20:40
Zur Info
http://de.selfhtml.org/javascript/o....cted_index


oh, da war ich wohl betriebsblind. Der im Eingangspost enthaltene Code ist somit richtig - sry, mein Fehler.

-------------------------
Es gibt einen Fehler? Welchen? Im übrigen its das falsch:
HTML-Quelltext
1: 
<option value="./http://www.beepworld.de/members/keidler/sv-buetthard.htm">1 Spieltag</option>


Vor der URI darf ./ nur stehen, wenn Du relativ verlinkst und nicht absolut.


Micha


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.