Codice html per ottenere finestre in primo piano fisse e a scatta sovrapposte

C

caronte

Nuovo Utente
24 Feb 2011
16
0
0
Salve a tutti voi, ho un problema che mi fa diventare pazzo,:dipser:

Codice: 
<a href="http://facebook.com" onclick="window.open ('http://www.facebook.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/facebook.png" /></a><a href="http://friendfeed.com" onclick="window.open ('http://www.friendfeed.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/friendfeed.png" /></a><a href="http://yahoo.com" onclick="window.open ('http://www.yahoo.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/yahoo.png" /></a><a href="http://bing.com" onclick="window.open ('http://www.bing.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/bing.png" /></a><a href="http://wordpress.com" onclick="window.open ('http://www.wordpress.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/wordpress.png" /></a><a href="http://amazon.com" onclick="window.open ('http://www.amazon.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/amazon.png" /></a><br />


questo è il codice che mi apre il collegamento in una finestra sopra l'home page del mio sito, fin qui tutto bene, quando clicco il secondo collegamento la finestra si va a posizionare nella barra inferiore aprendomi il link, io pero' vorrei che se clicco 5 link mi si aprissero 5 finestre e che rimarressero tutte in primo piano e che la prima sia sfasata dalla seconda di un po per creare un effetto a scaletta, per favore datemi una mano! Grazie mille.
 
ciao
prova a inserire questi argomenti
1. screenX=number in pixels
Sets the position of the window in pixels from the left of the screen in Netscape 4+.

2. screenY=number in pixels
Sets the position of the window in pixels from the top of the screen in Netscape 4+.

3. left=number in pixels
Sets the position of the window in pixels from the left of the screen in IE 4+.

4. top=number in pixels
Sets the position of the window in pixels from the top of the screen in IE 4+.
Clicca per allargare...
eventualmente guarda
http://www.pageresource.com/jscript/jwinopen.htm
 
ciao e grazie per la disponibilità, allora, il codice che mi hai detto tu serve per assegnare una posizione alle finestre? Ma rimangono in primo piano?
 
ciao
scusa, ma non puoi provare
HTML: 
<a href="http://facebook.com" onclick="window.open ('http://www.facebook.com/','mywindow','width=450,height=200,resizable=yes,scrollbars=yes, left=30, top=50');
return false" target="_blank"><img alt="" src="http://www.multypages.com/immagini/facebook.png" /></a>
<!-- eccetera -->
mettendo, per prova, anche lo screenX e screenY ?
 
borgo,allora,l'ho provato e devo dire che ci siamo quasi avvicinati, manca solo il codice esatto per fare rimanere fissa in primo piano ogni finestra che si apre,forza:fonzie:
 
ciao
...manca solo il codice esatto per fare rimanere fissa in primo piano ogni finestra che si apre...
Clicca per allargare...
ho provato anch'io, ma per ora non ho cavato il classico ragno da un buco.
penso che si debba passare a un js.
sant'alex pensaci tu
 
Onorevoli...

per mantenere una pop up in primo piano ci vuole la funzione focus()
il problema è che nel momento in cui si clicca nell'altro pulsante la prima pop-up
passa in secondo piano. Quindi con un trucchetto ho invertito i 2 focus()

si potrebbe migliorare con dei pulsanti e quindi un form

http://max400scuola.altervista.org/aaa/2popup-in-primo-piano.html

lo script
PHP: 
<script>
function uno(){
cucu=window.open('http://www.facebook.com/','cucu9','toolbar=yes,alwaysRaised=yes,scrollbars=yes,width=400,height=200');
banana.focus();
}

