Webmaster Forum


Registrieren

Das Webmaster Forum der NetzGemein.de bietet eine Anlaufstelle bei Problemen, allgemeinen bzw. spezifischen Fragen oder sonstigen Webmaster Tätigkeiten. Hier findest du professionelle Hilfe in Sachen Homepagestaltung, HTML, CSS, Java Script, PHP & MySQL sowie Suchmaschinenoptimierung (SEO). Du kannst aber auch deine Homepage vorstellen, bewerten lassen und Verbesserungsvorschläge von anderen Mitgliedern einholen.

div-Layer ein/ausblenden


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe bei CSS
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Gast


Beitragdiv-Layer ein/ausblenden Antworten mit Zitat

Wie kann ich div-Layer ein- und ausblenden ohne dabei PHP oder ähnliches zu verwenden?  
03 Okt 2005 20:37
Hole dir deine
Belgarath
Mitglied

Beitrag Antworten mit Zitat

javascript



kurze frage, kurze antwort Confused
 
03 Okt 2005 21:14
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Hier folgt ein JavaScript-Beispiel:

Code:

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

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

<span id="eins" style="display: none;"> Inhalt .... </span>
 

_________________
Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
04 Okt 2005 17:35
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
David
Mitglied

eBay - don.david
Beitrag Antworten mit Zitat

Beide Moderatoren, und zwei unterschiedliche Antworten. Da stellt man sich schon einige Fragen als Administrator Wink

Zum Thema. Das bringt mich glatt auf eine gute Idee 4 My Page. Da ich keinen News-Bereich habe (finde einfach nicht wirklich Platz dafür), ist auch nicht sehr benutzerfreundlich. Man wird einfach nicht informiert, wenn etwas Neues auf der Homape ist.

Könnte man es evtl. mit einem schönen Einblendeeffekt versehen. Habe es gerade bei einer neuen Wiki Software gesehen. Ist zwar kein Muss. Wenn es aber nicht so umständlich ist, würde ich es gerne einbauen.

Hast du da was parat, Werner?
 

_________________
David
04 Okt 2005 21:51
Benutzer-Profile anzeigen Private Nachricht senden
a-flow
Gast

Beitrag Antworten mit Zitat

Der Code von Werner hilft mir schon weiter, allerdings möchte ich diesen erweiter...

Mein Menü besteht aus 3 Buttons:

BUTTON 1 - BUTTON 2 - BUTTON 3

Content: Button 1
Content: Button 2
Content: Button 3

Jetzt geht es darum den Inhalt zum jeweiligen Button anzuzeigen, wenn man auf diesen daru klickt. Beim Klick auf einen anderen Button sollte sich der zuvor geöffnete Inhalt wieder schließen, was er bisher aber nicht tut.
Content: Button 1
Content: Button 2
Content: Button 3


Code:
<script type="text/javascript">
 function anzeigen(das){
 if(document.getElementById(das).style.display=='none')
 document.getElementById(das).style.display='block';
 else document.getElementById(das).style.display='none';}
</script>

<a href="#" onclick="anzeigen('1')">BUTTON 1</a>
<a href="#" onclick="anzeigen('2')">BUTTON 2</a>
<a href="#" onclick="anzeigen('3')">BUTTON 3</a>

<div id="1" style="display: none;"> Inhalt 1.... </div>
<div id="2" style="display: none;"> Inhalt 2.... </div>
<div id="3" style="display: none;"> Inhalt 3.... </div>


Kann da jemand weiterhelfen???
 
28 Mai 2008 15:09
V4hn
Moderator

Beitrag Antworten mit Zitat

ungetestet aber (hoffentlich) funktionstuechtig:
Code:
<script type="text/javascript">
var angeschaltet = 0;
function anzeigen(das){
 if(angeschaltet != 0)
  document.getElementById(angeschaltet).style.display='none';
 if(document.getElementById(das).style.display=='none')
  document.getElementById(das).style.display='block';
 else
  document.getElementById(das).style.display='none';}
 angeschaltet= das;
</script>

<a href="#" onclick="anzeigen('1')">BUTTON 1</a>
<a href="#" onclick="anzeigen('2')">BUTTON 2</a>
<a href="#" onclick="anzeigen('3')">BUTTON 3</a>

<div id="1" style="display: none;"> Inhalt 1.... </div>
<div id="2" style="display: none;"> Inhalt 2.... </div>
<div id="3" style="display: none;"> Inhalt 3.... </div>
 

_________________
28 Mai 2008 22:29
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe bei CSS Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Hilfe bei JavaScript Layer AD Script Hilfe bei Javascript 3 Kevin_O 11 Sep 2007 13:36 Letzten Beitrag anzeigen
Keine neuen Beiträge div-Layer einheitlich positionieren Hilfe bei CSS 3 David 25 Okt 2005 08:42 Letzten Beitrag anzeigen
Keine neuen Beiträge Counter ein- oder ausblenden? Hilfe für Webmaster 2 Napoleon 09 Apr 2004 18:18 Letzten Beitrag anzeigen