div ein-/aus- blenden

rugkei@php · 01.03.2011, 19:05

Hallo zusammen

Habe ein neues Problem, aber dieses Mal mit einem java script.

Folgender Code sollte mir eigentlich den div mit der id="gallery" ein, bzw. ausblenden:

Code:

<script type="text/javascript">
function anzeigen("#gallery"){
if(document.get.ElementById("#gallery").style.display=='none' }
document.getElementById("#gallery").style.display='block' ;
else document.getElementById("#gallery").style.display='none' ;}
</script>

<a href="#" onclick="anzeigen(gallery)">Ein / Aus</a>

css-styling der gallery ist wie folgt (garnicht notwendig denke ich aber tortzdem):

Code:

float: left;
position: relative;
width: 950px;
height: 544px;
margin: 10px 0 0 10px;
overflow: hidden;
background: transparent;
padding:0px;

Der Text "Ein / Aus" wird zwar auf der Seite angezeigt, aber leider passiert nichts mit dem div, wenn ich den Text "Ein / Aus" drücke. Weiss einer von euch zufällig die Lösung, bzw. den Fehler den ich gemacht habe?

Vielen Dank schon im Voraus für eure Hilfe

Freundliche Grüsse

Chriz · 01.03.2011, 19:22

Was sikk das sein?

Code:

function anzeigen("#gallery")
document.get.ElementById
anzeigen(gallery)

Bitte die Fehler in deiner JavaScript-Konsole beachten und korrigieren!

rugkei@php · 01.03.2011, 20:09

Hallo Chrizz

Ich habe diesen Code im www gefunden und verstehe von js nicht wirklich viel, wollte einfach, dass ich ein div ein, bzw. ausblenden könnte.
Wenn du, bzw. ihr Zeit hättet, dann helft mir doch bitte, weil was am Code falsch ist, verstehe ich nicht, sorry

- wäre wirklich toll!

Gruss

nikosch · 01.03.2011, 21:50

http://php.de/wiki-php/index.php/Inh...und_ausblenden

Curanai · 07.03.2011, 14:52

Code:

function anzeigen(nameDiv){
	var doc = document.getElementById;
	var status = doc("#"+nameDiv).style.display;
	if( status =='none'){
		doc("#"+nameDiv).style.display='block';
	} else {
		doc("#"+nameDiv).style.display='none';
	}
}

Bei "doc" bin ich unschlüssig, meine aber, dass dies so funktionierte ... (sry, nehme jQuery sonst!)

Code:

<a href="#" onclick="anzeigen('gallery')">Ein / Aus</a>

Warum da ein '#' statt "javascript: ..." verwendet wird ... egal ... so dürfte/könnte es gehen!

Chriz · 07.03.2011, 14:59

Zitat:

Zitat von Chriz

Was sikk das sein?!

lol, da ham mir wohl irgendwelche Zwerge die Tastatur verschoben.

Curanai · 07.03.2011, 15:02

Du wirst bei einer vorgeschriebenen und im Quartal nötigen Tastaturreinigung J und K vertauscht haben, wodurch die Markierung für den rechten Zeigefinger (auf J zu finden) Dich zu dieser Schreibweise genötigt hat ... das hat man vom Blindschreiben!!

nikosch · 07.03.2011, 15:16

Zitat:

Bei "doc" bin ich unschlüssig, meine aber, dass dies so funktionierte

Nö. Schon weil getElementById nicht mit # arbeitet. Es ist halt nicht jQuery. Zudem ist es recht unsinnig, dafür ein Funktionsalias einzuführen, wenn man statt dessen den eigentlichen Elementzugriff einmalig durchführen und das Ergebnis speichern könnte.

ChrisB · 07.03.2011, 15:16

Zitat:

Zitat von Curanai

Bei "doc" bin ich unschlüssig, meine aber, dass dies so funktionierte ... (sry, nehme jQuery sonst!)

Nein, das funktioniert so nicht, weil getElementById nur den Inhalt des ID-Attributes übergeben bekommen möchte, ohne # davor.

Besser wäre es in etwa der Form:

Code:

function toggle(elementId){
  var element = document.getElementById(elementId);
  if(element) {
    var elementStyle = element.style;
    if(elementStyle.display == "none") {
      elementStyle.display = "block";
    }
    else {
      elementStyle.display = "none";
    }
  }
  return false;
}

(Das innere if könnte man noch durch den ternären Operator ersetzen, aber wir wollen einen Anfänger ja nicht gleich überfordern.)

Chriz · 07.03.2011, 15:35

<off>

Zitat:

Zitat von Curanai

Du wirst bei einer vorgeschriebenen und im Quartal nötigen Tastaturreinigung J und K vertauscht haben, wodurch die Markierung für den rechten Zeigefinger (auf J zu finden) Dich zu dieser Schreibweise genötigt hat ... das hat man vom Blindschreiben!!

Das heißt bei mir Wurstfingersyndrom! Bei dicken Stumpen, so meine Theorie, wird die Nachbartaste eben zuerst gedrückt. Spitze Griffel hingegegen treffen auch die Taste, die anvisiert ist. Leider platzt die Theorie, da ich keine Wurstfinger hab

Daher die Zwerge.
</topic>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] wenn in der datenbank keine eigabe gemacht is tabelle aus blenden	autofieber	PHP Tipps 2009	12	01.03.2009 19:17

01.03.2011, 19:05
rugkei@php Neuer Benutzer Registriert seit: 27.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	div ein-/aus- blenden Hallo zusammen Habe ein neues Problem, aber dieses Mal mit einem java script. Folgender Code sollte mir eigentlich den div mit der id="gallery" ein, bzw. ausblenden: Code: <script type="text/javascript"> function anzeigen("#gallery"){ if(document.get.ElementById("#gallery").style.display=='none' } document.getElementById("#gallery").style.display='block' ; else document.getElementById("#gallery").style.display='none' ;} </script> <a href="#" onclick="anzeigen(gallery)">Ein / Aus</a> css-styling der gallery ist wie folgt (garnicht notwendig denke ich aber tortzdem): Code: float: left; position: relative; width: 950px; height: 544px; margin: 10px 0 0 10px; overflow: hidden; background: transparent; padding:0px; Der Text "Ein / Aus" wird zwar auf der Seite angezeigt, aber leider passiert nichts mit dem div, wenn ich den Text "Ein / Aus" drücke. Weiss einer von euch zufällig die Lösung, bzw. den Fehler den ich gemacht habe? Vielen Dank schon im Voraus für eure Hilfe Freundliche Grüsse


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.03.2011, 19:22
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Was sikk das sein? Code: function anzeigen("#gallery") document.get.ElementById anzeigen(gallery) Bitte die Fehler in deiner JavaScript-Konsole beachten und korrigieren! __________________ "Nuschel ich?" - "Was?"

01.03.2011, 20:09
rugkei@php Neuer Benutzer Registriert seit: 27.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	Hallo Chrizz Ich habe diesen Code im www gefunden und verstehe von js nicht wirklich viel, wollte einfach, dass ich ein div ein, bzw. ausblenden könnte. Wenn du, bzw. ihr Zeit hättet, dann helft mir doch bitte, weil was am Code falsch ist, verstehe ich nicht, sorry - wäre wirklich toll! Gruss

01.03.2011, 21:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	http://php.de/wiki-php/index.php/Inh...und_ausblenden __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

07.03.2011, 14:52
Curanai Erfahrener Benutzer Registriert seit: 13.05.2006 Beiträge: 466	Code: function anzeigen(nameDiv){ var doc = document.getElementById; var status = doc("#"+nameDiv).style.display; if( status =='none'){ doc("#"+nameDiv).style.display='block'; } else { doc("#"+nameDiv).style.display='none'; } } Bei "doc" bin ich unschlüssig, meine aber, dass dies so funktionierte ... (sry, nehme jQuery sonst!) Code: <a href="#" onclick="anzeigen('gallery')">Ein / Aus</a> Warum da ein '#' statt "javascript: ..." verwendet wird ... egal ... so dürfte/könnte es gehen! __________________ Manche Menschen sind wie Schnitzel - nicht zäh, aber beidseitig bekloppt!

07.03.2011, 15:02
Curanai Erfahrener Benutzer Registriert seit: 13.05.2006 Beiträge: 466	Du wirst bei einer vorgeschriebenen und im Quartal nötigen Tastaturreinigung J und K vertauscht haben, wodurch die Markierung für den rechten Zeigefinger (auf J zu finden) Dich zu dieser Schreibweise genötigt hat ... das hat man vom Blindschreiben!! __________________ Manche Menschen sind wie Schnitzel - nicht zäh, aber beidseitig bekloppt!