Webmaster Forum


Registrieren

Das Webmaster Forum der NetzGemein.de bietet eine Anlaufstelle bei Problemen, allgemeinen bzw. spezifischen Fragen oder sonstigen Webmaster Tätigkeiten. Hier findest du professionelle Hilfe in Sachen Homepagestaltung, HTML, CSS, Java Script, PHP & MySQL sowie Suchmaschinenoptimierung (SEO). Du kannst aber auch deine Homepage vorstellen, bewerten lassen und Verbesserungsvorschläge von anderen Mitgliedern einholen.

JS Menue


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe bei Javascript
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
bimuelu
Gast

BeitragJS Menue Antworten mit Zitat

Hallo,

ich möchte gerne das auf "http://www.homepage-total.de/javascript/_archiv.php?name=menues" veröffentlichte Menü 7 in meine Homepage einbauen.
Jedoch möchte ich, dass beim Anklicken eines Menü-Items nicht nur das entsprechende Submenue angezeigt wird, sondern gleichzeitig auch eine neue Seite aufgerufen werden kann.

Kann mir hier jemand helfen. Mit meinen beschränkten JS-Kenntnissen bekomme ich das nicht hin.

Hier das Script:
<html>
<head>
<title>Menue 7 - Javascript/Men&uuml; - www.homepage-total.de</title>
<meta name="Description" content="Ein beliebtes Men&uuml; in JavaScript.">
<link rel="stylesheet" type="text/css" media="screen" href="../frames/screen-archiv.css" />

<style type="text/css">
a {
color: #cc0033;
}

a:visited {
color: #cc0033;
}

a:active {
color: #cc0033;
}

a:hover {
color: #ff0033;
}

#file{
cursor:pointer;
font-family:arial;
text-decoration:none;
}

#space{
padding-left: 20px;
}
</style>

<script type="text/javascript">
var Open = "";
var Closed = "";

function preload() {
if(document.images) {
Open = new Image(16,13);
Closed = new Image(16,13);
Open.src = "open.gif";
Closed.src = "closed.gif";
}
}

function showhide(what,what2) {
if (what.style.display=='none') {
what.style.display='block';
what2.src=Open.src
}
else {
what.style.display='none';
what2.src=Closed.src;
}
}
</script>

</head>
<body onLoad="preload();">

<div align=center class=titel-archiv>
<a href="http://www.homepage-total.de" target="_top"><small>Homepage-Total.de</small></a> -
Menue 7
<tt> by:
Alec Martell
&nbsp; <b title="Browser-Test">[IE|M|O]</b>
</tt></a>
</div>

<div style="margin-left: 80px;">


<!--- menu1 --->
<span onClick="showhide(menu1outline,menu1sign)" id="file"><img id="menu1sign" src="closed.gif" valign="bottom"> Mail Services </span><br>
<span id="menu1outline" style="display:none">
<a id="space" href="http://www.web.de" target="_blank">Web.de</a><br>
<a id="space" href="http://www.hotmail.com" target="_blank">Hotmail</a><br>
</span>

<!--- menu2 --->
<span onClick="showhide(menu2outline,menu2sign)" id="file"><img id="menu2sign" src="closed.gif" valign="bottom"> Search Engines </span><br>
<span id="menu2outline" style="display:none">
<a id="space" href="http://www.yahoo.com" target="_blank">Yahoo</a><br>
<a id="space" href="http://www.altavista.com" target="_blank">Altavista</a><br>
<a id="space" href="http://www.Fireball.com" target="_blank">Fireball</a><br>
</span>

<!--- menu3 --->
<span onClick="showhide(menu3outline,menu3sign)" id="file"><img id="menu3sign" src="closed.gif" valign="bottom"> Javascript </span><br>
<span id="menu3outline" style="display:none">
<a id="space" href="http://www.abc.de" target="_blank">abc.de</a><br>
<a id="space" href="http://www.xyz.com" target="_blank">xyz.com</a><br>
<a id="space" href="http://www.homepage-total.de" target="_blank">homepage-total.de</a><br>
</span>

<!--- menu4 --->
<span onClick="showhide(menu4outline,menu4sign)" id="file"><img id="menu4sign" src="closed.gif" valign="bottom"> Demo! </span><br>
<span id="menu4outline" style="display:none">
<a id="space" href="#">Demolink</a><br>
<a id="space" href="#">Demolink</a><br>
<a id="space" href="#">Demolink</a><br>
</span>


