Stammdatensystem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ansprechen
beispiel
cool danke
display
effekt
eigenschaft
element
folgende webseite
hofnarr
jemand
kleiner hofnarr
klicken
leiste
mittlerer hofnarr
page
programmieren
punkt
weben
webseite
wunsch
-
Hallo ich ben?tige ein Turtorial oder das fertige Script! Wenn man auf eine href link klickt das der sich ?ffnte also ca so.
Hofnarr (klick)
kleiner Hofnarr
gro?er Hofnarr
mittlerer Hofnarr
etc.
versteht ihr? breuchte das dringend f?r meine Page!
EDIT 0-checka:
Was Hofnarr meint ist, er m?chte bei Klick auf einen Men?punkt in der Navigation einer Webseite Untermen?punkte erscheinen lassen. Als Beispiel dazu hat er folgende Webseite angegeben:
http://www.php-einfach.de
Dort dann bitte auf "Einf?hrung PHP" oder "Einf?hrung MySQL" klicken, um den Effekt zu sehen.
Thema verschoben von "PHP & MySQL" nach "HTML & JavaScript" -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
gib einfach f?r alle Punkte, die nicht prim?r sichtbar sein sollen die Eigenschaft
style="display:none" an. Zus?tzlich gibst du dann zu jedem Element eine id an, mit der du das Element dann ansprechen kannst.
Ich hab da mal was geprogged :
<html>
<head>
<meta name="generator" content="HTML Studio">
<title> </title>
<style type="text/css">li{display:none;}a{color:blue;}</style>
<script language="JavaScript">
da=new Array();
function menu(was)
{
while(da.length!=0)
{
document.getElementById(da[0]).style.display='none';da.shift();
}
if(was==0)
{
document.getElementById('prog').style.display='block';da[da.length]='prog';
document.getElementById('link').style.display='block';da[da.length]='link';
}
else if(was==1)
{
document.getElementById('web').style.display='block';da[da.length]='web';
document.getElementById('hard').style.display='block';da[da.length]='hard';
}
else if(was==2)
{
document.getElementById('htm').style.display='block';da[da.length]='htm';
document.getElementById('css').style.display='block';da[da.length]='css';
document.getElementById('js').style.display='block';da[da.length]='js';
document.getElementById('php').style.display='block';da[da.length]='php';
document.getElementById('sql').style.display='block';da[da.length]='sql';
}
else if(was==3)
{
document.getElementById('c').style.display='block';da[da.length]='c';
document.getElementById('cp').style.display='block';da[da.length]='cp';
document.getElementById('delphi').style.display='block';da[da.length]='delphi';
document.getElementById('java').style.display='block';da[da.length]='java';
}
else if(was==4)
{
document.getElementById('lima').style.display='block';da[da.length]='lima';
document.getElementById('webde').style.display='block';da[da.length]='webde';
document.getElementById('sh').style.display='block';da[da.length]='sh';
}
}
</script>
</head>
<body>
<ul>
<li style="display:block;"><a href="javascript:menu(0)" style="color:orange">Men?</a></li>
<li id="prog"><a href="javascript:menu(1)">Programmieren</a></li>
<li id="web"><a href="javascript:menu(2)">WEB</a></li>
<li id="htm"><a href="#">HTML</a></li>
<li id="css"><a href="#">CSS</a></li>
<li id="js"><a href="#">JavaScript</a></li>
<li id="php"><a href="#">PHP</a></li>
<li id="sql"><a href="#">MySQL</a></li>
<li id="hard"><a href="javascript:menu(3)">Festplatte</a></li>
<li id="c"><a href="#">C</a></li>
<li id="cp"><a href="#">C++</a></li>
<li id="delphi"><a href="#">Delphi</a></li>
<li id="java"><a href="#">Java</a></li>
<li id="link"><a href="javascript:menu(4)">Links</a></li>
<li id="lima"><a href="#">Lima-city</a></li>
<li id="webde"><a href="#">web.de</a></li>
<li id="sh"><a href="#">SELFHTML</a></li>
</ul>
</body>
</html> -
hey cool danke kann ich gute gebrauchen nur geht das auch mit PHP? hatte es ja damals in PHP reingegeben dazu kommt noch das dann ja die Men?leiste untauglich wird wenn jemand kein Java hat aber das reicht erstmal bitte closen
mfg Hofnarr
Edit (djfun):
Auf Wunsch geschlossen !!
***CLOSED*** -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage