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

[max_400]

il gatto si sta irritando...

Dottor Caronte, prima ritorniamo al discorso precedente...
non mi piace lasciare punti interrogativi...


Per quando riguarda il discorso di utilizzare la stessa pop-up
per prendere i vari siti...

<script>

var pinco=0;

function banana(){
switch(pinco){
case 1:
url="http://www.facebook.com/";
break
case 2:
url="http://www.youtube.com/";
break
default:
alert(" '  ' ")
break
}
variabile=window.open(url,'cucu','toolbar=yes,left=100,scrollbars=yes,width=700,height=200');
variabile.focus();
} 

</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>

ho utilizzato lo switch come suggeriva il gatto in un unica funzione...
ma il gatto suggeriva anche un parametro di funzione

ecco qua (sempre utilizzando la stessa finestra)

<script>
function banana(parametro){
  variabile = window.open(parametro,"cucu","scrollbars=yes,left=200,width=700,height=500,");
variabile.focus();
}
</script>

<a href="javascript:banana('http://forum.mrwebmaster.it')">forum mrwebmaster</a>
<a href="javascript:banana('http://www.youtube.com/')">youtube</a>

poi per quanto riguarda l'iframe c'è un problema per quanto riguarda facebook e youtube
forse un discorso di protezioni ma non si possono incorporare dentro la pagina web
ho provato con altri link e funzionano

<div align=center>
<iframe name="aaa" src="http://pro.html.it" width="700" height="300"></iframe><br>


<a target="aaa"  href="http://forum.mrwebmaster.it">forum mrWebmaster</a><br>
<a target="aaa"  href="http://max400.forumfree.it">forum di max</a><br>
<a target="aaa"  href="http://max400scuola.altervista.org/aaa/_altervista_ht/gtt2.gif">forum del gatto</a><br>
<a target="aaa"  href="http://photos-d.ak.fbcdn.net/hphotos-ak-ash1/27977_126229434055676_123901794288440_321640_6294758_s.jpg">il genio della lampada</a><br>
</div>

infine rispondo al tuo ultimo post "utilizzare i css per iframe a scaletta"
ecco qui un esempio di sovrapposizione di iframe a scaletta (ma i css sono interni)

<div style="position:absolute; top:0px; width:700px; left:150px;z-index:1">

<iframe name="aaa" src="http://pro.html.it" left=100 width="700" height="300"></iframe><br>
</div>

<div style="position:relative; top:50; width:700px;z-index:2">
<iframe name="bbb" src="http://forum.mrwebmaster.it" width="700" height="300"></iframe><br>
</div>

la chiave di tutto è lo z-index e il position. lo z-index più è maggiore più influisce sulla profodità

Per il momento digerisci questo...
Se il gattino sta leggendo chiedo di provare questi script con altri browser per vedere se funzionano
io ho soltanto modzilla firefox.

il gatto il gatto il gatto

 

[borgo italia]

ciao
una brutta notizia
sembra che gli iframe (così come i frame) vengano deprecati e i nuovi bw non li supportino più.
almeno così mi è sembrato di capire.

 

[caronte]

Max solo tu sai come diavolo fai!

Grazie per l'aiuto, allora, ho optato per la seconda funzione e puoi vederne il risultato direttamente sul sito


www.multypages.com

mi dite cosa ne pensate? Potrebbe andare una roba del genere?

 

[borgo italia]

ciao
mi sembra ok
solo una cosa, vicino al titolo (a sx leggermente sotto) appare la classica X di immagine mancante

 

[caronte]

ciao borgo,a me non appare,uso firefox, voi che browser usate?

---Credo di aver risolto

 

[max_400]

E bravo il Dottor Caronte!

www.multypages.com

mi dite cosa ne pensate? Potrebbe andare una roba del genere?

hai usato lo script col parametro di funzione ... come suggeriva il gatto!

Ottimo lavoro!

@il gatto:

ciao
una brutta notizia
sembra che gli iframe (così come i frame) vengano deprecati e i nuovi bw non li supportino più.
almeno così mi è sembrato di capire.