function due(){
banana=window.open('http://www.facebook.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}
</script>

<br><br><br><br><br><br><br><br><br><br><br><br>_______________________
<a href="#" onclick="uno()"><img  src="http://www.multypages.com/immagini/facebook.png" /></a>

<a href="#" onclick="due()"><img src="http://www.multypages.com/immagini/facebook.png" /></a>

il parametro alwaysRaised=yes non serve
poi non so se si può fare di meglio per il momento vedete un po l'esempio.
 
grazie max per l'interessamento, il tuo esempio funziona alla grande, però ho provato ad aggiungere gli altri link e siamo punto e accapo,forse ho sbagliato i parametri.

Codice: 
<script>
function uno(){
cucu=window.open('http://www.facebook.com/','cucu9','toolbar=yes,alwaysRaised=yes,scrollbars=yes,width=400,height=200');
banana.focus();
}

function due(){
banana=window.open('http://www.youtube.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}

function tre(){
banana=window.open('http://www.friendfeed.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}

function quattro(){
banana=window.open('http://www.yahoo.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}


function cinque(){
banana=window.open('http://www.bing.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}


function sei(){
banana=window.open('http://www.wordpress.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}


function sette(){
banana=window.open('http://www.amazon.com/','mywindow2','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=50');
cucu.focus();
}











</script>

<a href="#" onclick="uno()"><img  src="http://www.multypages.com/immagini/facebook.png" /></a>

<a href="#" onclick="due()"><img src="http://www.multypages.com/immagini/youtube.png" /></a>  

<a href="#" onclick="tre()"><img src="http://www.multypages.com/immagini/friendfeed.png" /></a>  

<a href="#" onclick="quattro()"><img src="http://www.multypages.com/immagini/yahoo.png" /></a>  

<a href="#" onclick="cinque()"><img src="http://www.multypages.com/immagini/bing.png" /></a>  

<a href="#" onclick="sei()"><img src="http://www.multypages.com/immagini/wordpress.png" /></a>  

<a href="#" onclick="sette()"><img src="http://www.multypages.com/immagini/amazon.png" /></a>


dal terzo link le finestre si spostano nuovamente in basso, guardate la fila di link direttamente da qui:

http://www.multypages.com

è l'ultima fila di icone
 
Caronte... Caronte... Caronte...

Non bisogna copiare a pappagallo bisogna ragionare.:book:

Ogni volta che apri una pop-up devi dare il focus() a tutte le altre pop-up.

Quando clicchi su una pop-up e poi clicchi sulla seconda, quest'ultima non farà altro
che richiamare la prima... ma nello stesso tempo anche le altre (se sono aperte)

Vediamo se adesso ci riesci. :mavieni:

In bocca al lupo.
 
max max max non ci riesco, per il semplice motivo che non ho mai fatto queste cose, mi daresti tu il codice? Ho visto che te ne intendi parecchio.Grazie
 
Ultima modifica:
Ecco qui il codice e anche un esempio...

Codice: 
<script>
function uno(){
pop1=window.open('http://www.facebook.com/','cucu9','toolbar=yes,alwaysRaised=yes,scrollbars=yes,width=400,height=200');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}

function due(){
pop2=window.open('http://www.youtube.com/','mywindow2','width=450,height=200,resizable=yes,scrollbars=yes,left=430,top=50');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}

function tre(){
pop3=window.open('http://www.friendfeed.com/','mywindow3','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=460,top=60');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}

function quattro(){
pop4=window.open('http://www.yahoo.com/','mywindow4','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=480,top=70');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}


function cinque(){
pop5=window.open('http://www.bing.com/','mywindow5','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=100');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}


function sei(){
pop6=window.open('http://www.wordpress.com/','mywindow6','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=430,top=150');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}


function sette(){
pop7=window.open('http://www.amazon.com/','mywindow7','width=450,height=200,alwaysRaised=yes,resizable=yes,scrollbars=yes,left=470,top=150');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}

</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#" onclick="uno()"><img  src="http://www.multypages.com/immagini/facebook.png" /></a>
<a href="#" onclick="due()"><img src="http://www.multypages.com/immagini/youtube.png" /></a>  
<a href="#" onclick="tre()"><img src="http://www.multypages.com/immagini/friendfeed.png" /></a>  
<a href="#" onclick="quattro()"><img src="http://www.multypages.com/immagini/yahoo.png" /></a>  
<a href="#" onclick="cinque()"><img src="http://www.multypages.com/immagini/bing.png" /></a>  
<a href="#" onclick="sei()"><img src="http://www.multypages.com/immagini/wordpress.png" /></a>  
<a href="#" onclick="sette()"><img src="http://www.multypages.com/immagini/amazon.png" /></a>


http://max400scuola.altervista.org/aaa/apop-up.html

PS: un ultima cosa... ma perchè devi aprire tante pop-up?
non puoi semplicemente creare un iframe bello grande al "centro-sopra"
e cliccando sui vari loghi... visualizzi i vari link... in quello spazio?
oppure una sola pop-up in cui vengono visualizzati tutti i vari link?


Ma dov'è finito il gatto?
Se non c'è il gatto non posso lavorare...

il gatto! il gatto! il gatto!

gtt2.gif
 
ciao
Ma dov'è finito il gatto?
Se non c'è il gatto non posso lavorare...
Clicca per allargare...
non ti preuccupare il gatto c'è!
come detto più volte non riesco molto a fare i js, ma mutuando da php non si potrebbe fare una sola functione
<script>
function uno(pinco){
if(pinco=='1'){
pop1=window.open('http://www.facebook.com/','cucu9','toolbar=yes,alwaysRaised=yes,scrollbars=yes,width=400,height=200');
pop1.focus();pop2.focus();pop3.focus();pop4.focus();pop5.focus();pop6.focus();pop7.focus();
}else if(pinco =='2'){
pop2=//ecc......
}//eccetera o con un switch?
}
 
Grazie ragazzi per l'interessamento, non riesco a starvi dietro pero'! Oggi provo un attimo i codici. Il fatto dei pop up è perchè ho un'idea rivoluzionaria in testa, un sito particolare.
 
E' tornato il gattoooooooooo!!! - Sono contento!

il gatto il gatto il gatto

Signor Gattino,
certamente si può fare tutto in un' unica funzione

esempio con if ed else
Codice: 
<script>

var pinco=0;

function banana(){
if(pinco==1){
alert("pinco1");    //apri pop1
}else if(pinco ==2){
alert("pinco2");     //apri pop2
}//eccetera o con un switch?
} 

</script>

<a href="#" onClick="pinco=1;banana();">pinco 1</a><br>
<a href="#" onClick="pinco=2;banana();">pinco 2</a><br>


Spiegazione del codice:
Inizializzo la variabile pinco con valore 0 (var pinco=0)
e nell'href cambio la variabile e rilancio la funzione
come quando si gioca alla roulette (ih ih ih)

mutley.gif


esempio con switch
Codice: 
<script>
var pinco=0;

function banana(){
switch(pinco){
case 1:
alert("pinco1");    //apri pop1
break
case 2:
alert("pinco2");     //apri pop2
break
default:
alert(" '  ' ")
break
}
} 
</script>

<a href="#" onClick="pinco=1;banana();">pinco 1</a><br>
<a href="#" onClick="pinco=2;banana();">pinco 2</a><br>
<a href="#" onClick="pinco=' ';banana();">pinco ' '</a><br>



Spiegazione del codice:
Inizializzo la variabile pinco con valore 0 (var pinco=0)
e nell'href cambio la variabile e rilancio la funzione
switch è la stessa cosa di if ed else dove troviamo al posto di if (se)
l'operatore case e al posto di else (altrimenti) troviamo default

@caronte: a me i pop-up mi fanno salire i nervi, creano confusione,
preferisco un bel iframe centrale bello grande su cui visualizzare tutte le pagine
oppure una sola pop-up sui cui visualizzare i vari contenuti.
 
Ultima modifica:
Max ma per iframe intendi una specie di finestra con tutti i siti già aperti all'interno, una sorta di grande pop up centrale? Si, sarebbe una bella cosa se così fosse.
 
2 cose distinte e separate

l'iframe sta dentro la pagina e la pop-up esterna...
appena possibile ti faccio qualke esempio :book:

a più tardi.. adesso devo dare da mangiare al gatto!
whiskas-pata-con-coniglio-e.jpg

al mio gatto piace la carne di coniglio

la seduta è aggiornata a stasera...

au revoir
by max_400
 
riusciresti a fare una roba del genere?

2uqkegh.png


Di modo che cliccando una delle finestre rimanga in primo piano?

Mi hai fatto venire un'idea,grazie
 
Ultima modifica:
Devi accedere o registrarti per poter rispondere.

Discussioni simili

C
  • Bloccata
[Joomla] [HTML] Modifica codice per adattamento app
Risposte
18
Visite
6K
Joomla
Max 1
Max 1
D
  • Bloccata
[PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe
Risposte
0
Visite
2K
PHP
direttaborsa
D
D
[RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe
Risposte
2
Visite
2K
Offerte e Richieste di Lavoro e/o Collaborazione
linoma
L
B
PHP e JQUERY per scrivere codice html dinamicamente
Risposte
2
Visite
3K
PHP
Brododipollo
B
F
[HTML] Navbar interferisce con codice per effetto parallax
Risposte
2
Visite
2K
HTML e CSS
Francesc4052
F
R
Codice html per zoomare all' interno di un' immagine
Risposte
1
Visite
3K
HTML e CSS
Max 1
Max 1
M
[Magento] [HTML] Codice per articoli in vetrina
Risposte
1
Visite
2K
Magento
Max 1
Max 1
M
Creazione codice html per far prelevare un banner
Risposte
3
Visite
4K
HTML e CSS
Marco_78
M
B
Inserire codice html per visualizzazione in altro sito web
Risposte
3
Visite
2K
HTML e CSS
criric
criric
A
Codice html per finestra pop up per blogger
Risposte
1
Visite
3K
WordPress
alessandro1997
alessandro1997
S
codice html per immagini visitate
Risposte
2
Visite
2K
HTML e CSS
sabba90
S
M
codice JAVASCRIPT per avere box HTML con data-ora
Risposte
0
Visite
2K
Ajax
Marcog1956
M
F
Generazione codice html per link "tracciabile"
Risposte
10
Visite
3K
HTML e CSS
frk
F
I
codice html Photogallery per un forum esistono?
Risposte
8
Visite
4K
HTML e CSS
PoLe
PoLe
P
guida di dreamweaver per creare codice html pulito
Risposte
1
Visite
3K
Webdesign e Grafica
bluroy
bluroy
C
codice html per chat
Risposte
3
Visite
10K
HTML e CSS
www.vrbe.org
W
G
Codice html
Risposte
1
Visite
2K
Javascript
iTonto
I
L
salvare codice html in mysql
Risposte
3
Visite
3K
PHP
ServWise.com
S
M
[PHP] Istruzione "echo" all'interno di codice html
Risposte
2
Visite
1K
PHP
maxus68
M
M
[PHP] Come inserire codice html in un ciclo while
Risposte
2
Visite
2K
PHP
macus_adi
macus_adi
Alto Basso