Newsgroup: it.comp.lang.javascript
Titolo: accordion che accetti comando esterno

Conosco un po' javascrit e jquery ma non in modo approfondito.
Sto cercando un accordion verticale su 2 livelli.
Es:
Voce1
	Sottovoce1-a
	Sottovoce1-b
Voce2
	Sottovoce2-a
	Sottovoce2-b
Voce3
	Sottovoce3-a
	Sottovoce3-b
Non importa la grafica, anzi, più è scarno e meglio è.
L'unica cosa che deve avere è la possibilità di poter aprire una delle 
voci anche da un altro link stando nella stessa pagina.
Ad esempio se fra il testo del corpo pagina esiste la voce 
"Sottovoce3-a", facendo click su quella si allarga nel menù "Voce2" (che 
la contiene).
Grazie a chi mi potrà dare la dritta.
Leonardo
 
 
-- 
Non sono su facebook
Se anche tu vuoi cancellarti
http://www.giardiniblog.com/come-cancellarsi-da-facebook-eliminare-account/
 

 Grazie a chi mi potrï¿œ dare la dritta.
 
Ho realizzato brevissimamente uno snippet con jQuery, che dovrebbe fare
piï¿œ o meno quello che cerchi. Puoi partire da quello per adattarlo alle
tue esigenze:
 
 
http://jsfiddle.net/JMBn6/
 
 
Volendo sarebbe potuto bastare anche HTML e CSS, senza JS, ma in tal
caso i browser supportati tale codice si sarebbero ridotti notevolmente.
 
Hope it helps.


Ti ringrazio per il tempo che mi hai dedicato.
Ho visto l'esempio e sembra sia esattamente quello che cercavo.
Ho però necessità di capire certe cose:
Alla pagina 
http://jsfiddle.net/JMBn6/
 ho visto i 3 riquadri con 
html,css e javascript.
Li ho inseriti in una mia pagina in locale, con link a jquery ed avvio 
con il $(window).load(function() ma non riuscivo a farlo funzionare.
Allora ho salvato in locale la pagina web e nella sottocartella a_data 
ho trovato i file jquery-git.js e normalize.css necessari (soprattutto 
jquery-git.js) al funzionamento.
La mia domanda è: Sono io che non lo copincolalvo bene, oppure in casi 
analoghi deve è che devo andare a leggermi le istruzioni su come fare e 
cosa/dove prelevare dei file esterni da utilizzare?
Spero di non avere fatto un domanda troppo idiota.
Ti saluto e ringrazio Leonardo


 Ti saluto e ringrazio Leonardo
 
A presto.
 


 
Sto lavorando alla modifica dei file per adattarli alle mie esigenze-.
Per prima cosa ho aggiunto una voce e testato il funzionamento.
Ho notato che <dl class="accordion" id="next-generation"> corrisponde, 
come logico che sia, alla funzione jquery, mentre <dl class="accordion" 
id="harry-potter"> non ha una funzione corrispondente.
Nella parte jquery ho trovato lo id characters che non ha corrispondenza 
per una voce menu, ma avvolge tutto il menù.
Quali sono le ragioni? anche perché ho fatto le modifiche senza queste e 
sembra che tutto mi funzioni bene.
$("#Voce1").on("click", function onclick() {
     openItem($("#idVoce1 > dt:eq(1)"));
});
$("#Voce2").on("click", function onclick() {
     openItem($("#idVoce2 > dt:eq(1)"));
});
$("#Voce3").on("click", function onclick() {
	openItem($("#idVoce3 > dt:eq(1)"));
<dl class="accordion" id="characters">
 
<dt>Voce 1</dt>
     <dd style="display: none;">
         <dl class="accordion" id="idVoce1">
             <dt>Voce 1 sottovoce A</dt>
             <dd>Something to say</dd>
             <dt>Picard</dt>
             <dd>Something to say</dd>
         </dl>
     </dd>
 
 
 
<dt>Voce 2</dt>
	<dd style="display: none;">
    		<dl class="accordion" id="idVoce2">
             <dt>Ron</dt>
             <dd>Something to say</dd>
 
             <dt>Hermione</dt>
             <dd>Something to say</dd>
         </dl>
     </dd>
 
 
 
<dt>Voce3</dt>
	<dd style="display: block;">
    		<dl class="accordion" id="idVoce3">
             <dt>3Ron</dt>
             <dd>3Something to say</dd>
 
             <dt>3Hermione</dt>
             <dd>3Something to say</dd>
         </dl>
     </dd>
 
 
 
</dl>
 
<button id="Voce1">Picard</button>
<button id="Voce2">hp</button>
<button id="Voce3">Voce3</button>
 
Saluti


 sembra che tutto mi funzioni bene.
 
Se elimini l'handler principale, non hai modo di aprire alcuna voce
dell'accordion cliccandoci sopra.
 


Ok, capito.
Grazie di nuovo.



Scusa se ti chiedo ancora una cosa, ma all'inizio non avevo notato che 
l'indentazione delle sottovoci non è gestita dai css.
Come posso fare a diminuire l'indentazione delle sottovoci?(avvicinarle 
al margine di sinistra).
Grazie



Mi scuso, ma erano i css, per l'esattezza margin.
A una certa ora bisogna spenga,.
:-))
