Linkmenü

davidos_no.1

Ich habe auf Wetta.ch ein schönes Linkmenü gesehen, dass ich nun gerne auch auf meiner Seite hätte.
Hat jemand eine Idee, wie ich das realisieren kann? Meine PHP-Kenntnisse lassen zu wünschen übrig - Html und CSS läuft ganz ordentlich!

Gebby

Ist doch nur eine Linkliste. Ist mit JavaScript gemacht, was man Einsicht des Quelltextes herausfinden kann.

davidos_no.1

Ja stimmt. Ich habe jetzt folgenden Code, aber leider ist meine Linkliste jetzt dauerhaft offen (also immer "show") - woran liegt das?

Code

<ul>
<h2><a href='javascript:hl_openCloseOptions("list1","list1","0","\wp-content\plugins\hide_and_show\hide");'>&nbsp;News &amp; Media</a></h2>
<ul id="list1" style="display: block; visibility: visible;">
<li><a href="http://vinyladdicted.blogspot.com/">squalid storytellin'?</a></li>
<li><a href="http://www.heise.de/tp">Telepolis</a></li>
<li><a href="http://www.toxic.fm">Toxic.FM</a></li>
<li><a href="http://www.tokyma.fm/">Tokyma.FM</a></li>
<li><a href="http://openairguide.eeee.ch/">openairguide.2006</a></li>
<li><a href="http://www.zeit.de">Die Zeit</a></li>
<li><a href="http://www.saiten.ch/">Saiten</a></li>
<li><a href="http://www.schaechl.de/kk/kk00.html">Karl Koch Doku</a></li>
</ul>

Alles anzeigen

synaptic

HTML