e non la fare tanto tragica non è morto nessuno.


Per quando riguarda la x non vedo niente... io uso solo Firefox!

E per quando riguarda la sovrapposizione dei Frames... Dottor Caronte... hai visto com'era?

 

[caronte]

ciao max! la x con firefox non c'è ma con I.E. si, devo mettermi un attimo a controllare, comunque grazie al vostro aiuto è venuto un buon lavoro, anche se io vorrei appunto fare in modo che le varie finestre si sovrappongano sfalsate una dall'altra,di modo che siano di facile e veloce consultazione e, naturalmente, fare in modo che la finestra in primo piano non faccia sparire le altre (rimaste in background sotto), così si che sarebbe un bel lavoro, anche perchè così com'è ora, il browser deve ogni volta ricaricare la pagina, capisci che avendo già le finestre caricate sarebbe un risparmio di tempo. Non sò se rendo l'idea. Vi posto il codice attuale.

<script>
function banana(parametro){
  variabile = window.open(parametro,"cucu","scrollbars=yes,left=200,width=1030,height=380,");
variabile.focus();
}
</script>

<a href="javascript:banana('http://www.msn.com')"><img alt="" src="http://www.multypages.com/immagini/msn.png" /></a>
<a href="javascript:banana('http://www.picasa.com')"><img alt="" src="http://www.multypages.com/immagini/picasa.png" /></a>
<a href="javascript:banana('http://www.myspace.com')"><img alt="" src="http://www.multypages.com/immagini/myspace.png" /></a>
<a href="javascript:banana('http://www.twitter.com')"><img alt="" src="http://www.multypages.com/immagini/twitter.png" /></a>

<a href="javascript:banana('http://www.delicious.com')"><img alt="" src="http://www.multypages.com/immagini/delicious.png" /></a>
<a href="javascript:banana('http://www.amazon.com')"><img alt="" src="http://www.multypages.com/immagini/amazon.png" /></a>
<a href="javascript:banana('http://www.wordpress.com')"><img alt="" src="http://www.multypages.com/immagini/wordpress.png" /></a>
<a href="javascript:banana('http://www.bing.com')"><img alt="" src="http://www.multypages.com/immagini/bing.png" /></a>

<a href="javascript:banana('http://www.yahoo.com')"><img alt="" src="http://www.multypages.com/immagini/yahoo.png" /></a>
<a href="javascript:banana('http://www.friendfeed.com')"><img alt="" src="http://www.multypages.com/immagini/friendfeed.png" /></a>
<a href="javascript:banana('http://www.facebook.com')"><img alt="" src="http://www.multypages.com/immagini/facebook.png" /></a>
<a href="javascript:banana('http://www.youtube.com/user/carontello')"><img alt="" src="http://www.multypages.com/immagini/youtube.png" /></a>

 

[max_400]

Guarda un po se ti va bene questo...

effetto scaletta

<script>
var pinco=0;

function banana(){
switch(pinco){
case 1:
variabile1 = window.open('http://www.facebook.com/',"cucu1","scrollbars=yes,top=0,left=100,width=500,height=400,");
variabile1.focus();variabile2.focus();
break
case 2:
variabile2 = window.open('http://www.youtube.com/',"cucu2","scrollbars=yes,top=50,left=200,width=500,height=400,");
variabile1.focus();variabile2.focus();
break
default:
alert(" '  ' ")
break
}
} 
</script>

<div align=center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#" onClick="pinco=1;banana();"><img alt="" src="http://www.multypages.com/immagini/facebook.png" /></a>
<a href="#" onClick="pinco=2;banana();"><img alt="" src="http://www.multypages.com/immagini/youtube.png" /></a>

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

forse ho capito il motivo della x
su internet explorer (quella merda di browser) vuole tutto ben specificato

esempio se io devo allineare un testo
su firefox (più intuitivo) basta scrivere

<center>
tuo testo
</center>

invece su esplorer devo scrivere più specificato

<div align="center">
tuo testo
</div>

stessa cosa per le immagini
se non specifico le dimensioni le immagini non si vedono
quindi dovrei aggiungere al tag img i parametri che regolano le dimensioni width e height

