suche pulldown-menü
Abalone
- javascript
0 Abalone0 Swen Wacker0 Abalone0 Swen Wacker0 None
0 Harry
hallo alle zusammen!
ich habe auf meiner seite mehrere frames. die navigation möchte ich über ein pulldown-menü steuern. bis jetzt habe ich allerdings nur scripts gefunden, welche die seite in einem bestimmten target-frame anzeigen - ich brauche aber ein script, welches unterschiedliche targets zuläßt. anschauliches beispiel:
ich habe drei seiten - A, B und C - die ich über das pd-menu ansteuern will. A soll im target "main" erscheinen, B im target"links" und C im target "unten".
hat jemand ein entsprechendes script parat? selbst schreiben ist nicht, hab nicht genug javascript-kenntnisse ;-) achja, und das pd-menü soll die seiten automatisch ansteuern, also ohne so einen häßlichen "go"-button! :-)
vielen dank schon mal!
*grußgruß* Abalone
ich sollte noch folgendes verdeutlichen:
die seiten sollen sich nicht GLEICHZEITIG öffnen, sondern einzeln durch jeweilige auswahl.
beispiel - das pd-menu enthält folgende punkte:
about
archiv
gfx
ich wähle about aus ---> seite öffnet sich im frame "main".
ich wähle archiv aus ---> seite öffnet sich im frame "unten".
ich wähle gfx aus ---> seite öffnet sich im frame "links".
ich hoffe, dies verdeutlicht, was ich suche :-)
*ciao* Abalone
Moin
http://www.netz-notizen.de/javascript/ zeigt dir ein beispiel
Swen
hai swen -
tut mir leid, ich scheine blind zu sein ?! finde dort nicht das gewünschte - gibst du mir einen hinweis?
*gruß* Abalone
Moin,
tut mir leid, ich scheine blind zu sein ?! finde dort nicht das gewünschte - gibst du mir einen hinweis?
ich hatte dich so verstanden, das du ein js-menü suchst, das sich "über" einem anderen Frame öffnet?
Viele Grüße
Swen
Try This
ist aber nicht direkt von mir, nur geringfügig modifiziert
ich denke der Q-text ist relativ eideutig.
hoffe geht
MfG
/* Hier gehts los */
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<script LANGUAGE="JavaScript">
<!--
var offen="";
function testen()
{
if ((navigator.appName=="Microsoft Internet Explorer")&&(navigator.appVersion.charAt(0)>=4))
{schicht="document.all";stil=".style";}
else if
((navigator.appName =="Netscape")&&(navigator.appVersion.charAt(0)>=4))
{schicht="document.layers";stil="";}
else
window.location.href="einfach-page.htm";
}
function zeig(wen)
{
if (offen)
{ eval(schicht+'["'+offen+'"]'+stil+'.visibility="hidden"');
}
if (wen)
{
eval(schicht+'["'+wen+'"]'+stil+'.visibility="visible"');
offen=wen;
}
}
function pruef(wen)
{
if (offen)
zeig(wen);
}
function ende()
{
zeig();
offen="";
}
function start()
{
testen();
if(stil==".style")
{
document.onmouseup=ende;
}
else
{
window.captureEvents(Event.MOUSEUP);
window.onmouseup=ende;
}
}
// -->
</script>
<style>
.back
{
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.menu
{
position: absolute;
top: 20;
left: 10;
z-index: 1;
}
.down
{
position: absolute;
left: 33;
z-index: 2;
visibility:hidden;
}
</style>
</HEAD>
<BODY bgcolor="#F0EBEB" onload="start()" onResize="window.location.reload()" >
<div class="back"><img src="pics/back.jpg" width=140 height=575 border="0"></div>
<div class="menu">
<table border="0" cellspacing="0" cellpadding="0" align="LEFT" valign="TOP">
<tr><td><a HREF="javascript:zeig('menu1')" onMouseover="pruef('menu1');window.status='Startseiten';return true"><img src="pics/b01start.gif" width=115 height=27 border="0"></a></td></tr>
<tr><td><img src="pics/space.gif" width=2 height=25 border="0"></td></tr>
<tr><td><a HREF="javascript:zeig('menu2')" onMouseover="pruef('menu2');window.status='unser Mittagstisch';return true"><img src="pics/b02mitta.gif" width=115 height=27 border="0"></a></td></tr>
<tr><td><img src="pics/space.gif" width=2 height=25 border="0"></td></tr>
<tr><td><a HREF="javascript:zeig('menu3')" onMouseover="pruef('menu3');window.status='verschiedene Fingerfoods';return true"><img src="pics/b03fing.gif" width=115 height=27 border="0"></a></td></tr>
<tr><td><img src="pics/space.gif" width=2 height=25 border="0"></td></tr>
<tr><td><img src="pics/b04buff.gif" width=115 height=27 border="0"></td></tr>
<tr><td><img src="pics/space.gif" width=2 height=25 border="0"></td></tr>
<tr><td><img src="pics/b05verl.gif" width=115 height=27 border="0"></td></tr>
</table></div>
<div id="menu1" class="down" style="top: 40">
<table border="0" cellspacing="0" cellpadding="0" align="LEFT" valign="TOP">
<tr><td><a href="langu/indexd.html" target="main"><img src="pics/men/m011deut.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="langu/indexe.html" target="main"><img src="pics/men/m012engl.gif" width=92 height=15 border="0"></a></td></tr>
</table></div>
<div id="menu2" class="down" style="top: 92">
<table border="0" cellspacing="0" cellpadding="0" align="LEFT" valign="TOP">
<tr><td><a href="mittag/1mo/menu.html" target="main"><img src="pics/men/m021mont.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="mittag/2di/menu.html" target="main"><img src="pics/men/m022dien.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="mittag/3mi/menu.html" target="main"><img src="pics/men/m023mitt.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="mittag/4do/menu.html" target="main"><img src="pics/men/m024donn.gif" width=92 height=14 border="0"></a></td></tr>
<tr><td><a href="mittag/5fr/menu.html" target="main"><img src="pics/men/m025frei.gif" width=92 height=15 border="0"></a></td></tr>
</table></div>
<div id="menu3" class="down" style="top: 144">
<table border="0" cellspacing="0" cellpadding="0" align="LEFT" valign="TOP">
<tr><td><a href="mittag/1mo/menu.html" target="main"><img src="pics/men/m021mont.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="mittag/2di/menu.html" target="main"><img src="pics/men/m022dien.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="mittag/3mi/menu.html" target="main"><img src="pics/men/m023mitt.gif" width=92 height=15 border="0"></a></td></tr>
<tr><td><a href="mittag/4do/menu.html" target="main"><img src="pics/men/m024donn.gif" width=92 height=14 border="0"></a></td></tr>
<tr><td><a href="mittag/5fr/menu.html" target="main"><img src="pics/men/m025frei.gif" width=92 height=15 border="0"></a></td></tr>
</table></div>
</BODY>
</HTML>
Tag.
Ich schmeiß Dir einfach mal den Quelltext von meinem Script hin, vielleicht hilft's Dir ja weiter :-)
Ciao,
Harry
(PS: bitte nicht für kommerzielle Projekte verwenden)
Kleine Korrektur: Der Quelltext ist zu lang (früher, da durfte man noch 50kb posten, heute nur noch zwölf ... Bah), deswegen
http://www.webhomepage.de/js/menu3txt.js bzw.
view-source:http://www.webhomepage.de/js/menu3txt.js