[JS-IE] innerHTML.... su moz su su IE no

[kuarl]

vi posto il seguente codice, non sto li a spiegare cosa fa, io vorrei semplicemente capire xke sotto mozilla va e sotto IE no

var domande = new Array();
var attivo = -1;
var tpl = new Array();
function addQuestion() {
	var type = "";
	var obj = document.getElementById('type');
	type = obj.selectedIndex;
	
	domande[domande.length] = tpl[type];
	reloadTable(domande.length - 1);
}

function reloadTable(active) {
	var obj = document.getElementById('questionList');
	// salva schermata corrente
	if(attivo != -1)
		domande[attivo] = document.getElementById('insertArea').innerHTML;
	// resetta menu
	obj.innerHTML = "";
	for(i = 0; i < domande.length; i++) {
		if(i != active)
			obj.innerHTML += '<tr> <td width="97" height="21" align="center" background="img/scheda-normal.gif">Domanda ' + (i + 1) + '</td> </tr>';
		else 
			obj.innerHTML += '<tr> <td width="97" height="21" align="center" background="img/scheda-hover.gif">Domanda ' + (i + 1) + '</td> </tr>';
	}
	document.getElementById('insertArea').innerHTML = domande[active];
	attivo = active;
}

l'errore explorer lo da quando tento di modificare il contenuto di un tag tramite la proprietà innerHTML....

help!!

[Dennis]

strano... innerHTML su IE funziona benissimo...

prova a linkare la pagina completa

[kuarl]

la pagina interessata è questa:

<div align="center">Modulo di gestione questionari</div>

<table width="95%"  border="0" cellspacing="2" cellpadding="1">
  <tr align="center" bgcolor="#E9E9E9" style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold">
    <td width="5%">Attiva</td>
    <td width="33%">Titolo</td>
    <td width="22%">Professore</td>
    <td width="10%">Data creazione </td>
    <td width="10%">Numero domande </td>
    <td width="10%"></td>
    <td width="10%"></td>
  </tr>
  {row}
  <tr style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;">
    <td align="center"><input name="attiva" type="radio" value="none" {none} style="border:0px; background-color:#FFFFFF;"></td>
    <td colspan="5">Nessuno</td>
    <td align="center"><input name="attiva" type="submit" id="attiva" value="Invia modifiche"></td>
  </tr>
</table>


<table width="95%"  border="0" cellspacing="1" cellpadding="1">
  <tr align="center" bgcolor="#E9E9E9" style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:black">
    <td colspan="5" bgcolor="#E9E9E9">Inserisci nuovo questionario </td>
  </tr>
  <tr>
    <td colspan="5" align="center"><div ID="insert" style="display:inline">
      <table width="100%"  border="0" cellspacing="1" cellpadding="1">
        <tr>
          <td width="40%" style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;">Titolo:</td>
          <td><input name="titolo" type="text" id="titolo" size="60" maxlength="255"></td>
          </tr>
        <tr>
          <td style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;">Tempo concesso: (min) </td>
          <td><input name="tempo" type="text" id="tempo"></td>
        </tr>
        <tr style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;">
          <td>Ordine domande: </td>
          <td>


            <label>
            <input name="ordine" type="radio" style="border:0px; background-color:#FFFFFF;" value="normal" checked>
  Di inserimento</label>
            

            <label>
            <input type="radio" name="ordine" value="random" style="border:0px; background-color:#FFFFFF;">
  Casuale</label>
            

          </p></td>
        </tr>
      </table>
      

		Domande
        

        <table width="90%"  border="0" cellspacing="1" cellpadding="1" style="border:1px solid gray">
          <tr style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;">
            <td width="31%" align="center">Inserisci nuova domanda </td>
            <td width="17%" align="center">Tipologia: </td>
            <td width="35%">
			<select name="type" id="type">
              {questionType}</select>
			</td>
            <td width="17%" align="center"><input type="button" name="Submit" value="Crea nuova domanda" onClick="addQuestion()"></td>
          </tr>
        </table>        
        {importScript}

        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="97" align="right">
			<table ID="questionList" border="0" cellspacing="0" cellpadding="0" style="font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold">
              <!-- 
			  <tr>
                <td width="97" height="21" align="center" background="img/scheda-normal.gif">Domanda 1 </td>
              </tr>
			  -->
            </table>
			</td>
            <td ID="insertArea" align="center" style="font-size: 12px; border-top-color: #CCCCCC; border-top-width: 2px; border-top-style: outset; border-right-style: outset; border-bottom-style: outset; border-left-style: outset; border-left-color: #CCCCCC; border-bottom-color: #CCCCCC; border-right-color: #CCCCCC; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;">
			Caricamento...
			</td>
          </tr>
        </table>
    </div></td>
  </tr>
</table>

purtroppo fa parte di un'applicazione lato server e ci sono parekkie parti che non vengono mostrate, non è neanke scritto bene x ora sto sperimentando alcune soluzioni

[kuarl]

ho riprodotto nuovamente il problema con una pagina semplificata al massimo.... maledetto IE, ma è mai possibile cazzo!

<html>
<script language="javascript" type="text/javascript">
function fuck() {
	var obj = document.getElementById('tab');
	obj.innerHTML += "<tr><td bgcolor=\"#FFFF00\">bastardo di un Explorer!</td></tr>";
}
</script>
<body>
<table width="100" border="0" cellspacing="2" cellpadding="2" ID="tab">
  <tr>
    <td bgcolor="#CCCCCC">sdf</td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC">sdf</td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC">sdf</td>
  </tr>
</table>
<input type="button" name="Submit" value="Pulsante" onClick="fuck();">
</body>
</html>

[Dennis]

Ok, focalizzato il problema.

IE fa fatica a gestire innerHTML sul tag <table>.

Per ovviare al problema

- inserisci la tabella in unl ivello e poi gli metti dentro l'intera tabella scrivendola con innerHTML (che agisce sul livello)

[kuarl]

explorer :quipy:

no a me serve proprio inserire delle righe in una tabella, ora sto provando a fare quello che mi serve con dei div imbottiti di stili...

purtroppo devo tenere in considerazione ie....

[Dennis]

potresti provare a usare il DOM

ricordo una pillola di reale_augello a riguardo (proprio sulle tabelle), adesso si chiama var. Prova a fare una ricerca nel forum, sicuramente la trovi

[kuarl]

Originariamente inviato da Dennis
potresti provare a usare il DOM

ricordo una pillola di reale_augello a riguardo (proprio sulle tabelle), adesso si chiama var. Prova a fare una ricerca nel forum, sicuramente la trovi

ho perso molto tempo dietro al dom... il tutto è dovuto al fatto che ie e moz (i due browser che prendo sempre in considerazione) trattano i nodi in modo diverso... e di solito ora cerco di evitarlo

grazie dell'aiuto comunque :metallica