Archivlink: javarea.de Forum > JavaScript > dropdown
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > dropdown

Pages: [1]

geschrieben von estoppel am 23.08.2008 - 21:38
Hi!

imomend bastel ich an einem jahreskalender da es ja blöd jedesmal für die leute ist zu blättern.Habe es zwar schon mal probiert mit dropdown zu arbeiten aber irgendwie klappt es nicht.Bitte auf das wort achten:Seht ihr Anderes Jahr anzeigen :So ein dropdown möchte ich auch haben wie kriege ich sowas hin

Bei einem beispiel link:

http://kalender-365.de/index.php?yy=1800


kann man das auch in javascript sowas herstellen?


gruß

estoppel

geschrieben von Danny am 23.08.2008 - 23:55
Hi,
eigentlich kann man die Funktionsweise schon ziemlich gut in dem von dir genannten Script herauslesen.

Dein Select Feld braucht ein onchange Event welches eine Funktion aufruft. In dieser Funktion liest du den Wert des selektierten Elements aus (das ausgewählte Jahr) und verarbeitest es weiter. Entweder du lädst die Seite mit veränderten Parameter neu oder gibst es direkt an dein Kalender Script weiter.

Soweit zur Theorie, wenn du bei der Umsetzung nicht weiterkommst gib Bescheid.

Schönen Gruß
Danny

geschrieben von estoppel am 25.08.2008 - 21:50
Hi danny!

habe bei selfhtml ein javascript gefunden damit wollte ich mein dropdown für meine kalender seite umschreiben jetzt weiß ich net wo ich meine homepage adresse hinschreiben soll könntest du mir helfen da wie du weißt will ich ja ein jaheskalender für dich habe ich ein beispielkalender gemacht also wenn ich auf meine kalendfer seite klicke erscheint dann dropdown und wenn man darauf klick zum beispiel auf das jahr 0 klickt soll dann auch der jahreskalender null erscheinen wo setze ich meine http://www.gbworld.de/jahreskalender.htm hin . lg estoppel

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function Go (select) {
var wert = select.options[select.options.selectedIndex].value;
if (wert == "leer") {
select.form.reset();
parent.frames["unten"].focus();
return;
} else {
if (wert == "ende") {
top.location.href = parent.frames[1].location.href;
} else {
parent.frames["unten"].location.href = wert;
select.form.reset();
parent.frames["unten"].focus();
}
}
}
</script>
<style type="text/css">
body { color:#000000; background-color:#EEEEEE; }
select { width:250px; background-color:#FFFFE0; font-size:12px; font-family:Arial,sans-serif; }
</style>
</head>
<body>

<form action="">
<p><select size="1" name="Auswahl" onchange="Go(this)" width="250">
<option value="leer" selected="selected">[ bitte auswählen! ]</option>
<option value="leer">------------------------</option>
<option value="../verweisliste.htm">Verweisliste als Auswahlliste</option>
<option value="leer">------------------------</option>
<option value="../../../editorial/index.htm">Editorial</option>
<option value="../../../intro/index.htm">Einführung</option>
<option value="../../../html/index.htm">HTML/XHTML</option>
<option value="../../../css/index.htm">Stylesheets</option>
<option value="../../../xml/index.htm">XML/DTDs</option>
<option value="../../../javascript/index.htm">JavaScript/DOM</option>
<option value="../../../dhtml/index.htm">Dynamisches HTML</option>
<option value="../../../perl/index.htm">Perl</option>
<option value="leer">------------------------</option>
<option value="ende">Beenden</option>
</select></p>
</form>

</body></html>

geschrieben von estoppel am 25.08.2008 - 22:52
Hi danny!

habe mit frontpage ein dropdownmenü hergestellt aber irgendwie kann ich die 0 anklicken bloß die 1 was habe ich falsch gemacht.

<!-- ONE STEP TO INSTALL PULLDOWN MENU:

1. Paste the code into the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the BODY of your HTML document -->

<BODY>

<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://free.prohosting.com/~ric -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://www.gbworld.de/jahreskalender.htm">0</option>
<option value="http://www.gbworld.de/jahreskalender.htm">1</option>
</select>
</form>

geschrieben von estoppel am 25.08.2008 - 23:15
Hi

habe mit frontpage ein dropdownmenü hergestellt wenn ich die null anklicke passiert nichts wenn ich aber die eins anklicke erscheint dann mein jahreskalender aber dann fehlt ja noch der dropdown und der erscheint nicht über meinen kalender damit ich wieder auf die 0 zurück schalten kann.

<!-- ONE STEP TO INSTALL PULLDOWN MENU:

1. Paste the code into the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the BODY of your HTML document -->

<BODY>

<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://free.prohosting.com/~ric -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://www.gbworld.de/jahreskalender.htm">0</option>
<option value="http://www.gbworld.de/jahreskalender.htm">1</option>
</select>
</form>


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