Ciao a tutti,

sono nuovo del forum e neofita dell'html e di tutti gli annessi e connessi; mi scuso quindi da subito se sto postando nella sezione sbagliata e/o se non userò termini tecnici.

Vado diretto al punto: il mio obiettivo è quello, cliccando su una foto si una pagina web, di far aprire una nuova finestra nella quale caricare un'immagine di sfondo ed immettere alcuni dati, organizzati in una tabella, tramite uno script.

Sono riuscito a produrre qualcosa, magari non di ottimizzato o elegante, ma in grado di funzionare con Firefox, Crome ed il Browser Internet di vari smartphone; mentre non riesco a venire a capo di come farlo funzionare con Explorer: l'unico effetto che ottengo è quello di fare aprire una nuova finestra. Potete aiutarmi?

Riporto di seguito il codice:
codice:
<html >
  <head>
    <script language="javascript">
      function carta(par_0,par_1,par_2)
        {
        var tbl_ci  = document.createElement("table");
            tbl_ci.style.background = "url('immagini/sfondo.jpg')";
        
        var tr_ci = document.createElement("tr");
            tbl_ci.appendChild(tr_ci);
        
        var td_lf = document.createElement("td");
            tr_ci.appendChild(td_lf);
        
        var td_rg = document.createElement("td");
            tr_ci.appendChild(td_rg);
            
        var tbl_lf  = document.createElement('table');
            td_lf.appendChild(tbl_lf);

        var tr1_lf = document.createElement("tr");
            tbl_lf.appendChild(tr1_lf);
            
        var td1a_lf = document.createElement("td");
            tr1_lf.appendChild(td1a_lf);

        var variabile = document.createElement("font");
            variabile.appendChild(document.createTextNode('Campo 1'));
            td1a_lf.appendChild(variabile);
            
        var td1b_lf = document.createElement("td");
            tr1_lf.appendChild(td1b_lf);
            
        var variabile1 = document.createElement("font");
            variabile1.appendChild(document.createTextNode(par_1));
            td1b_lf.appendChild(variabile1);
           
        var tr2_lf = document.createElement("tr");
            tbl_lf.appendChild(tr2_lf);
            
        var td2a_lf = document.createElement("td");
            tr2_lf.appendChild(td2a_lf);
            
        var variabile2 = document.createElement("font");
            variabile2.appendChild(document.createTextNode('Campo 2'));
            td2a_lf.appendChild(variabile2);
            
        var td2b_lf = document.createElement("td");
            tr2_lf.appendChild(td2b_lf);

        var variabile3 = document.createElement("font");
            variabile3.appendChild(document.createTextNode(par_2));
            td2b_lf.appendChild(variabile3);
            
        var tbl_rg  = document.createElement('table');
            td_rg.appendChild(tbl_rg);
                    
        var tr1_rg = document.createElement("tr");
            tbl_rg.appendChild(tr1_rg);
            
        var td1_rg = document.createElement("td");
            tr1_rg.appendChild(td1_rg);
           
        var foto = document.createElement("img");
            foto.src = par_0;
            td1_rg.appendChild(foto);  

         var html = "<html><head><link rel='stylesheet'   href='css/style.css'  type='text/css'   media='screen'/></head><body></body></html>"
        
        var page = window.open('','newWin','scrollbars=no,status=no,resizable=no,top=50,left=150,width=591,height=450');
            page.document.write(html)
            page.document.body.appendChild(tbl_ci);
            page.document.close()
        }    
     </script>
  </head>
    
  <body>
    <center>
      <table border="0" width="800">
        <tbody>
          <tr align="center" >
            <td>
              <a href="#" onclick="carta('immagini/foto.jpg','BLA','BLA')">
                <img  src="immagini/foto.jpg"/>
              </a>
            </td>
          </tr>
        </tbody>
      </table>
    </center> 
  </body>
</html>