zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Fenster Einblendung im Zusammenspiel mit div hide show funktioniert nur zu 50 %

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.06.2013, 11:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.06.2013
Beiträge: 1
alumnius befindet sich auf einem aufstrebenden Ast
Unglücklich Fenster Einblendung im Zusammenspiel mit div hide show funktioniert nur zu 50 %

Hallo Allerseits,

bin neu hier und beschäftige mich mit meiner 2ten Internet Seite.

link : http://www.hayu.de/ und dann auf test Seite gehen.

Derzeit habe ich einen Menü Punkt in der Kopfzeile namens Login.
Wenn man mit der Maus drüber fährt, erscheint ein CSS formatiertes Login Fenster, worin man sich an der Seite anmelden kann.
Beim Klick auf den Menü Punkt erscheint ein kleines separat über die Seite gelagertes Fenster. Wo man seine Zugangsdaten angibt. Optional kann man sich neu registrieren.

Jetzt wollte ich abhängig vom Login Status, also login Status Variable auslesen zwei verschiedene Kopfmenü Zeilen einblenden.
Dazu nutze ich von Javascript die if else Funktion mit ein Div verstecken oder darstellen.
Das scheint zu funktionieren, da abhängig von Login Status das erste oder zweite Menü beim maus-click dargestellt wird.


Nur klappt nur beim ersten Kopfmenü das Login Fenster auf und bei der zweiten Kopfzeile nicht.
Sehe nur verweis auf www.hayu.de/test#
Wobei die Code Zeilen für das darstellen des versteckten Divs und der sichtbaren

Divs fast identisch sind.

Auschnitte aus dem Code.

<div class="nowrap2" style="display: none;" id="hiddenDiv2">
Code zur Darstellung eines kleinen Divs mit Text A.
<a id="loginButton" href="#"><span>Login</span><em></em></a>
</div>

<div class="nowrap2" style="display: none;" id="hiddenDiv">
Code zur Darstellung eines kleinen Divs mit Text B.
<a id="loginButton" href="#"><span>My Account</span><em></em></a>
</div>

<script type="text/javascript">
var loggedin = "{module_isloggedin}";
if (loggedin == 1)
document.getElementById("hiddenDiv").style.display = "inline";
else
document.getElementById("hiddenDiv2").style.displa y = "inline";
</script>

Geändert von alumnius (19.06.2013 um 23:18 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.06.2013, 12:51
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

gib bitte einen Link zur Seite (oder zu einer Testseite) an. Denke kaum, dass sich jemand die Mühe macht, dies nachzubauen...
BTW: wenn du Code postest, verwende bitte die entsprechenden Tags im Editor.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Design Float IE6 Problem koknarr CSS 10 05.09.2008 18:05
div & ul eigenschafen, im FF funktioniert nur div, IE beides, warum? alpman CSS 2 25.07.2008 09:22
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 22:48
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 13:12
Aut. Zeilenumbruch in div & p Elementen funktioniert nic peeed CSS 3 19.01.2005 19:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:15 Uhr.