Prego al Signor Gattino di verificare la mia tesi anche con altri browser.
Dottor Caronte: ho messo 2 pop-up a scaletta,
gli altri penso che sarai in grado di aggiungerli.

 

[caronte]

Ecco perchè uso firefox!

Ora provo il codice, e poi ti faccio sapere,grazie Max, mi sa che a lavoro ultimato ti becchi una citazione nel sito!




....mmm non mi convince sta cosa delle finestre a scaletta, è un po' un casino, bisognerebbe trovare la posizione giusta per far rimanere ,diciamo, tipo una linguetta della finestra sempre visibile....

max,tu che dici?

 

[max_400]

Però devi mettere anche il gatto!

Ora provo il codice, e poi ti faccio sapere,grazie Max, mi sa che a lavoro ultimato ti becchi una citazione nel sito!

è proprio il gatto che mi dà l'ispirazione...

Dobbiamo fare i telefilms insieme... dal titolo:
Max e il gatto
- squadra omicidi -

Magari un gioco interattivo in Flash
ispirato ai telefilm del Tenente Colombo!

 

[caronte]

Egregio Max, mannaggia,dai un'occhiata al codice che ho scritto,c'è qualcosa che non va, non mi apre che due finestre:incazz:

(ma il "left=" serve per spostarmi di un po' le finestre?

<script>
var pinco=0;

function banana(){
switch(pinco){
case 1:
variabile1 = window.open('http://www.facebook.com/',"cucu1","scrollbars=yes,top=0,left=100,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 2:
variabile2 = window.open('http://www.youtube.com/',"cucu2","scrollbars=yes,top=20,left=200,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 3:
variabile2 = window.open('http://www.delicious.com/',"cucu2","scrollbars=yes,top=40,left=300,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 4:
variabile2 = window.open('http://www.friendfeed.com/',"cucu2","scrollbars=yes,top=60,left=400,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 5:
variabile2 = window.open('http://www.yahoo.com/',"cucu2","scrollbars=yes,top=80,left=500,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 6:
variabile2 = window.open('http://www.bing.com/',"cucu2","scrollbars=yes,top=100,left=600,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 7:
variabile2 = window.open('http://www.wordpress.com/',"cucu2","scrollbars=yes,top=120,left=700,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break
case 8:
variabile2 = window.open('http://www.google.com/',"cucu2","scrollbars=yes,top=140,left=800,width=1000,height=200,");
variabile1.focus();variabile2.focus();
break




default:
alert(" '  ' ")
break
}
} 
</script>

<div align=center>
<br><br>
<a href="#" onClick="pinco=1;banana();"><img alt="" src="http://www.multypages.com/immagini/facebook.png" /></a>
<a href="#" onClick="pinco=2;banana();"><img alt="" src="http://www.multypages.com/immagini/youtube.png" /></a>
<a href="#" onClick="pinco=3;banana();"><img alt="" src="http://www.multypages.com/immagini/delicious.png" /></a>
<a href="#" onClick="pinco=4;banana();"><img alt="" src="http://www.multypages.com/immagini/friendfeed.png" /></a>
<a href="#" onClick="pinco=5;banana();"><img alt="" src="http://www.multypages.com/immagini/yahoo.png" /></a>
<a href="#" onClick="pinco=6;banana();"><img alt="" src="http://www.multypages.com/immagini/bing.png" /></a>
<a href="#" onClick="pinco=7;banana();"><img alt="" src="http://www.multypages.com/immagini/wordpress.png" /></a>
<a href="#" onClick="pinco=8;banana();"><img alt="" src="http://www.multypages.com/immagini/google.png" /></a>





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

 

[max_400]

Caronte... Caronte... Caronte...

non si copia a pappagallo!

1- dovevi cambiare il nome delle variabili
2- aggiugere i vari focus
3- il nome delle finestre pop up (cucu1,cucu2,cucu3,ecc)

ecco lo script completo già testato (by firefox)

<script>
var pinco=0;

function banana(){
switch(pinco){
case 1:
variabile1 = window.open('http://www.facebook.com/',"cucu1","scrollbars=yes,top=0,left=50,width=1000,height=200");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 2:
variabile2 = window.open('http://www.youtube.com/',"cucu2","scrollbars=yes,top=50,left=100,width=300,height=200");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 3:
variabile3 = window.open('http://www.delicious.com/',"cucu3","scrollbars=yes,top=100,left=300,width=1000,height=200");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 4:
variabile4 = window.open('http://www.friendfeed.com/',"cucu4","scrollbars=yes,top=150,left=400,width=1000,height=200,");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 5:
variabile5 = window.open('http://www.yahoo.com/',"cucu5","scrollbars=yes,top=200,left=500,width=1000,height=200,");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 6:
variabile6 = window.open('http://www.bing.com/',"cucu6","scrollbars=yes,top=250,left=600,width=1000,height=200,");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 7:
variabile7 = window.open('http://www.wordpress.com/',"cucu7","scrollbars=yes,top=300,left=700,width=1000,height=200,");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break
case 8:
variabile2 = window.open('http://www.google.com/',"cucu2","scrollbars=yes,top=350,left=800,width=1000,height=200,");
variabile1.focus();variabile2.focus();variabile3.focus();variabile4.focus();variabile5.focus();variabile6.focus();variabile7.focus();
break




default:
alert(" '  ' ")
break
}
} 
</script>

<div align=center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#" onClick="pinco=1;banana();"><img alt="" src="http://www.multypages.com/immagini/facebook.png" /></a>
<a href="#" onClick="pinco=2;banana();"><img alt="" src="http://www.multypages.com/immagini/youtube.png" /></a>
<a href="#" onClick="pinco=3;banana();"><img alt="" src="http://www.multypages.com/immagini/delicious.png" /></a>
<a href="#" onClick="pinco=4;banana();"><img alt="" src="http://www.multypages.com/immagini/friendfeed.png" /></a>
<a href="#" onClick="pinco=5;banana();"><img alt="" src="http://www.multypages.com/immagini/yahoo.png" /></a>
<a href="#" onClick="pinco=6;banana();"><img alt="" src="http://www.multypages.com/immagini/bing.png" /></a>
<a href="#" onClick="pinco=7;banana();"><img alt="" src="http://www.multypages.com/immagini/wordpress.png" /></a>
<a href="#" onClick="pinco=8;banana();"><img alt="" src="http://www.multypages.com/immagini/google.png" /></a>


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

il left sta per sinistra ma se le finestre sono troppo grandi non funzione
quindi ho fatto la prova con la seconda finestra quella di youtube
(in questo caso il left funzionaperchè ho ridotto la finestra)


ma dov'è finito il gatto? Senza di lui non posso lavorare
a stasera...
ciao e buon lavoro!
by max_400

 

[caronte]

Dottor Max, chiedo venia ma non essendo del campo, tra cucu,banane,pappagalli e fuochi non ci capisco un c..., comunque ora provo il codice e sto giro oltre la citazione metto anche una tua foto!
A dopo

Caronte

 

[max_400]

eh si... effettivamente...

tra cucu,banane,pappagalli e fuochi non ci capisco un c...

ah ah ah

hai ragione!
ci vediamo stasera intanto sto facendo il gioco del gatto

http://max400scuola.altervista.org/aaa/gatto-mov.html
si usano i tasti freccette per muovere il gatto e i pulsanti per muovere max

au revoir
by max

 

[caronte]

Allora l'effetto dell'ultimo codice lo potete guardare qui sotto.

però inizio a credere che le finestre sovrapposte non siano poi così utili, fanno un pò di confusione, io avrei la soluzione ma non penso che sia semplice attuarla, anche per un genio come max. (Non me ne voglia):evil:

 

[max_400]

Per il momento mi sembra che sia sufficiente...

...già siamo alla 4a pagina è l'argomento pop-up in primo piano si può considerare risolto.

Se hai altre idee apri una nuova discussione e specifica bene il titolo.

Ma dov'è finito il gatto? - Senza il gatto non posso lavorare...

a domani ciao
by max_400