kostenloser Webspace werbefrei: lima-city

bild bei klick verstecken

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   k*****i

   14:36, 31.12.2005

   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. snard

   snard hat kostenlosen Webspace.

   15:13, 31.12.2005

   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. bladehunter

   

   bladehunter hat kostenlosen Webspace.

   15:38, 31.12.2005

   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

   15:58, 31.12.2005

   danke, werde es gleich mal ausprobieren.
   
   
   MfG
   
   Kraeusi
6. Autor dieses Themas

   k*****i

   16:12, 31.12.2005

   
   
   

   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. bladehunter

   

   bladehunter hat kostenlosen Webspace.

   12:17, 1.1.2006

   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?