You are not logged in.
Coder Forum »
Coding »
HTML, AJAX & Co »
Monday, October 31st 2011, 12:38pm
|
JavaScript Code |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
function toggle_visibility(id, alink) { var e = document.getElementById(id); if (e.style.visibility == 'visible'){ e.style.visibility = 'hidden'; if (alink) alink.className = "inactive"; } else { e.style.visibility = 'visible'; if (alink) alink.className = "active"; } } |
|
|
Source code |
1 2 |
› Text 1 › Text 2 |
Monday, October 31st 2011, 6:16pm
Hallo Forum,
function toggle_visibility(id, alink) { var e = document.getElementById(id); if (e.style.visibility == 'visible'){ e.style.visibility = 'hidden'; if (alink) alink.className = "inactive"; } else { e.style.visibility = 'visible'; if (alink) alink.className = "active"; }}
Die Funktion wird so aufgerufen:
Das funktioniert soweit auch recht gut, nur benötige ich noch folgende 2 weitere Funktionalitäten:
Wenn ich "Text 2" aufrufe nachdem ich "Text 1" geöffnet habe, wird "Text 1" nicht wieder geschlossen, so dass ich die beiden Boxen übereinander liegen habe.In den Boxen habe ich noch einen Link zum Schließen der Box eingefügt....
Wenn ich die Box hierüber schließe, dann wird den ursprünglichen Link nicht die CLASS "inactive" zugewiesen
Da ich leider kein Programmierer bin, bekomme ich es einfach nicht hin...
Wednesday, November 2nd 2011, 8:00am
Das habe ich versucht, nur wurden die Zeilenumbrüche wieder eingerückt... Ich habe mir den Text aus Notepad++ formatiert kopiert und hier eingefügt. In der Vorschau hat es auch noch richtig ausgesehen...Das nächste mal bitte nicht in einer Zeile
Sorry, wenn ich mich falsch ausgedrückt habe...Seit wan ruft man so eine Funktion auf?
Hier der Ausschnitt aus dem Quell-Text (die Seiten werden mit dem CMS "Contao" erstellt):HTML-Code?
|
|
HTML Code |
1 |
<div class="ce_text rechts block" id="alink"> <p class="box"> <a id="alink" class="inactive" title="› Link 1" onclick="toggle_visibility('beschreibung',this);">› Link 1</a><br /> <a id="alink" class="inactive" title="› Link 2" onclick="toggle_visibility('detail',this);">› Link 2</a> </p></div> |
|
|
HTML Code |
1 |
<div class="block" id="beschreibung"> <h1 class="box">Überschrift</h1> <p class="box">Text... Text... Text...<span class="box"><a title="› zurück" ???>› zurück</a></span></p></div> |
|
|
HTML Code |
1 |
<div class="block" id="detail"> <h1 class="box">Überschrift</h1> <p class="box">Text... Text... Text...</p></div> |
Danke für den Link, aber ich befürchte in dieser Hinsicht bin ich ein ein hoffnungsloser Fall...http://www.w3schools.com/js/
HTML, AJAX & Co »
Uhrzeit in externem Javascript
(Oct 29th 2011, 5:29pm)
HTML, AJAX & Co » Livesuche mit Textfeldausfüllung
(Oct 7th 2011, 4:21pm)
HTML, AJAX & Co » [JavaScript] obj.replace() Hilfe
(Jul 5th 2008, 2:50pm)
HTML, AJAX & Co » Dateidownload per Javascript
(Aug 14th 2007, 11:29pm)
HTML, AJAX & Co » Script.acuol.us framework
(Aug 8th 2007, 8:04pm)