<script language="Javascript">
function hl_getE(id)
{
	if(document.getElementById) {
		return document.getElementById(id);
	} else if(document.all) {
		return document.all[id];
	} else return;
}
function hl_openClose(id,mode,dir)
{
	element = hl_getE(id);
	img = hl_getE('img_'+id);
	if(element.style) {
		if(mode == 0) {
			if(element.style.display == 'block' ) {
				element.style.display = 'none';
			} else {
				element.style.display = 'block';
			}
		} else if(mode == 1) {
			element.style.display = 'block';
		} else if(mode == -1) {
			element.style.display = 'none';
		}
	}
}
function hl_createCookie(name,value) {
	document.cookie = name+'='+value+';path=/;';
}
function hl_readCookie(name) {
	var nameEQ = name + '=';
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function hl_openCloseOptions(id,cookie_name,mode,dir)
{
	if (mode != null) {
		hl_openClose(id,mode,dir);
		e = hl_getE(id);
		if (e.style.display == 'block') {
			cookie_value = '1';
		} else {
			cookie_value = '-1';
		}
		hl_createCookie(cookie_name,cookie_value);
	} else {
		cookie = hl_readCookie(cookie_name);
		if (!cookie) {
			cookie = -1
		}
		hl_openClose(id,cookie);
	}
}
</script>

Alles anzeigen

dat script brauchste auch noch

davidos_no.1

Das habe ich jetzt im head eingefügt, aber es hat sich nichts verändert...

synaptic

dann schreib dir nen eigenes script.. so schwer is dat nich!
ne funktion definieren in der du nen objekt als parameter üergibst.

das wichigste is das hier:

Code

if(deinobjekt.style.display == 'block' ) {
				deinobjekt.style.display = 'none';
			} else {
				deinobjekt.style.display = 'block';
			}

davidos_no.1

Zitat von synaptic
dann schreib dir nen eigenes script.. so schwer is dat nich!
ne funktion definieren in der du nen objekt als parameter üergibst.

das wichigste is das hier:
Code
if(deinobjekt.style.display == 'block' ) {
                deinobjekt.style.display = 'none';
            } else {
                deinobjekt.style.display = 'block';
            }

Sorry, aber davon habe ich gar keine Ahnung. Da das ein gängiges script ist, dachte ich, dass mir wer helfen kann...

synaptic

das script is schon angepasst, hab ich vorher nich geguckt.. für das menü brauchste ja keine cookies....
ich bau dir des gleich evtl.. mal gucken

edit:

hier haste: ne sache von nichma 3 minuten:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
    <title></title>
    <script type="text/javascript">

    function hl_openCloseOptions(obj){
    var deinobjekt = document.getElementById(obj);
    if(deinobjekt.style.display == 'block' ) {
                deinobjekt.style.display = 'none';
            } else {
                deinobjekt.style.display = 'block';
            }
    }
    </script>
</head>


<body>
<ul>
<h2><a href='javascript:hl_openCloseOptions("list1");'>&nbsp;News &amp; Media</a></h2>
<ul id="list1" style="display: none; visibility: visible;">
<li><a href="http://vinyladdicted.blogspot.com/">squalid storytellin'?</a></li>
<li><a href="http://www.heise.de/tp">Telepolis</a></li>
<li><a href="http://www.toxic.fm">Toxic.FM</a></li>
<li><a href="http://www.tokyma.fm/">Tokyma.FM</a></li>
<li><a href="http://openairguide.eeee.ch/">openairguide.2006</a></li>
<li><a href="http://www.zeit.de">Die Zeit</a></li>
<li><a href="http://www.saiten.ch/">Saiten</a></li>
<li><a href="http://www.schaechl.de/kk/kk00.html">Karl Koch Doku</a></li>
</ul>




</body>
</html>

Alles anzeigen

davidos_no.1

Zitat von synaptic

das script is schon angepasst, hab ich vorher nich geguckt.. für das menü brauchste ja keine cookies....
ich bau dir des gleich evtl.. mal gucken

Das wäre natürlich "hammer"! Darüber würde ich mich riesig freuen!!!

synaptic

siehe edit im posting vorher!!

davidos_no.1

Zitat von synaptic

siehe edit im posting vorher!!

Danke...funktioniert zwar noch nicht ganz - ich werde mich mal an das Wordpress-Forum wenden - aber das klappt schon, der größte Tei ist getan. Vielen Dank!

synaptic

was funzt denn da nicht?

davidos_no.1

Zitat von synaptic

was funzt denn da nicht?

Hier kannst du es sehen - das Menü ist durchgängig aufgeklappt.

synaptic

also zum einen haste da nen h2 statt nen link, irgendwo musste ja auch wat haben wo du des javascript ausführst und die innere ul muss nen display:none; als initialwert haben

davidos_no.1

Zitat von synaptic

also zum einen haste da nen h2 statt nen link, irgendwo musste ja auch wat haben wo du des javascript ausführst und die innere ul muss nen display:none; als initialwert haben

Innerhalb von h2 steht der Link - habe h2 trotzdem mal weggenommen.
Wenn ich jetzt die innere ul auf display:none; setze, klappt sich das Menü zwar ein, aber ich kann es per Klick nicht ausklappen.

Code

<h2>Links</h2>


<ul>
<a href='javascript:hl_openCloseOptions("list1","list1","0","\wp-content\plugins\hide_and_show\hide");'>News</a>
<ul style="display: none; visibility: visible;">
<li><a href="http://vinyladdicted.blogspot.com/">squalid storytelli</a></li>
<li><a href="http://www.heise.de/tp">Telepolis</a></li>
<li><a href="http://www.toxic.fm">Toxic.FM</a></li>
<li><a href="http://www.tokyma.fm/">Tokyma.FM</a></li>
<li><a href="http://openairguide.eeee.ch/">openairguide.2006</a></li>
<li><a href="http://www.zeit.de">Die Zeit</a></li>
<li><a href="http://www.saiten.ch/">Saiten</a></li>
<li><a href="http://www.schaechl.de/kk/kk00.html">Karl Koch Doku</a></li>
</ul>

Alles anzeigen

synaptic

mach mir mal bitte nen ftp klar und sag mir um welche file es sich handelt...
schickste die daten per pn, so alles zu erklären dauert zu lang denke ich.

Tags