Popup centrata

Nicla · 16 Nov 2011

Ciao a tutti,

mi sono decisa ad iscrivermi al forum finalmente... sono una niubba di Java però dovendo aiutare un amico e "masticando" un po' di html mi chiede spesso una mano.
Veniamo al punto: so che il discorso popup centrate è trito e ritrito, ma sono 2 ore che cerco ovunque e non riesco a mettere insieme 4 righe di codice che funzionino
Ho questo codice (sotto) che uso tutt'ora, funziona benone... peccato mi metta i popup in alto a sx dello schermo e vorrei fossero centrati automaticamente con qualsiasi
dimensione di schermo e risoluzione.

HTML:

<INPUT onclick="window.open('http://www.google.it', 'Sample', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=550,height=280')" type=button value="Google">

Ho trovato codice per popup autocentrante che funziona ma non riesco ad implementarci il pulsante classico di windows (tipo la funzione type=button value="Quello che è"> tipo:

HTML:

<script language="javascript"> var win = null; function NewWindow(mypage,myname,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' win = window.open(mypage,myname,settings) }  </script>  </head> <body > <br /><br /> <div align="center">   <a href="finestra.htm" onclick="NewWindow(this.href,'name','350','300','yes');return false">Apri popup</a>

Conclusione, ho due codici che vanno bene uno per il discorso pulsante, l'altro per l'autocentraggio...

Non è che un'anima pia mi aiuta a fare di due codici uno solo che mi dia il pulsante e autocentri la popup?

Grazie di cuore
Nicla

max_400 · 16 Nov 2011

Ciao Nicla e benvenuta sul forum!

Il problema era il setting e proprio questa variabile
che contiene le altre variabili a non fare funzionare un c++
infatto se fai la prova con 2 variabili window.open(mypage,myname) funziona...
Ho risolto incorporando questo gruppo di variabili direttamente dentro il window.open
si vede che esternamente gli andava per traverso

guarda quest'esempio
http://max400.netne.net/pop-up-centrata2.html

Codice:

<script language="javascript">

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable';
mypage="http://www.google.it/";
myname="banana";
win=window.open(mypage,myname,settings);
}


function ggg(mypage,myname,w,h,scroll){
mypage="http://www.google.it/";
myname="banana";
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;

hhh=window.open(mypage,myname,'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable');hhh.focus();
}
</script>

</head>
<body >

<div align="center">

<a href="http://www.google.it/" onclick="NewWindow(this.href,'name','350','300','yes');return false">Apri popup</a>

<input type="button" onClick="ggg(this,'banana','350','300','yes')" value="google">

</div>

la prima funzione NewWindow() è quella originale
la seconda funzione ggg(this,'banana','350','300','yes') è quella che ho fatto io con le mie zampette.
Infine ho aggiunto il focus() in modo tale che se clicchi sul pulsante google
esso va sempre a richiamare la finestra pop-up in primo piano
a differenza dell'altro che rimane sotto.

Un ultima cosa per cambiare indirizzo anzicchè google basta sotituire
mypage="http://www.google.it/";
con un altro indirizzo.

Nicla · 18 Nov 2011

Wow!

Grazie del benvenuto e grazie mille della correzione... ora funzica tutto perfetto, sei un grande! :fonzie:
Posso approfittare se avessi bisogno di ulteriori "correzioni"?...

Baci
Nicla

max_400 · 19 Nov 2011

Ben tornata... sono a tua disposizione!

mi chiedevo che fine avessi fatto!

se vuoi modificare un po lo script prova a modificare questa riga

Codice:

TopPosition = (screen.height) ? (screen.height-h)/2 : 0;

in

Codice:

TopPosition = (screen.height) ? (screen.height-h)/30 : 0;

vedrai la pop-up sempre al centro orizzontalmente ma un po più in alto.

Questo forum è pieno di guide e di script

Nel seguente link vedrai un esempio di pop-up un pò simle a quello usato nel tuo esempio
https://www.mrw.it/javascript/articoli/gestire-popup_59.html

bisognerebbe integrare qualkosina in più.

au revoir
by max :fonzie:

Nicla · 19 Nov 2011

Beh, non è che sono sempre al pc... per fortuna ho altre cose da fare :crying:, anche troppe...

Comunque va benissimo così l'altezza...

Poi, dato che dovevo integrare due pulsanti con due link differenti, ovviamente, ho raddoppiato il tuo script!
Peccato mi si aprisse sempre lo stesso link... e guarda e pensa e studia... ho realizzato DA SOLA :beer: che dovevo dare un altro nome
ad una delle due, così da banana ho messo pera (tanto per stare in tema fruttesca)... poi però continuava ad aprirmi lo stesso link... :dipser:

Prova e riprova... ho cambiato anche il "ggg" con "ppp" e così ora funzicano ambedue correttamente... :fonzie:
E poi ditemi che non studio...

Grazie ancora
Nicla

max_400 · 19 Nov 2011

Brava Nicla... hai talento!

ma ci sarebbe un altra bella cosa che potresti fare...
(poi non sò se può servire al caso tuo...),
utilizzare la stessa finestra pop-up per i vari link che vuoi caricare

ecco qui un esempio
http://max400.netne.net/pop-up-centrate-2-link-nella-stessa-finestra.html

ed ecco la minestra... :book:

Codice:

<script>
function ggg(mypage,myname,w,h,scroll){
mypage="http://www.google.it/";
myname="banana";
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/30 : 0;

hhh=window.open(mypage,myname,'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable');hhh.focus();
}

function kkk(mypage,myname,w,h,scroll){
mypage="http://forum.mrwebmaster.it/";
myname="banana";
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/30 : 0;

hhh=window.open(mypage,myname,'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable');hhh.focus();
}
</script>


<input onclick="ggg(this,'banana','350','300','yes')" value="google" type="button"><br>
<input onclick="kkk(this,'banana','350','300','yes')" value="forum" type="button"><br>

Morale della favola:
creare troppe finestre pop-up crea confusione sarebbe opportuno utilizzare sempre la stessa
(che viene richiamata sempre in primo piano, ogni volta che passi da un link ad un altro)
grazie alla parte iniziale hhh=window.open(.... e alla parte finale hhh.focus() :mavieni:

au revoir
by max

Nicla · 19 Nov 2011

Website Under Review

You are seeing this page because the system administrator of 000webhost.com is currently checking this website for malicious content. This redirect page will be removed once we finish manually checking all files on this account. Since we check over 100 websites per day, it can take about 2-4 hours to complete. If you are the owner of this website, you will get an email confirmation once it's done. If you are a visitor, please come back later.

www.000webhost.com is the most popular free web hosting provider, and as such, suffers from abusers. Around 5% of users sign up here just to start hacking or phishing websites or causing other problems. So, in order to survive, we must monitor what our users are hosting.

We are sorry for the inconvenience, but checking all content manually is the only way to provide you with the most secure and reliable service. If you find any illegal websites on our network, you can report it here.

HAI TENTATO DI FARMI APRIRE UNA PAGINA CON QUALCHE "MALICIOUS" VIRUS EH...!!!???
:evil:

max_400 · 20 Nov 2011

No! assolutamente... il sito è sempre lo stesso!

lo spazio web è segnato come giallo da WOT (se hai firefox) perchè magari alcuni lo utilizzano per altri scopi
ma io ho messo pagine html e non php o altro.
Il mio anti-virus non segnala niente... io uso Avast ed è sempre aggiornato! :book:

Comunque ho messo il codice in caso prendi quello.
Invito agli altri che stanno leggendo a controllare i link! :mavieni:

Grazie! :hammer:

Cerca

Cerca

Popup centrata

Nicla

Nuovo Utente

max_400

Utente Attivo

Nicla

Nuovo Utente

max_400

Utente Attivo

Nicla

Nuovo Utente

max_400

Utente Attivo

Nicla

Nuovo Utente

max_400

Utente Attivo

Discussioni simili