-
Collapse menu
Salve ragazzi di AV,sono di nuovo qui a presentarvi un nuovo problema nel mio collapse menu,vorrei fare in modo che in questa pagina http://radiosds.altervista.org/user20parade.html quando clicco su VOTA la seconda canzone al posto di uscire quella della seconda canzone mi esca il collapse della prima canzone,come devo fare?
Grazie!
-
Non ho capito cosa intendi: se si clicca su vota della seconda canzone, deve uscire il collapse della prima canzone. Non ho capito cosa intendi per "collapse". Deve apparire o scomparire il tutto?
(ho votato la prima canzone, ma adesso se tieni presente degli IP, non posso [giustamente] rivotare... dovrei riavviare il router :\).
Ciao!
-
ok, ti rispiego meglio, @alemoppo tu che hai votato la canzone hai cliccato sul + e ti è uscita la finestra appena sotto,se clicchi + alla seconda canzone al posto di apparire la finestra nella medesima canzone appare nella di nuovo nella prima.Spero che mi riesci a trovare la soluzione perché ne ho davvero bisogno.Grazie mille per la risposta!
-
Ah, ho capito. Beh, non centra nulla il fatto se uno ha votato o no... vabbè, passiamo al problema:
Il primo div, ha id "main". Quindi, richiamando "doMenu('main')" è normale che si riferisca al primo: in una pagina html è vietato inserire più elemento con lo stesso id (nella tua pagina, tutti gli oggetti da nascondere/mostrare) si chiamano tutti main.
Ovvero, adesso è circa:
Codice HTML:
<a href="JavaScript:doMenu('main');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main style="margin-left:1em; display:none">
contenuto
</div>
-----
<a href="JavaScript:doMenu('main');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main style="margin-left:1em; display:none">
contenuto
</div>
-----
<a href="JavaScript:doMenu('main');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main style="margin-left:1em; display:none">
contenuto
</div>
-----
<a href="JavaScript:doMenu('main');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main style="margin-left:1em; display:none">
contenuto
</div>
Variando tutti gli id, dovrebbe venir fuori una cosa tipo:
Codice HTML:
<a href="JavaScript:doMenu('main1');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main1 style="margin-left:1em; display:none">
contenuto
</div>
-----
<a href="JavaScript:doMenu('main2');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main2 style="margin-left:1em; display:none">
contenuto
</div>
-----
<a href="JavaScript:doMenu('main3');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main3 style="margin-left:1em; display:none">
contenuto
</div>
-----
<a href="JavaScript:doMenu('main4');" id=xmain><img src="http://radiosds.altervista.org/index_file/expand.gif"></a>
<div id=main4 style="margin-left:1em; display:none">
contenuto
</div>
ovvero, dovresti diversificare tutti gli id, così da potersi riferire a ad uno in particolare.
Ciao!
-
ah no ho risolto xD,grazie mille