Contenuto di un DIV

[kateetak]

Ho guardato ma non ho trovato nulla di soddisfacente nemmeno sul sito sembra di aver trovato nulla di simile http://www.w3.org.

Volevo sapere se è possibile impostare tramite un javascript (quindi dinamicamente ma lato client) il contenuto di un div.

Grazie

[Mich_]

si`, tramite la proprieta` .innerHTML del div stesso:

var str = "codice HTML da inserire, con tutti tag a posto";
document.getElmentById('ID_DEL_DIV').innerHTML = str;

[kateetak]

Sono riuscita ad ottenere l'effetto desiderato ma ho ancora degli errori.

Il mio codice è:

<script language="JavaScript" type="text/javascript">

function mostra(){

  visi="visible";

  var str="<table><tr><th>id</th></tr><tr><td>id</td></tr></table>";
  
  if(document.layers){
    //primo e secondo funzionano insieme
    //solo questo funziona
    document.kateetak.innerHTML = str;
    document.kateetak.visibility=visi;
  }
  if(document.all){
    //solo questo funziona
    document.all.kateetak.innerHTML = str;
    document.all.kateetak.style.visibility=visi;
  }
  if(document.getElementById){
    //solo questo da errore
    //questo in abbinamento con gli altri casi da errore
    //document.getElmentById("kateetak").innerHTML = str;
    document.getElementById("kateetak").style.visibility=visi;
  }
}


</script>


<form name="formName" method="get">
  
  <select name="articoliSelect" size="10" onclick='javascript:mostra()' onblur='javascript:nascondi()'>
    <option>varie option</option>
  </select>

<DIV ID="kateetak" STYLE="position:absolute;visibility:hidden;background:rgb(255,111,111)">Sono un divvolo</DIV>

</form>

Il problema si manifesta nella funzione mostra().

Queste due istruzioni funzionano correttamente sia singolarmente (se le altre 2 sono commentate), sia insieme.

    document.kateetak.innerHTML = str;
    document.all.kateetak.innerHTML = str;

Se tolgo il commento dalla terza quando seleziono una option ho un errore del tipo: Proprietà o metodo non supportati dall'oggetto.
Uso internet explorer come browser.
Sapresti spiegarmi perchè?

[kateetak]

Facendo varie prove ho notato che eseguiva le istruzioni all'interno del secondo e terzo if (quindi document.all e document.getElementById).

Come soluzione provvisoria ho modificato gli if in else-if. Questa non è però una soluzione sicura.

[Mich_]

E` corretto.

Infatti IE5.5 e IE6 rispondoono sia al document.all che al document.getElementById(), per cui far fare due volte la stessa cosa potrebbe dare problemi.

Tieni presente che per NN4 quel codice HTML non funziona: i <div> devono chiamarsi <layer> , ed anche lo script va leggermente ritoccato.