Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di freetom
    Registrato dal
    Nov 2001
    Messaggi
    3,725

    [js] document.write sulla stessa pagina

    Nell'head di una mia pagina html (MIA.HTML) ho questo mio script funzionante

    function creatabellanumeri() {
    document.write ("
    tabella
    per ulteriori velocissime
    elaborazioni dinamiche");
    document.write ("

    ");
    document.write ("<table align=center border=1 bgcolor=yellow><td width=200>");

    for (X=1; X<=1; X++) {

    for (b=1; b<=90; b++) {

    cambiaconzero();


    red="red";
    msg4="black";
    sep="---";

    document.write ("<form><input name='bottone' type='button' value=" +b+ "onClick=this.style.backgroundColor=msg4;this.styl e.color=red;verificase()'>");

    }
    }
    document.write ("</td></table>");
    }


    Ora il problema è solo.... questo:

    Se faccio partire la funzione richiamandola in qualsiasi punto della pagina il document.write relativo mi crea si la tabella ma in una pagina vuota... mentre io vorrei farla comparire nella stessa MIA.HTML

    Chi mi aiuta?

    Grazie anticipateee

    "Vero sapiente è colui che sa di non sapere" (Socrate)

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    terminata la fase di rendering ogni richiamo a document.write sovrascrive il documento corrente

    cerca con chiave innerHTML per cambiare il contenuto di un elemento (solitamente un div) a cui hai precedentemente assegnato un id
    ciao

  3. #3
    Utente di HTML.it L'avatar di freetom
    Registrato dal
    Nov 2001
    Messaggi
    3,725

    ho provato ad usare innerHTML...

    Anzi grazie per avermi fatto conoscere questo nuovo e potente comando CSS-javascript ma... purtroppo non ho risolto il mio problema..

    infatti da un click su un bottone io devo richiamare la funzione con l'innerHTML (e funziona) e quest'ultima a sua volta richiama la funzione che mi crea la tabella dinamicamente (e funziona) solo che
    ho lo stesso risultato che ottenevo con document.write ovvero mi crea la tabella in una nuova pagina

    Sotto parte del codice interessato (o meglio tutto tranne il bottone...)

    Grazie se puoi dirmi dove erro con innerHTML


    function provacreatabelladinamica() {

    document.write ("<html>");
    document.write ("<body bgcolor=#ffffff>");
    document.write ("<center>");
    document.write ("<font face=verdana color=white>");
    document.write ("
    tabella lotto-superenalotto
    per ulteriori velocissime
    elaborazioni dinamiche");
    document.write ("

    ");
    document.write ("<table align=center border=1 bgcolor=yellow><td width=200>");

    for (X=1; X<=1; X++) {

    for (b=1; b<=90; b++) {

    cambiaconzero();


    red="red";
    msg4="black";
    sep="---";

    document.write ("<form><input name='bottone' type='button' value=" +b+ " onClick='a.push(value);this.style.backgroundColor= msg4;this.style.color=red;verificase()'>");

    }

    }

    document.write ("</td></table>");


    }




    //-----------------

    function azione() {

    document.getElementById('div1').innerHTML=provacre atabelladinamica();

    }
    "Vero sapiente è colui che sa di non sapere" (Socrate)

  4. #4
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Ecco come fare....

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function provacreatabelladinamica() { 
    htmlCode = ""
    
    htmlCode += "
    tabella lotto-superenalotto
    per ulteriori velocissime
    elaborazioni dinamiche"; 
    htmlCode += "
    
    "; 
    htmlCode += "<table align=center border=1 bgcolor=yellow><td width=200>"; 
    htmlCode += "<tr><td>Sono creato automaticamente</td></tr>"; 
    htmlCode += "</table>"; 
    return htmlCode;
    } 
    
    //----------------- 
    
    function azione() { 
    document.getElementById('div1').innerHTML=provacreatabelladinamica(); 
    }
    
    //-->
    </script>
    </head>
    <body>
    <div id="div1"></div>
    <script language="JavaScript" type="text/javascript">
    <!--
    azione();
    //-->
    </script>
    
    </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 © 2025 vBulletin Solutions, Inc. All rights reserved.