kostenloser Webspace werbefrei: lima-city


bild bei klick verstecken

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    k*****i

    hoi,

    nehmen wir mal an das wenn ich hier bei lima auf einen nick klicke und das men? erscheint der nickname (in meinem fall ein bild) verschwindet, wie kann ich das machen?
    und wied as es beim zweiten klick wieder hervorkommt...


    MfG

    Kraeusi
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. wei? jetzt nicht so genau was du meinst, aber um etwas immer wieder von einem zustand in den anderen und zu zusetzen macht man eine boolsche variable und ?ndert den wert dann entsprechend z.b.(in pseudocode):

    bool menu_sichtbar = false;

    if( (click auf link) und (menu_sichtbar == false) ) {
    menu_anzeigen();
    menu_sichtbar = true;
    }
    else if( (click auf link) und (menu_sichtbar == true) ) {
    menu_entfernen();
    menu_sichtbar = false;
    }
  4. Du gibst dem Element das Attribut id="" und als Wert nimmst du z.B. "bild".

    Die Sichtbarkeit kannst du dann einfach mit

    document.getElementById('bild').style.display='inline';

    Ver?ndern. Die beiden Werte, die du f?r diese Wertzuweisung brauchst sind

    'none' : nicht sichtbar
    'Inline' : sichtbar
  5. Autor dieses Themas

    k*****i

    danke, werde es gleich mal ausprobieren.


    MfG

    Kraeusi
  6. Autor dieses Themas

    k*****i



    kraeusi schrieb:
    danke, werde es gleich mal ausprobieren.


    MfG

    Kraeusi


    nein geht leider nicht!

    hier nochmla der komplete code wie ich es habe, und wie es nicht geht...

    echo "<div id='bild'><a href='javascript:void();' onClick='showmenu(\"$for_user\");'><img src='icons/smiley.gif' border='0' title='Smilies' align='middle'></a></div>";
    	echo "<div id='menu$menuID' style='display: none'>";
    .....
    echo "</div>";


    hier der js code

    function showmenu(id) {
    	if(document.getElementById) {
    		if(document.getElementById("menu" + id).style.display == "none") {
    			document.getElementById("menu" + id).style.display = "inline";
    			document.getElementById('bild').style.display='none';
    		} else {
    			document.getElementById("menu" + id).style.display = "none";
    			document.getElementById('bild').style.display='inline';
    		}
    	}
    }


    was hab ich falsch geschrieben?

    MfG

    Kraeusi
  7. Ganz einfach, nachdem du in deinem Code das element sichtbar gemacht hast, macht ein 2. Befehl gleich dahinter es wieder unsichtbar.
    function showmenu(id) {
    	if(document.getElementById) {
    		if(document.getElementById('menu' + id).style.display == 'none') {
    			document.getElementById('menu' + id).style.display = 'inline';
    			document.getElementById('bild').style.display='none';//dieser Befehl muss weg !
    		} else {
    			document.getElementById('menu' + id).style.display = 'none';
    			document.getElementById('bild').style.display='inline';//dieser Befehl muss weg !
    		}
    	}
    }



    Was zu lesen
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!