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

max_400 · 19 Set 2011

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

Codice:

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

Codice:

<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

Codice:

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

Codice:

<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 · 20 Set 2011

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 · 20 Set 2011

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 · 20 Set 2011

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

caronte · 20 Set 2011

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

---Credo di aver risolto

max_400 · 20 Set 2011

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 · 20 Set 2011

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.

Codice:

<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 · 20 Set 2011

Guarda un po se ti va bene questo...

effetto scaletta

Codice:

<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

Codice:

<center>
tuo testo
</center>

invece su esplorer devo scrivere più specificato

Codice:

<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 · 20 Set 2011

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 · 20 Set 2011

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 · 20 Set 2011

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?

Codice:

<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 · 20 Set 2011

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)

Codice:

<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 · 20 Set 2011

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 · 20 Set 2011

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 · 20 Set 2011

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 · 20 Set 2011

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

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

max_400

Utente Attivo

borgo italia

Super Moderatore

caronte

Nuovo Utente

borgo italia

Super Moderatore

caronte

Nuovo Utente

max_400

Utente Attivo

caronte

Nuovo Utente

max_400

Utente Attivo

caronte

Nuovo Utente

max_400

Utente Attivo

caronte

Nuovo Utente

max_400

Utente Attivo

caronte

Nuovo Utente

max_400

Utente Attivo

caronte

Nuovo Utente

max_400

Utente Attivo

Discussioni simili

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

Utente Attivo

Super Moderatore

Nuovo Utente

Super Moderatore

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Discussioni simili

Privacy & Transparency

Privacy & Transparency