Spoiler automatisch wechseln

[Jason-Design]

Hallo leute,

und zwar suche ich für meine seite ein script schnipsel! dieser müsste wie folgt funktionieren.

ich habe mehre links, da drunter soll ein großes feld sein wo die spoiler geöffnet werden so weit so gut.... jetzt soll aber jeweils ein spoiler geöffnet sein bzw werden... das heißt wenn ein link geklickt wurde ist ein spoiler offen... wenn jetzt einer von den anderen links geklickt wird sollte der bereits offnen spoiler geschlossen werden und der andere geöffnet werden.

da ich nicht weiß frage ich euch ob ihr vielleicht eine idee habt bzw nen code schnipsel, ich denke mal mit javascript müsste es gehen nur hab ich leider von javascript kein ahnung.

vielen dank für eure hilfe im vorraus

 

[sokie]

AW: Spoiler automatisch wechseln

je nach dem wie das optisch hinterher aussehen soll, käme vielleicht ein slider oder ein akkordion in frage.
http://www.psd-tutorials.de/tutoria...view/2170--jquery-coda-slider-mit-dreamweaver
http://www.psd-tutorials.de/tutorials/web/javascript-frameworks/-/view/1703--accordeon-mit-jquery

wenn nicht auch die ganze Seite neu geladen werden muss. ansonsten wäre vielleicht eine php Lösung einfacher

 

[Jason-Design]

AW: Spoiler automatisch wechseln

bringt mir nicht viel aber trotzdem danke

 

[Myhar]

AW: Spoiler automatisch wechseln

Wenn dir das nicht hilft, dann hast du deine Frage ungenau formuliert. Auch ich hätte dir das als Lösung angeboten, weil mit den verlinkten Tutorials kannst du genau das realisieren. Falls dir die Tutorials zu ungenau sind, dann kannst du auch mit den Stichworten aus der Überschrift des Tutorials eine Suchmaschine deiner Wahl füttern. Dann solltest du genug Infos bekommen wie das umzusetzen ist.

L. G.

 

[Jason-Design]

AW: Spoiler automatisch wechseln

Ich hab hier mal eine Test Seite:

wenn man dort auf die links klickt die rechts neben dem bild sind öffnen sich die spoiler, aber es sollte sich immer nur ein spoiler öffnen

 

[Jason-Design]

AW: Spoiler automatisch wechseln

hab es jetzt doch anders gelöst und es funzt...

...
<form name="code"  method=post>
<table>
<tr>
<td>
<INPUT TYPE="button" class="buttonjappy" onClick="this.form.code.value= 'Text Code 1';">
</td>
<td>
<INPUT TYPE="button" class="buttonflirttown" onClick="this.form.code.value= 'Text Code 2';">
</td>                            
</tr>
<table>
<tr>
<td>
<textarea name="code" id="styled" scrolling="no" onclick="focus();select();copy(this.value); document.getElementById('1').style.visibility = 'visible'; timedLayer('1');" readonly="readonly">
</textarea>
</td>
</tr>
</table>
</table>
</form> 
...

trotzdem danke für eure Hilfe