Problema automazione codice "div class"

[iname1030]

Buongiorno a tutti,
sto cercando di aprire automaticamente e/o a tempo (quindi senza click del mouse) la
"div class=zt-tag"
di questo codice html:
*****
<div class="container">
<div id="zt-container" class="zt-container">
<div class="zt-item" data-id="zt-item-1">
[img]images/ima1.jpg[/img]
<div class="zt-tag" data-dir="1" data-link="zt-item-4" data-zoom="6" data-speed="4000" data-delay="700" style="top:380px;left:381px;"></div>
</div>
<div class="zt-item" data-id="zt-item-4">
[img]images/ima2.jpg[/img]
<div class="zt-tag zt-tag-back" data-dir="-1" data-link="zt-item-1" data-zoom="9" data-speed="6000" data-delay="1200"></div>
</div>
*****
ma sto solo impazzendo.
Il "tag" posto a top:380px; left:381px (se cliccato) apre uno zoom animato da due immagini,
come detto vorrei che si apra automaticamente dopo x secondi.
Nel link che allego per maggiore comprensione il "tag" ha la cornice rossa.
xxxx://adrysiamqui.xoom.it/

iname1030

p.s.:
Spero di non infrangere nessuna regola.

[graffithouse]

dovresti usare jscript

[iname1030]

provato con
document.getElementById
e
trigger
ma il risultato è quanto sopra, purtroppo.

[cavicchiandrea]

<div class="zt-tag" data-dir="1" data-link="zt-item-4" data-zoom="6" data-speed="4000" data-delay="700" style="top:380px;left:381px;" id="open"></div>

....

<script type="text/javascript">
setTimeout(function() {
$('#open').trigger('click');
}, 3000);
//3000 = 3 secondi prima che parta l'evento puoi modificarlo a piacere
</script>
</body>
</html>

[iname1030]

Funziona alla grande !
Grazie

[iname1030]

Funziona alla grande !
Grazie

Oopss...
"è necessario rilanciare la pagina con F5 affinche' parta (con vari browser)"
E' necessario solo allungare il timer di esecuzione per dar modo che si carichino i componenti della pagina.
Scusate il post inutile !

[thecodingmonk]

Originariamente inviato da iname1030
E' necessario solo allungare il timer di esecuzione per dar modo che si carichino i componenti della pagina.

Per evitare questo basta inserire il codice in maniera tale da farlo eseguire in concomitanza dell'evento onload che viene lanciato quando tutto è stato caricato correttamente: a quel punto puoi rimuovere anche il timeout:

<script type="text/javascript">
$(function() {
    $('#open').trigger('click');
});
</script>

La sintassi $(function() { //codice }); in jQuery corrisponde proprio a fare eseguire il codice all'interno della funzione quando il documento è stato caricato!

[iname1030]

Si, quella è stata la ragione del mio "edit" in quanto mi sono accorto che se non si caricava completamente la pagina lo script di "cavicchiandrea" non si eseguiva anche se corretto.
Pero' noto che il tuo script, thecodingmonk, no fa eseguire lo "zoom" sia off che on-line;
il link di test è il medesimo di cui sopra.
Detto questo qui mi fermo perchè lo script iniziale non è scritto da me , oltre a non avere conoscenze adeguate.
Cordialmente