</div>

</body>
</html>



Schon mal Danke

Birgit Müller
 
14 Aug 2008 23:01
Hole dir deine
Forrest Gumb
Mitglied

Beitrag Antworten mit Zitat

Hallo,
da wo der Menüpunkt "Mail Services" steht (Zeile3):

PHP-Code:
1
2
3
4
5
6
7
<!--- menu1 ---> 
<
span onClick="showhide(menu1outline,menu1sign)" id="file">
<
img id="menu1sign" src="closed.gif" valign="bottom"Mail Services </span><br
<
span id="menu1outline" style="display:none"
<
a id="space" href="http://www.web.de" target="_blank">Web.de</a><br
<
a id="space" href="http://www.hotmail.com" target="_blank">Hotmail</a><br
</
span


Schreibst Du einen Link rein z.B. (Zeile4):

PHP-Code:
1
2
3
4
5
6
7
8
<!--- menu1 ---> 
<
span onClick="showhide(menu1outline,menu1sign)" id="file">
<
img id="menu1sign" src="closed.gif" valign="bottom"
<
a href="www.mailservices.com">Mail Services</a> </span><br
<
span id="menu1outline" style="display:none"
<
a id="space" href="http://www.web.de" target="_blank">Web.de</a><br
<
a id="space" href="http://www.hotmail.com" target="_blank">Hotmail</a><br
</
span


Da das ganze eigentlich nur mit Frames richtig funzt musst Du in den Link noch den target-Befehl einfügen.

PHP-Code:
1
<a href="www.mailservices.com" target="namedesZielframes">Mail Services</a
 

_________________
4rest

Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ more over forrest ] - [ and one more over forrest ]
15 Aug 2008 13:33
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
bimuelu
Gast

BeitragJS Menue Antworten mit Zitat

Danke für Deine Antwort.
Doch leider funktioniert das bei mir nicht, da ich nicht mit Frames arbeite sondern die Seiten per php in einem anderen DIV-Tag öffne. Bei mir sieht das ganze so aus:

<span onClick="showhide(menu4outline,menu4sign)" id="file"><img id="menu4sign" src="images/plus.gif" valign="bottom">&nbsp;&nbsp;<a id="space" href="index.php?inhalt=10">Aktivitäten</a></span><br>
<span id="menu4outline" style="display:none">
<a id="space" href="index.php?inhalt=011" class="navi">&nbsp;AG Ballspiele</a><br>
<a id="space" href="index.php?inhalt=012" class="navi">&nbsp;AG Kunst</a><br>
<a id="space" href="index.php?inhalt=013" class="navi">&nbsp;AG PC</a><br>
<a id="space" href="index.php?inhalt=014" class="navi">&nbsp;AG Traumreisen</a><br>
<a id="space" href="index.php?inhalt=015" class="navi">&nbsp;AG Gesellschaftsspiele</a><br>
</span>

Wenn ich nun auf das GIF (src="images/plus.gif") klicke, klappt nur das Untermenü auf. Wenn ich auf den Textlink klicke wird nur die referenzierte Seite geöffnet.
Ich muß es halt hinbekommen, dass im SPAN-TAG "<span onClick="showhide(menu4outline,menu4sign)" id="file">" zusätzlich auch der Link zur Seite eingebaut wird. Habe schon verschiedene Versionen getestet z.B.:

<span onClick="showhide(menu4outline,menu4sign),location.href('index.php?inhalt=010')" id="file"><img id="menu4sign" src="images/plus.gif" valign="bottom">&nbsp;&nbsp;Aktivitäten</span>

Dann wird nur der Link ausgeführt aber nicht das Untermenü aufgeklappt.

Hast Du da noch einen Tipp wie ich das lösen kann??

Schönen Gruß

Birgit Müller
 
18 Aug 2008 16:23
Forrest Gumb
Mitglied

Beitrag Antworten mit Zitat

Liebe Birgit,
ich bin leider nicht so fit in der Programmierung. Ich probier halt auch nur aus. Hab selber gerade riesen Probs in PHP und JAVASCRIPT und bin also nicht so frei für Andere. Aber wir haben hier im Forum ja richtige Freak's.
Sei also nicht böse und hab Geduld, es wird schon ein anderer Antworten.
 

_________________
4rest

Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ more over forrest ] - [ and one more over forrest ]
21 Aug 2008 02:01
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe bei Javascript Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu: