Hilfe
Neues Thema
Antworten
Hallo,
ich möchte gerne auf einer Seite bestimmten Inhalt immer nur anzeigen lassen, wenn jemand auf ein Bild bzw. Text klickt.
So wie hier im Forum, wo man sich einzelne Kategorien ausblenden lassen kann.
Wie geht so etwas?
Grüße, BigTim
Seite 1 von 1
Sachen Mit Javascript Ein/ausblenden
Nach oben
#2
crw 
geschrieben 07. April 2007 - 01:20
hi,
ungetestet aber sollte klappen :-)
<script type="text/javascript">
function swap(id) {
if (document.getElementById(id).style.display == "inline") {
document.getElementById(id).style.display = "none";
} else {
document.getElementById(id).style.display = "inline";
}
}
</script>
<a href="#" onClick="swap('meineId');">Klick mich</a>
<div id="meineId">text text text ... </div>
ungetestet aber sollte klappen :-)
#3 _BigTim_
geschrieben 07. April 2007 - 10:51
Also so funktioniert die ganze Sache schon einmal. Danke!
Allerdings sieht man den Text sofort und man muss mehrmals klicken, bis es dann funktioniert.
Ich hätte es aber gerne so, dass man erst einmal klicken muss und dann wird der Inhalt angezeigt.
Könntest du mir dabei noch helfen?!
Grüße, BigTim
Allerdings sieht man den Text sofort und man muss mehrmals klicken, bis es dann funktioniert.
Ich hätte es aber gerne so, dass man erst einmal klicken muss und dann wird der Inhalt angezeigt.
Könntest du mir dabei noch helfen?!
Grüße, BigTim
#4
Witi
- Gruppe: aktive Mitglieder
- Beiträge: 5.942
- Beigetreten: 13. Dezember 04
- Reputation: 43
- Geschlecht:Männlich
- Wohnort:Kingsvillage
- Interessen:Frickeln
geschrieben 07. April 2007 - 11:45
<script type="text/javascript">
function swap(id) {
node = document.getElementById(id);
node.style.display = (node.style.display != "none") ? "none" : "";
}
</script>
<a href="#" onclick="swap('meineId');">Klick mich</a>
<div id="meineId" style="display:none">text text text ... </div>
#5 _BigTim_
geschrieben 07. April 2007 - 12:41
Perfekt! 
Dankeeeschön!
Und wie kann ich das am besten machen, dass wenn das div angezeigt wird ein Minus da als Grafik ist und umgekehrt? Halt so, wie hier im Forum.
Sorry für die vielen Fragen!
Dankeeeschön!
Und wie kann ich das am besten machen, dass wenn das div angezeigt wird ein Minus da als Grafik ist und umgekehrt? Halt so, wie hier im Forum.
Sorry für die vielen Fragen!
#6
Witi
- Gruppe: aktive Mitglieder
- Beiträge: 5.942
- Beigetreten: 13. Dezember 04
- Reputation: 43
- Geschlecht:Männlich
- Wohnort:Kingsvillage
- Interessen:Frickeln
geschrieben 07. April 2007 - 13:06
Mit
Den Rest schaffst du jetzt aber wohl selber
document.getElementById(id).style.backgroundImage = "url(meinBild.png);kannst du ein Hintergrundbild einem Element zuweisen.
Den Rest schaffst du jetzt aber wohl selber
#7 _BigTim_
geschrieben 07. April 2007 - 13:07
Jau, das müsst ich hinkriegen. Vielen Dank!
Edit: Ich glaub, das ist das falsche. Ich wollte kein Hintergrundbild für das Div, sondern bei dem Link ein einfaches Bild. Halt, wenn das Div offen ist, soll beim Link ein Minus sein (als grafik halt) und wenn´s zu ist, ein Plus.
Edit: Ich glaub, das ist das falsche. Ich wollte kein Hintergrundbild für das Div, sondern bei dem Link ein einfaches Bild. Halt, wenn das Div offen ist, soll beim Link ein Minus sein (als grafik halt) und wenn´s zu ist, ein Plus.
Dieser Beitrag wurde von BigTim bearbeitet: 07. April 2007 - 13:12
#8
Witi
- Gruppe: aktive Mitglieder
- Beiträge: 5.942
- Beigetreten: 13. Dezember 04
- Reputation: 43
- Geschlecht:Männlich
- Wohnort:Kingsvillage
- Interessen:Frickeln
geschrieben 07. April 2007 - 13:27
pardon, mein Fehler
So ungefähr sollte es gehen.
So ungefähr sollte es gehen.
<script type="text/javascript">
function swap(id, sender) {
bild = document.getElementById(sender).firstChild;
node = document.getElementById(id);
if (node.style.display != "none") {
bild.setAttribute("src", "plus.gif");
node.style.display = "none";
}
else {
node.style.display = "";
bild.setAttribute("src", "minus.gif");
}
}
</script>
<a href="#" id="meinLink" onclick="swap('meineId', 'meinLink');"><img src="plus.gif" alt=""/></a>
<div id="meineId" style="display:none">text text text ... </div>
#9 _BigTim_
geschrieben 07. April 2007 - 13:34
Geil man!
Vieeeeelen Dank! Jetzt bin ich wunschlos glücklich!
Vieeeeelen Dank! Jetzt bin ich wunschlos glücklich!
Thema verteilen:
Seite 1 von 1