La finestra non cambia colore

**lanvoel** · 05-02-2018, 23:32

Nel programma che riporto qui sotto, introduco una finestra popup rossa e poi con l'istruzione
nuovaFinstra.document.bgColor="cyan";
vorrei cambiare colore in cyan, ma non solo la finestra non cambia colore, ma si nasconde dietro la finestra corrente. Perché queste due anomalie? Grazie

lanvoel

codice:

<html>
<head>
<script language=JavaScript>
var nuovaFinestra
function apriFinestra()
{
nuovaFinestra = window.open("rosso.htm", "miaFinestra", "width=400,height=200,left=500,top=500");
}
function cambiaColore()
{
nuovaFinstra.document.bgColor="cyan";
}
</script>
</head>
<body>
<form name="form1">
<input type="button" value="apri finestra" onclick="apriFinestra()"><br><br>
<input type="button" value="cambia colore" onclick="cambiaColore()">
<form>
</body>
</html>

pagina rosso.htm

<html>
<body bgColor="red">
<h1>pagina htm.rosso</h1>
</body>
</html>

**lanvoel** · 05-02-2018, 23:43

Chiedo scusa, ma appena ho inviato la discussione, mi sono accorto dell'errore di battitura in nuovaFinstra, dove manca la "e"
nuovaFinstra.document.bgColor="cyan";
correggendo il quale la finestra cambia colore e diventa cyan, ma resta sempre l'anomalia che la finestra, pur avendo cambiato colore, si nasconde dietro la finestra corrente. Desidererei sapere cosa fare per conservarla in vista. Grazie

lanvoel

**m4rko80** · 06-02-2018, 12:30

Ciao, provando il codice il popup si apre correttametne e il colore di sfondo anche.
Ovviamente se premi qualcosa sulla finestra sottstante , questa nuova finestra passa in secondo piano.
Se provi direttamente da questa pagina dalla console:
[code]
nuovaFinestra = window.open("http://forum.html.it/forum/showthread.php?threadid=2964241", "miaFinestra", "width=400,height=200,left=500,top=500");
nuovaFinestra.document.bgColor = 'red';
window.focus();
[code]
Vedrai che funziona tutto correttamente.

**lanvoel** · 06-02-2018, 19:08

Originariamente inviata da m4rko80

Se provi direttamente da questa pagina dalla console:

Non sono esperto; come si prova direttamente da questa pagina dalla console? Grazie

lanvoel

**m4rko80** · 07-02-2018, 09:36

Premendo F12 su Chrome o firefox (CTRL + SHIFT + J) https://developers.google.com/web/to...tools/console/
Ti si apre il pannello web developer dove puoi vedere molte cose utili per sviluppatori e intercettare/ispezionare svariate cose.
Se inserisci in console i comandi qui sotto vedrai che funzionano. Mi viene quindi da pensare che ci sia altro a monte o forse non ho capito io cosa esattamente vuoi che avvenga?

codice:

nuovaFinestra = window.open("http://forum.html.it/forum/showthread.php?threadid=2964241", "miaFinestra", "width=400,height=200,left=500,top=500");
nuovaFinestra.document.bgColor = 'red';
nuovaFinestra.focus();

**lanvoel** · 07-02-2018, 12:11

Grazie m4rko80,
io abitualmente per provare i programmi uso l'editor di FrontPage o semplicemente di NotePad.
Ciò che desidero è che funzionino regolarmente queste tre istruzioni:
1) nuovaFinestra = window.open("rosso.htm", "miaFinestra", "width=800,height=200,left=500,top=250");
2) nuovaFinestra.document.bgColor = 'red';
3) nuovaFinestra().close();
La 1) qualche volta funziona, ma qualche volta stranamente, non so perché, non funziona
La 2) Funziona ma porta pagina nuovaFinestra dietro quella corrente, invece di restare in primo piano
La 3) che ho aggiunto al programma, non chiude nuova Finestra ma come 1) la porta in secondo piano
NB: la pagina rosso.htm si trova nella cartella del programma

lanvoel

codice:

nuovaFinestra().close();

<html>
<head>
<script language=JavaScript>
var nuovaFinestra
function apriFinestra()
   {
   nuovaFinestra = window.open("rosso.htm", "miaFinestra", "width=800,height=200,left=500,top=250");
   window.focus();
   }
function cambiaColore()
   {
    nuovaFinestra.document.bgColor = 'red';
    window.focus();
   }
function chiudiFinesttra()
   {
   nuovaFinestra().close();
   }
</script>
</head>
<body>
<form name="form1">
<input type="button" value="apri finestra" onclick="apriFinestra()"><br><br>
<input type="button" value="cambia colore" onclick="cambiaColore()"><br><br>
<input type="button" value="chiudi la finestra" onclick="chiudiFinestra()"><br><br>
<form>
</body>
</html>
 
pagina rosso.htm
<html>
<body bgColor="red">
<H1>pagina rosso.htm<H1>
</body>
</html>

Discussione: La finestra non cambia colore

Strumenti discussione

Ricerca discussione

Visualizza

La finestra non cambia colore

Permessi di invio