Pop-up che nn si aprono correttamente

__kuky__

Nuovo Utente
10 Ott 2004
18
0
0
Ciao a tutti,
premetto che sono ancora all'inizio nell'usare codice javascript.
Ho provato ad usarlo con dreamweaver per fare dei pop-up con dimensioni fisse che visualizzassero delle immagini; ora, siccome le immagini non hanno tutte le stesse dimensioni i pop-up hanno dimensioni diverse a seconda dell'immagine che visualizza. Questo è il codice js che ho messo:

<script language="JavaScript">
<!-- Hide the script from old browsers --

//===============================================
// Java Script code by Java Script It! www.computan.on.ca/~todd/JavaScriptIt!
//===============================================
function openNewWin1() {
msgWindow=
window.open('altramacchina.htm' ,'JavaScriptIt','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=408,height=363');
}

function openNewWin2() {
msgWindow=
window.open('lastra.htm' ,'JavaScriptIt','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=408,height=315');
}

function openNewWin3() {
msgWindow=
window.open('lastrapc.htm' ,'JavaScriptIt','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=407,height=391');
}

function openNewWin4() {
msgWindow=
window.open('polim.htm' ,'JavaScriptIt','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=400,height=388');
}

function openNewWin5() {
msgWindow=
window.open('pagmappa.htm' ,'JavaScriptIt','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=450,height=330');
}

function openNewWin6() {
msgWindow=
window.open('pagorari.htm' ,'JavaScriptIt','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars= 0,resizable= 0,copyhistory= 0,width=300,height=240');
}

// finish hiding -->
</script>

Dopodiché c'è il body.

E queste sono le immagini che devono essere visualizzate:

<div id="altramacchina" style="position:absolute; left:219px; top:249px; width:140px; height:116px; z-index:34"><A HREF="JavaScript: openNewWin1 ()"><img src="img/imgsito/altramacchina_min.jpg" width="140" height="116"></A></div>
<div id="lastra" style="position:absolute; left:407px; top:250px; width:140px; height:116px; z-index:35"><A HREF="JavaScript: openNewWin2 ()"><img src="img/imgsito/lastra_ok_min.jpg" width="140" height="116"></A></div>
<div id="lastrapc" style="position:absolute; left:302px; top:382px; width:140px; height:116px; z-index:36"><A HREF="JavaScript: openNewWin3 ()"><img src="img/imgsito/lastra_pc_01_min.jpg" width="140" height="116"></A></div>
<div id="polimerizzatore" style="position:absolute; left:591px; top:251px; width:140px; height:116px; z-index:37"><A HREF="JavaScript: openNewWin4 ()"><img src="img/imgsito/polimerizzatore_01_min.jpg" width="140" height="116"></A></div>
<div id="txtdovesiamo" style="position:absolute; left:576px; top:212px; width:110px; height:19px; z-index:26">
<div align="center"><b><font color="#FFFF33" face="Courier New, Courier, mono" size="4" class="menus"><A HREF="JavaScript: openNewWin5 ()">DOVE SIAMO</A></font></b> </div>
<div id="txtorari" style="position:absolute; width:48px; height:19px; z-index:25; left: 382px; top: 214px">
<div align="center"><font size="2"><b><font size="3" color="#FFFF33" face="Courier New, Courier, mono" class="menus"><A HREF="JavaScript: openNewWin6 ()">ORARI</A></font></b></font></div>

Ora spiego il problema..quando faccio l'anteprima con Dreamweaver, i pop-up si comportano in maniera corretta se chiudo il pop-up prima di aprirne un altro; ma se io visualizzo un'immagine senza chiudere il pop-up aperto in precedenza, l'immagine viene visualizzata tagliata, perché il pop-up resta delle dimensioni del pop-up che non era stato chiuso, non adattandosi quindi alle dimensioni impostate nel codice. Naturalmente se ci sono consigli per semplificare il codice sono accettatissimi :fonzie:
Questo è tutto :hammer: grazie dell'aiuto :byebye:
Fa'brizio
 
hai provato?

hai provato a scrivere così?

resizable= no

poi proverei a togliere i tag che definiscono altezza e larghezza dell'immagine
da
<img src="img/imgsito/altramacchina_min.jpg" width="140" height="116"></A></div>
a
<img src="img/imgsito/altramacchina_min.jpg"></A></div>



attenzione all'uso dei pop up, molti browser di nuova generazione sono impostati per bloccarle

p.s. le interesserebbe avere un preventivo gratuito per il suo sito formato html certificato w3c ed accessibile a tutte le tipologie di disabili, di browser e di motori di ricerca? :hammer:
 
Ultima modifica:
La dimensione dell'immagine non conta! Sicuramente come di norma, apre la seconda pagina nel primo pop-up, quindi ti ritrovi una pagina che vuoi con delle dimensioni dentro un pop-up impostato con altre dimensioni!
 
Infatti....

daviduccio ha scritto:
La dimensione dell'immagine non conta! Sicuramente come di norma, apre la seconda pagina nel primo pop-up, quindi ti ritrovi una pagina che vuoi con delle dimensioni dentro un pop-up impostato con altre dimensioni!

Ciao Davide,
grazie davide della risposta, infatti ho provato a fare come diceva etrusko ma nn risolveva l'inghippo...(scusate se insisto, ma nn sono per niente pratico di codici :dipser: ) quindi cosa devo modificare nel jscript per fare si che le dimensioni delle finestre corrispondano sempre a quelle delle immagini?Devo mettere le variabili o cose simili?
Grazie ancora e chao :byebye:
fa'brizio
 
Nuovo js per il pop-up, ma...

Ciao a tutti,
allora mi han dato questo js per aprire le pop-up, ma c'è un problema con le dimensioni perché i pop-up che si aprono sono di circa 40 px di altezza per 40 px di larghezza e nn si adattano alle immagini. Questo è il codice:

function CaricaFoto(img){
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,20);
}
}
function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+20;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
}

E questo è il codice che metto nei layer dove sono le immagini:

<a href="javascript:CaricaFoto('popup/lastra_pc_01.jpg')"><img src="img/imgsito/lastra_pc_01_min.jpg"></A>

Il file .jpg cambia a seconda dell'immagine.
Vorrei sapere dove devo cambiare il codice per far si che i pop-up si adattino automaticamente alle immagini e cosa devo cambiare per evitare lo spazio bianco ai lati delle immagini
Grazie ancora
fabrizio
 
Cosi?

function CaricaFoto(img){
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,20);
}
}
function viewFoto(img){
largh=foto1.width;
altez=foto1.height;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
}
 

Discussioni simili