Script da eseguire su più elementi div in una singola pagina web

marckhh

Nuovo Utente
6 Gen 2008
1
0
0
Salve ragazzi,
ho un problema. Sto costruendo un sito e mi si è posto il seguente quesito. Realizzare una galleria di immagini che si aprissero al visitato tramite una finestra di popup. Ho scaricato uno script, poi lo messo in pratica. Bene, sembrava tutto funzionare. Ma la mia idea area quella di inserire, per un sito di arredamento, nella stessa pagina web più categorie di foto. Mi spiego

Ad esempio, ho realizzato una sezione "cucine" ed ho messo 6 foto di cucine. Poi una sezione salotti con altre 6 foto, e così via. Tutto nella stessa pagina web.

Ora, eseguendo lo script che accade? Che funziona solo con la prima serie di foto, mentre dalla seconda serie in poi non va (prima serie di foto intendo le prime 6). Questo perchè lo script, ora posto il codice, pesca i dati da un div che si chiama minipics. Ogni div contiene le 6 foto relative, ed ogni div l'ho chiamato appunto minipics.

Ma perchè lo script funziona solo con il primo div? Ecco il codice per capirci. Prima lo script.

Codice:
var titolo;

window.onload=function(){
if(!document.getElementById || !document.getElementsByTagName) return;
links=document.getElementById("minipics").getElementsByTagName("a");

for(i=0;i<links.length;i++)
links[i].onclick=function(){PrevFoto(this);return(false)}
}

function PrevFoto(obj){
img=obj.getAttribute("href");
titolo=obj.getElementsByTagName("img")[0].title;
foto1= new Image();
foto1.src=img;
Controlla(img);
}
function Controlla(img){
if((foto1.width!=0)&&(foto1.height!=0)){
viewFoto(img);
}
else{
funzione="Controlla('"+img+"')";
intervallo=setTimeout(funzione,100);
}
}

function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+25;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
finestra.document.title=titolo;
}


Questo invece il codice html dove ci sono le foto:

HTML:
<td>
<div align="center" id="gallery">
<div id="zoom"><h3 id="titolo">Clicca sulle miniature per vedere gli ingrandimenti.</h3></div>
<div id="minipics">
<ul>
<li><a href="IMAGES/camere%20da%20letto/CORNER-10%5B1%5D.jpg"><img src="IMAGES/camere%20da%20letto/CORNER-10%5B1%5D_small.jpg" alt="uovo" width="200" height="123" title="Uovo"></a></li>
<li><a href="IMAGES/camere%20da%20letto/EROS-5-4%5B1%5D.jpg"><img src="IMAGES/camere%20da%20letto/EROS-5-4%5B1%5D_small.jpg" alt="Campo di grano in una notte d' estate" width="200" height="124" title="Campo di grano in una notte d' estate"></a></li>
<li><a href="IMAGES/camere%20da%20letto/EROS-5-6%5B1%5D.jpg"><img src="IMAGES/camere%20da%20letto/EROS-5-6%5B1%5D_small.jpg" alt="Arancia digitale" width="200" height="151" title="Arancia digitale"></a></li>
<li><a href="IMAGES/camere%20da%20letto/gruppi_univ02%5B1%5D.jpg"><img src="IMAGES/camere%20da%20letto/gruppi_univ02%5B1%5D_small.jpg" alt="foresta frullata" width="200" height="143" title="Foresta frullata"></a></li>
<li><a href="IMAGES/camere%20da%20letto/PRIMULA-2-7%5B1%5D.jpg"><img src="IMAGES/camere%20da%20letto/PRIMULA-2-7%5B1%5D_small.jpg" alt="Come posso dormire con i tuoi occhi nella mente" width="200" height="140" title="Come posso dormire con i tuoi occhi nella mente"></a></li>
<li><a href="IMAGES/camere%20da%20letto/protag09%5B1%5D.jpg"><img src="IMAGES/camere%20da%20letto/protag09%5B1%5D_small.jpg" alt="Acqua ottica" width="200" height="143" title="Acqua ottica"></a></li>
</ul>
<div style="clear:left"> </div>
</div>
</div>
</td>

Ora, questa è la sezione cucine. Immagine altre due parti di codice per salotti e soggiorni, con codice html medesimo. Perchè lo script gira solo con la prima sezione, mentre salta le altre due?

Grazie a tutti!!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
W [Javascript] Eseguire script residente nel sistema da html remota Javascript 0
T [JavaScript & Ajax] Eseguire script dopo chiamata A Ajax 2
C Eseguire script ajax nella stessa pagina index.php Ajax 2
neo996sps Eseguire script perl da pagina PHP PHP 3
V Eseguire comandi shell da script php PHP 0
O Controllo campi prima di eseguire uno script PHP 1
F Somma di più tabelle da script Javascript 0
L Script per convertire numeri in parole Javascript 2
H Eliminazione script. Photoshop 0
S Script Google Translate scomparso HTML e CSS 3
P lanciare script asp (o php) da jquery Javascript 1
G Script notifiche dekstop aiuto Javascript 0
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
P Passare solo alcuni parametri a script per CSV PHP 0
M Collegamento tra form html e script php PHP 4
F Script java elenco alfabetico non funziona Javascript 3
F Script non funzionante. Devo elencare in ordine alfabetico un elenco di nominativi, ma lo script non Javascript 2
P Script upload immagini jQuery 0
M Premature end of script headers PHP 1
Cosina script data aggiornamento pagina Javascript 1
R Distribuire uno Script "Facebook Auto Post" PHP 0
F Creazione script Tv Presentati al Forum 1
N Script elenco file HTML HTML e CSS 5
felino PHP e script generazione file excel PHP 2
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
Beppe2 Ritardare esecuzione script Javascript 2
R Primo script in PHP / CSS PHP 4
felino Script PHP per leggere un file JSON. autenticazione? PHP 4
T [a pagamento] programmatore PHP che mi aiuti a migrare gli script da vecchia versione PHP a nuova Offerte e Richieste di Lavoro e/o Collaborazione 1
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
F Aiuto java script Javascript 2
Max 1 [PHP] Script che funziona in locale e non online PHP 16
K Help: problema con uno script di booking in php! PHP 0
O [PHP] inviare dati da form e script ajax PHP 0
P [PHP] Aggiungere un mio script a prestashop? PHP 10
D [Javascript] inserire uno script in un file php Javascript 6
Gabriele15497514 php testo errato durante la lettura del file txt quando lo script viene eseguito contemporaneamente PHP 3
R [Javascript] Aiuto su questo script Javascript 2
M [HTML] Stesso script su 2 blog CMS (Content Management System) 4
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
elpirata [Javascript] Lo script alle volte funzione altre volte no Javascript 0
A [PHP] Script con array con numeri che iniziano per 00 PHP 2
F [HTML] Failed script su coffee cookies HTML e CSS 1
TpD [PHP] Script per organizzazione presenza eventi PHP 3
D [PHP] script che invii una mail automatica dopo risposta ad una discussione di un forum PHP 0
T interpretare uno script php non fatto da me... PHP 3
Cosina Modifica script textarea jQuery 0
O Script PHP e loro visibilità PHP 4
A [PHP] Script Ip camera su altervista senza sottocartelle PHP 6
M [PHP] Problema script ricezione e invio posta... PHP 1

Discussioni simili