div-Layer ein/ausblenden

Gehe zu Seite Zurück  1, 2
 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
mikeda
Gast
Beitragersten eintrag anzeigen Antworten mit Zitat
axinio Internet Marketing
Hallo,
ich finde dieses Script super und es ist genau das was ich gesucht hatte.

Kann mir bitte einer helfen? Ich möchte das Script so einsetzen das ein kleiner Text direkt Sichtbar ist und nach klick auf den ersten Button (Link) ersetzt wird. Ist das machbar?

Für eine Hilfe wäre ich sehr dankbar.
21 Okt 2010 10:31
hona
Gast
Beitragsuper script, aber eine frage Antworten mit Zitat
Ich finde euer script hier super! ich habe es auch eingebaut. aber ich habe eine frage.

ich würde gerne einen div bereich von anfang an anzeigen, aber das kriege ich irgendwie nicht hin Sad

und dann würde ich gerne haben, dass man alle divs zumachen kann, also wenn eins offen ist, nochmal drauf klicken und es ist zu.

ich hoffe ihr versteht meine fragen!

danke!

fabian
12 Dez 2010 00:48
Pixelschubser
Mitglied
BeitragSchliessen hinzufügen Antworten mit Zitat
@Werner

Danke für das effiziente Script!

Wie kann ich denn den einzelnen divs, also zum Beispiel
Code:

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

einen schließen Button einfügen, um den div direkt darüber wieder auszublenden und nicht nur wenn ich einen neuen div aktiviere?

Vielen Dank im voraus
Matthias
27 Jan 2012 12:37
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator
Beitrag Antworten mit Zitat
Das folgende JavaScript öffnet nur den angeklickten DIV-Block
alle anderen werden automatisch geschlossen.

Code:
<script type="text/javascript">
function zeige(ID) {

 for (var zaehler = 1; zaehler <= 5; zaehler++) {
  if (document.getElementById("u" + zaehler).style.display == "block") {
   document.getElementById("u" + zaehler).style.display = "none";
  }
 }
 document.getElementById(ID).style.display = "block";
}
</script>

» <a href="javascript:zeige('u1');"> 1 anzeigen </a> <br>
<div style="display: none;" id="u1">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u2');"> 2 anzeigen </a> <br>
<div style="display: none;" id="u2">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u3');"> 3 anzeigen </a> <br>
<div style="display: none;" id="u3">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u4');"> 4 anzeigen </a> <br>
<div style="display: none;" id="u4">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u5');"> 5 anzeigen </a> <br>
<div style="display: none;" id="u5">
   Viel Text viel text viel text ...
</div>

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
28 Jan 2012 20:47
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Gast
Beitrag Antworten mit Zitat
ich habe das script von "Gast" vom 20.9.2009 in meine website integriert.

hier mal ein kleiner ausschnit zur veranschaulichung.
http://jami.hostingsociety.com/tippse-muster/new2.html#

wie ihr seht funktioniert das auf- und zuklappen der einzelnen reiter wie gewünscht. also vielen dank für das script.

meine frage:
ist es möglich, dass das div, welches dem "willkommen-reiter" zugeordnet ist, schon von anfang an zu lesen ist und trotzdem das auf-zuklappen problemlos funktioniert???

als vereinfachtes beispiel nehm ich das vorangegangene

"Button1 - Button2 - Button3 - Szenario"

was muss an folgendem script

Code:
<head><TITLE>Test</TITLE></head>
<body>
<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>
</body>



geändert werden, dass button 1 (bzw das dazueghörige div "inhalt 1") schon beim betreten der seite zu sehen ist (eigentlich selbe frage wie hona
Zitat:
ich würde gerne einen div bereich von anfang an anzeigen
) ???

vielen dank vorab!
09 März 2012 16:06
Gast
Beitrag Antworten mit Zitat
...ich noch mal...

die einfachste lösung wäre, das display="none" bei div="1" zu entfernen...
hab ich schon versucht, das resultiert darin, dass dieses div="1" immer angezeigt bleibt... ist also auch keine lösung...

ich bin für jeden ratschlag offen Laughing
09 März 2012 16:12
jako-o
Gast
Beitrag Antworten mit Zitat
... und noch mal ich (dieses mal mit name)...

vor lauter vorfreude auf hoffentlich bald funktionierende reiter, hab ich mir überlegt, ob man den wechsel der verschiedenen inhalte nicht noch irgendwie grafisch untermalen könnte...
zB, dass das "alte div" vom "neuen" weggeschoben, überblättert, etc wird...???

das ist aber nur sekundär, bin gerade einfach nur in "fraglaune"... Rolling Eyes
09 März 2012 16:49
Werner
Homepage-Total.de
Moderator
Beitrag Antworten mit Zitat
Benutze jQuery, damit lassen sich solche Effekte einfach hervor zaubern.

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
09 März 2012 20:26
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
jako-o
Gast
Beitrag Antworten mit Zitat
danke für den tipp, hört sich gut an was ich bisher gelesen habe... ich werd mich mal einarbeiten...

danke ;-)
09 März 2012 22:13
Gast
Beitrag Antworten mit Zitat
Anonymous hat Folgendes geschrieben:
...ich noch mal...

die einfachste lösung wäre, das display="none" bei div="1" zu entfernen...
hab ich schon versucht, das resultiert darin, dass dieses div="1" immer angezeigt bleibt... ist also auch keine lösung...

ich bin für jeden ratschlag offen Laughing


Lösung sollte mit style="display:block;" beim ersten div herbei gezaubert werden können...
03 Apr 2012 07:58
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS Alle Zeiten sind GMT + 1 Stunde
Gehe zu Seite Zurück  1, 2
Seite 2 von 2

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Div - Layer aus einem iframe mit Link... Javascript 1 Geiseltaler 02 März 2011 21:23 Letzten Beitrag anzeigen
Keine neuen Beiträge Divs ein und ausblenden Javascript 4 hummel dumm 13 Jan 2011 17:02 Letzten Beitrag anzeigen
Keine neuen Beiträge mehre div layer einblenen und ausblenden CSS 1 vayu 02 Mai 2010 04:59 Letzten Beitrag anzeigen
Keine neuen Beiträge Layer automatisch ausblenden Javascript 0 iuna123 15 März 2010 11:17 Letzten Beitrag anzeigen
Keine neuen Beiträge Wenn Feld (Text81) 0,00 dann leer ode... Javascript 0 Gast 07 Aug 2009 10:17 Letzten Beitrag anzeigen