Script uguali su id diversi con 1 click

[Tiashi2]

Scusate, nella mia pagina ho diversi link che eseguono da 1 a 4 script uguali su id diversi, in questo caso 'div', e chiedevo qual'era la sintassi per ottimizzarli. Purtroppo sono alle prime armi, ho provato diversi sitemi, ho cercato ma non riesco a trovare la info.

Questo il codice tipo.

<a href="javascript:agisci('id1'); javascript:agisci('id2'); javascript:agisci('idn');">
Click</a>

Come li posso sintetizzare?

[Tiashi2]

Ho usato lo strumento lente per la ricerca di risposte già esistenti, ma non ho trovato.
C'è qualche anima pia che può aiutarmi?

[homezappa]

puoi fare così:

Fai una funzione chiamaAgisci

function chiamaAgisci() {
    var i;
    for (i=0;i<arguments.length;i++) { 
            agisci(arguments[i]);
    }
}

e la chiami così:

<a href="java-script:chiamaAgisci('id1','id2','idn');">
Click</a>

Va da sè che sarebbe più semplice modificare la funzione agisci!

HTH
Zappa

[Tiashi2]

Grazie mille.

Tieni conto che per me è quasi ancora 'arabo', sono ancora fermo al Basic.
Hai ragione, conviene modificare la funzione e te la riporto, non è mia.

function agisci(item) {
   elem=document.getElementById(item);
   visibile=(elem.style.visibility!="hidden")
   prefisso=document.getElementById("menu" + item);
   if (visibile) {
     elem.style.visibility="hidden";
   } else {
      elem.style.visibility="visible";
   }
}

provo a modificare 'agisci', correggetemi vi prego.

function agisci(item) {
 
var i;
    for (i=0;i<arguments.length;i++) {

    elem=document.getElementById(item);
    visibile=(elem.style.visibility!="hidden")
    prefisso=document.getElementById("menu" + item);

    if (visibile) {
     elem.style.visibility="hidden";
    } else {
      elem.style.visibility="visible";
    }
    }
}

E' giusta? (sicuramente c'è almeno 1 errore)

:master: Ma quello da applicare è comunque un processo 'macchinoso' FOR-NEXT. Quindi javascript non applica l'azione agli elementi specificati se in numero superiore a 1.

[homezappa]

function agisci() {
    var i;
    for (i=0;i<arguments.length;i++) {
        elem=document.getElementById(arguments[i]);
        visibile=(elem.style.visibility!="hidden")
        prefisso=document.getElementById("menu" + item);

        if (visibile) {
         elem.style.visibility="hidden";
        } else {
          elem.style.visibility="visible";
        }
    }
}

Mi chiedevo, comunque, la variabile prefisso a cosa serve, visto che non viene usata?

HTH
Zappa

[Tiashi2]

Sto imparando cose nuove, grazie.

Difatti, lo script originale, che ho troncato quindi senza 'modificarlo', era questo (anche se ho tolto la funzione 'chiudi tutto')

function agisci(item) {
   elem=document.getElementById(item);
   visibile=(elem.style.display!="none")
   prefisso=document.getElementById("menu" + item);
   if (visibile) {
     elem.style.display="none"; 
     prefisso.innerHTML="[img]off.jpg[/img]";
   } else {
      elem.style.display="block";
      prefisso.innerHTML="[img]on.jpg[/img]";
   }
}

In sostanza, non conoscendo Javascript ho dovuto smanettare per risolvere, anche se con l'errore che mi evidenzi, un problema.

Nel sito devo gestire diversi div, a volte con display e altre con visibility, e in entrambi i casi a volte ho necessità di usare l'item, quindi il prefisso, e quindi devo sia agire sullo stato dei div che contemporaneamente modificare l'immagine che me ne mostra l'assetto (on/off), e sia agire sullo stato dei div senza mostrarne l'assetto (senza item).
Quindi, non sapendo come creare uno script ad hoc, oltre a dover avere due funzioni separate (display e visibility), a seconda dei casi per ognuna ne ho dovuto creare una copia (quella che ti ho riportato in precedenza) senza l'immagine di assetto (on/off).
In più quando è presente l'immagine, quindi il prefisso, ho pure la necessità di gestire immagini diverse a seconda del tipo di div che devo gestire.
Perciò attualmente, invece di avere 2 funzioni che, a seconda che si tratti di display piuttosto che di visibility, gestiscono le diverse situazioni (con immagini diverse di on/off, o senza immagini), di funzioni ne ho ben 5.

Sostanzialmente il link che mi attiva la modifica dello stato del div e dell'immagine-assetto, funziona così:

<a id="menuitem" href="Javascript:agisci('item');">
[img]off.jpg[/img]</a>

<div id="item" style="display:none;">Contenuto</div>

Se invece non ho bisogno dell'immagine-assetto (on/off), posso utilizzare, considerando che spesso devo agire su div diversi, e quindi id diversi, quella che mi hai suggerito tu. E qui mi hai risolto il problema.

Percio', domanda finale, come faccio adesso, ad avere, ad esempio per gestire il display , la stessa funzione che contemporaneamente al div mi gestisce l'immagine-assetto se è presente, che però me la gestisce se è diversa da caso a caso, quindi con nome e formato diversi, e che mi gestisce anche solo il div nel momento in cui non esiste l'immagine-assetto, senza crearmi risultati ai confini della realtà?
E' possibile raggruppare il tutto?

[Tiashi2]

senza id multipli.

apri/chiudi 1
<div id="item1" style="display:none;">

	<a id="menuitem2" href="Javascript:agisci('item2');">
	[img]off.jpg[/img]</a>
	<div id="item2" style="display:none;">Contenuto Item2</div> 

	<a id="menuitem3" href="Javascript:agisci('item3');">
	[img]off2.jpg[/img]</a>
	<div id="item3" style="display:none;">Contenuto Item3</div>

</div>

[Tiashi2]

Ho risolto tutto, logicamente, ma ho bisogno un secondo di un piccolo aiuto, per piacere.

Devo rimettere momentaneamente (item)

Se non erro, con la funzione che segue gestisco sia display che visibility.

	function agisci(item) {
	elem=document.getElementById(item);
	visibile=(elem.style.display!="none")
	volume=(elem.style.visibility!="hidden")
	prefisso=document.getElementById("menu" + item); 

	if (visibile) { 

	elem.style.display="none"; 
	prefisso.innerHTML="
[img]name1off.jpg[/img]"; 
	} else { 
	elem.style.display="block";
	prefisso.innerHTML="
[img]name1on.jpg[/img]";
	} 

	if (volume) {
	elem.style.visibility="hidden";
	prefisso.innerHTML="
[img]name2off.jpg[/img]";
	} else {
	elem.style.visibility="visible";
	prefisso.innerHTML="
[img]name2on.jpg[/img]";
   }
}

Dovrei quindi, successivamente, indirizzare lo script sulle immagini che voglio, semplicemente, senza specificare le dimensioni (non lo so fare e non lo chiedo altrimenti non mi si risponde, dovrebbe funzionare ugualmente), componendo il nome con
item + off.ipg
e item + on.ipg

Come faccio a comporre il nome di quell'immagine nello script?

Così?

prefisso.innerHTML="<img src=(item + 'on.jpg') hspace='0' vspace='0' border='0'>";

Immagino sia sbagliato ma non so come dimostrare che mi sto impegnando. :-)

Grazie.

[homezappa]

prefisso.innerHTML="<img src='" + item + "on.jpg' hspace='0' vspace='0' border='0'>";

HTH
Zappa

[Tiashi2]

Ti voglio bene, grazie.