Display per JS ändern

JediMind91 · #1 (**permalink**) 25.02.2013, 15:31

Hallo zusammen

bis anhin hatte ich meine Navigation ganz simpel aufgebaut.
Bei onclick -> Stelle Span display von none auf outline

nun möchte ich das ganze in einer Funktion um Seitenübergreifend das Menü offen zu lassen:

Code:

	<a class="top" href="#" onclick="klapp('links'); "><b>CPU</b></a>
	<span id="links" style="display:none">
	<a class="down" href="index.php?kat=grafikkarten&amp;ub=gpu"/>Grafik<br />
	<a class="down" href="index.php?kat=graka&amp;ub=none"/>Grafik<br />
	<a class="down" href="index.php?kat=cpu&amp;ub=I7"/>cpu I7<br />
	<a class="down" href="index.php?kat=cpu&amp;ub="/>cpu<br /></a>
	</span>
	<!-- Men 3 zu -->
	<script type="text/javascript">
function klapp (arg)
{
		var check = "";
		var para = arg;
		if (para = "links") {
		alert("wtf");
		document.getElementById("links").style.display = 'outline';
		var para = "cpu";
	}
	else
	{
		var para = "cpu";
		document.getElementById("links").style.display = 'none';
	}
}
	</script>

Ignoriert para und check noch.
momentan geht er in das IF rein, stellt aber den Style vom SPAN Links nicht um.

Kann mir jemand sagen was ich falsch mache?

Danke euch

mfg
JM91

protonenbeschleuniger · #2 (**permalink**) 25.02.2013, 18:13

Das ist kein Vergleich in dem if, sondern eine Zuweisung-. Die ist immer wahr.

JediMind91 · #3 (**permalink**) 25.02.2013, 21:51

Genau, das verhàlt sich da wie PHP...
Habs nun geàndert aber trotzdem liegt das Problem wohl hier:

document.getElementById("links").style.display = 'outline';

Es ist "wahr" geht also in die Routine und klappt den Span nicht aus...

Hier der Code up2date:

HTML-Code:

	<a class="top" href="#" onclick="klapp('links'); "><b>CPU</b></a>
	<span id="links" style="display:none">
	<a class="down" href="index.php?kat=grafikkarten&amp;ub=gpu"/>Grafik<br />
	<a class="down" href="index.php?kat=graka&amp;ub=none"/>Grafik<br />
	<a class="down" href="index.php?kat=cpu&amp;ub=I7"/>cpu I7<br />
	<a class="down" href="index.php?kat=cpu&amp;ub="/>cpu<br /></a>
	</span>
	<!-- Men 3 zu -->
	<script type="text/javascript">
function klapp (arg)
{
		var check = "";
		var para = arg;
		if (para == "links") {
		alert("wtf");
		document.getElementById("links").style.display = 'outline';
		var para = "cpu";
	}

JediMind91 · #4 (**permalink**) 25.02.2013, 22:09

got it:

HTML-Code:

function outline(id)
{
 if(document.getElementById(id).style.display == 'none')
 {
  document.getElementById(id).style.display = 'block';
 }
 else
 {
  document.getElementById(id).style.display = 'none';
 }
}

werd nun noch überprüfungen machen, damit ich die links über die Seite offen haben kann.

plastiko · #5 (**permalink**) 25.02.2013, 22:11

Code:

document.getElementById("links").style.display = 'outline';

outline ist kein gültiger Wert für display.
F-fox Fehlerkonsole:

Zitat:

Warnung: Fehler beim Verarbeiten des Wertes für 'display'. Deklaration ignoriert.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS von Plugin beisst!	expand	CSS	0	28.09.2012 17:44
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße	Spencer	Javascript & Ajax	3	18.09.2012 23:16
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten	mazzo	CSS	10	05.04.2012 17:32
CSS - CMS - lange Menus Balken/BG oben?	shinobi	CSS	3	13.10.2011 21:12
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30