Con un file .js importato in una pagina web, creo dei livelli con relativo contenuto ed un ulteriore livello interno contenente dei link per eliminare dalla pagina un livello a scelta.
Il codice è il seguente
++++++++++++++++++++++++++++++++++++++++++++++
var section1=' prima sezione';
var section2=' seconda sezione';
var section3=' terza sezione';
function ShowLayer(numero,ident){
var identity=ident;
var contenuto=numero;
var newdiv = document.createElement('div');
var newpara = document.createElement('p');
var thetext = document.createTextNode(contenuto);
newpara.appendChild(thetext);
newpara.className="testo";
newdiv.className="proof";
newdiv.id=identity;
// inserimento del livello aggiunto a 'content'
document.getElementById('content').appendChild(newdiv);
var innerdiv = document.createElement('div');
innerdiv.className="idstyle";
// inserimento img "cross" linkata alla funzione chiudi();
var innerdivlink = document.createElement('a');
var innerdivimg= document.createElement('img');
innerdivimg.className="cross";
innerdivimg.src="cross.gif";
innerdivimg.alt="chiudi";
innerdivimg.border=0;
innerdivimg.align="right";
innerdivimg.title="chiudi";
innerdivlink.href="javascript:chiudi("+identity+")";
// inserimento img "arrow.gif" e link ad un'ancora;
var innerdivlink2 = document.createElement('a');
var innerdivimg2= document.createElement('img');
innerdivimg2.className="arrow";
innerdivimg2.src="arrow.gif";
innerdivimg2.alt="top";
innerdivimg2.border=0;
innerdivimg2.align="right";
innerdivimg2.title="torna su";
innerdivlink2.href="#TOP";
// inserimento delle immagini in innerdiv
//arrow
innerdivlink2.appendChild(innerdivimg2);
innerdiv.appendChild(innerdivlink2);
//cross
innerdivlink.appendChild(innerdivimg);
innerdiv.appendChild(innerdivlink);
// inserimento di innerdiv nel livello dinamico aggiunto a 'content'
document.getElementById(identity).appendChild(innerdiv);
// inserimento del paragrafo di testo al livello dinamico
newdiv.appendChild(newpara);
}
function chiudi(livello){
d = document.getElementById('content');
d.removeChild(livello);
}
++++++++++++++++++++++++++++++++++++++++++++++
con IE funziona tutto regolarmente.
Con Netscape non va la funzione "chiudi" mentre con Firefox funziona soltanto la prima volta.
Potete aiutarmi? :byebye:
Il codice è il seguente
++++++++++++++++++++++++++++++++++++++++++++++
var section1=' prima sezione';
var section2=' seconda sezione';
var section3=' terza sezione';
function ShowLayer(numero,ident){
var identity=ident;
var contenuto=numero;
var newdiv = document.createElement('div');
var newpara = document.createElement('p');
var thetext = document.createTextNode(contenuto);
newpara.appendChild(thetext);
newpara.className="testo";
newdiv.className="proof";
newdiv.id=identity;
// inserimento del livello aggiunto a 'content'
document.getElementById('content').appendChild(newdiv);
var innerdiv = document.createElement('div');
innerdiv.className="idstyle";
// inserimento img "cross" linkata alla funzione chiudi();
var innerdivlink = document.createElement('a');
var innerdivimg= document.createElement('img');
innerdivimg.className="cross";
innerdivimg.src="cross.gif";
innerdivimg.alt="chiudi";
innerdivimg.border=0;
innerdivimg.align="right";
innerdivimg.title="chiudi";
innerdivlink.href="javascript:chiudi("+identity+")";
// inserimento img "arrow.gif" e link ad un'ancora;
var innerdivlink2 = document.createElement('a');
var innerdivimg2= document.createElement('img');
innerdivimg2.className="arrow";
innerdivimg2.src="arrow.gif";
innerdivimg2.alt="top";
innerdivimg2.border=0;
innerdivimg2.align="right";
innerdivimg2.title="torna su";
innerdivlink2.href="#TOP";
// inserimento delle immagini in innerdiv
//arrow
innerdivlink2.appendChild(innerdivimg2);
innerdiv.appendChild(innerdivlink2);
//cross
innerdivlink.appendChild(innerdivimg);
innerdiv.appendChild(innerdivlink);
// inserimento di innerdiv nel livello dinamico aggiunto a 'content'
document.getElementById(identity).appendChild(innerdiv);
// inserimento del paragrafo di testo al livello dinamico
newdiv.appendChild(newpara);
}
function chiudi(livello){
d = document.getElementById('content');
d.removeChild(livello);
}
++++++++++++++++++++++++++++++++++++++++++++++
con IE funziona tutto regolarmente.
Con Netscape non va la funzione "chiudi" mentre con Firefox funziona soltanto la prima volta.
Potete aiutarmi? :byebye: