Problem mit "Klapptext" Script

DiGiTaT · 29. Mai 2011

Hallo,

ich hoffe hier kann mir einer helfen, Mr. Google nämlich schon mal nicht. Es geht um einen Klapptext Script. Wenn ich den Script einmal in die HP einfüge futzt er, wenn ich den nochmal einfüge dann wird nicht der 2. Script aufgeklappt sondern nochmal der 1. Wenn ihr nicht versteht was ich meine, hab ich unten als Anhang die TXT Datei zur Veranschaulichung hoch geladen.

<html>
<head>
<script>
/* ************************************************************** *
* Funktion zum Ein- bzw. Ausblenden eines Elements *
* Parameter: *
* strDivID - ID des Elementes, das ein-/ausgeblendet werden soll *
* objImg - Objekt des Bildes, das gewechselt werden soll *
* ************************************************************** */
function toggleDiv(strDivID, objImg){
var myObj = document.getElementById(strDivID);
// Falls der Container eingeblendet werden soll
if(myObj.style.display == "none"){
// Container einblenden
myObj.style.display = "block";
// Bild wechseln
objImg.src = "minuszeichen.gif";
}else{
// Container ausblenden
myObj.style.display = "none";
// Bild wechseln
objImg.src = "pluszeichen.gif";
}
}
</script>
</head>
<body>
<div>
<div style="height: 25px; width: 250px; background: #0080FF; padding: 3px; border: 1px solid #4F4F4F;">
<img onclick="toggleDiv('divID_1', this)" id="imgID_1" style="float: right;" src="pluszeichen.gif" width="16" height="16" alt="" />
Überschrift
</div>
<div id="divID_1" style="display: none; width: 250px; background: #efefef; padding: 3px; border: 1px solid #4F4F4F; border-top-width: 0;">
- Inhalt 1<br />
- Inhalt 2<br />
</div>
</div>
</body>
</html>

Gruß

Mr. Snoot · 29. Mai 2011

Du musst natürlich die IDs beim zweiten Mal entsprechend ändern

<img onclick="toggleDiv('divID_X', this)"
<div id="divID_X"

Hancock · 29. Mai 2011

Hast du das Zusammengeklick?

Weil danach siehst aus, du musst die divs anders nennen und du solltest das Script nur einmal reintuen

Code:

<html>
<head><script></script></head>
<body><div id=1></div><div id=2></div>
</body>
</html>

Das sollte die Struktur sein.

DiGiTaT · 29. Mai 2011

Mr. Snoot schrieb:
Du musst natürlich die IDs beim zweiten Mal entsprechend ändern

<img onclick="toggleDiv('divID_X', this)"
<div id="divID_X"

Das wars, danke!

Suche

Problem mit "Klapptext" Script

DiGiTaT

Lt. Junior Grade

Anhänge

Mr. Snoot

Gast

Hancock

Captain

DiGiTaT

Lt. Junior Grade

Ähnliche Themen