Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.07.2011 um 10:25 (UTC)    
Titel: Textbox bei "Klick" Erweitern

Liebe Community,
auch ich habe mal wieder eine Frage.

Gibt es einen Code, das ich meinetwegen als Text habe "Webserver" und sobald man auf "Webserver" klickt sich die Box erweitert und die Anforderungen oder Ausstattung ansehen kann? Praktisch eine Erweiterung einer DIV Box beim Klick auf die Kategorie.

Es sollten 3 - 4 Boxen untereinander auf einer Seite platziert werden.

Jemand ne Idee?

Viele Grüße
Nicolas
Music is Life!
Beitrag01.07.2011 um 10:37 (UTC)    
Titel:

Zitat:
<script type="text/javascript">
function hidedisplay(div) {
if(document.getElementById(div).style.display = 'none') {
document.getElementById(div).style.display = 'inline';
}
else {
document.getElementById(div).style.display = 'none';
}
}
</script>

<a href="#" onclick="hidedisplay(meindiv1);">Webserver</a><br>
<div id="meindiv1" style="display:none;">Anforderungen oder Ausstattung</div><br>

<a href="#" onclick="hidedisplay(meindiv2);">Webserver</a><br>
<div id="meindiv2" style="display:none;">Anforderungen oder Ausstattung</div><br>

Ungetestet.
Das rote/blaue muss jeweils gleich sein, darf sich allerdings nicht wiederholen, wenn sich der Code wiederholt Mr. Green

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 01.07.2011, 11:45, insgesamt einmal bearbeitet
Beitrag01.07.2011 um 11:26 (UTC)    
Titel:

Funktioniert leider nicht transint..

-> http://betaphase.de.tl/server.htm
Beitrag01.07.2011 um 11:57 (UTC)    
Titel:

Zitat:
<script type="text/javascript">
function hidedisplay(div) {
if(document.getElementById(div).style.display = 'none') {
document.getElementById(div).style.display = 'inline';
}
else {
document.getElementById(div).style.display = 'none';
}
}
</script>

<a href="#" onclick="hidedisplay('meindiv1');">Webserver</a><br>
<div id="meindiv1" style="display:none;">Anforderungen oder Ausstattung</div><br>

<a href="#" onclick="hidedisplay('meindiv2');">Webserver</a><br>
<div id="meindiv2" style="display:none;">Anforderungen oder Ausstattung</div><br>


So besser. Müsste eigentlich funktionieren Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag01.07.2011 um 13:22 (UTC)    
Titel:

transint hat Folgendes geschrieben:
Zitat:
<script type="text/javascript">
function hidedisplay(div) {
if(document.getElementById(div).style.display = 'none') {
document.getElementById(div).style.display = 'inline';
}
else {
document.getElementById(div).style.display = 'none';
}
}
</script>

<a href="#" onclick="hidedisplay('meindiv1');">Webserver</a><br>
<div id="meindiv1" style="display:none;">Anforderungen oder Ausstattung</div><br>

<a href="#" onclick="hidedisplay('meindiv2');">Webserver</a><br>
<div id="meindiv2" style="display:none;">Anforderungen oder Ausstattung</div><br>


So besser. Müsste eigentlich funktionieren Wink

Gruß,

TransInt


Danke, funktioniert (:
Beitrag01.07.2011 um 15:15 (UTC)    
Titel:

Oh, noch was: Wenn du beim <a href="#" das # wegmachst, wird beim Klick nicht immer nach oben gesprungen.
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de