Visualizzazione dei risultati da 1 a 6 su 6

Discussione: La finestra non cambia colore

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    94

    La finestra non cambia colore

    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>

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    94
    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

  3. #3
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,537
    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.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    94
    Quote Originariamente inviata da m4rko80 Visualizza il messaggio
    Se provi direttamente da questa pagina dalla console:
    Non sono esperto; come si prova direttamente da questa pagina dalla console? Grazie

    lanvoel

  5. #5
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,537
    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();

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    94
    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>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.