chiudere elemento creato dinamicamente

[adelefxxxbooob]

una piccola domanda...
prima posto il codice...

function new_window(altezza,larghezza,titolo,contenuto,x_div,y_div,t_div){

var x = x_div ;
var y = y_div ;
var t = t_div ;
 
 /*creo la tabella*/
 table = document.createElement("table");
 table.setAttribute("id","table")
 table.setAttribute("border","0")    
 table.setAttribute("height",altezza)    
 table.setAttribute("width",larghezza)    

    /*poi la prima colonna con il titolo*/    
    tr1 = document.createElement("tr");
    tr1.setAttribute("id","titolo")
    tr1.setAttribute("height","5%")
    tr1.setAttribute("width","90%")
    
              td1 = document.createElement("td");
                  td1.setAttribute("id","titolo")            
                      titolo = document.createTextNode(titolo);
        
   
                     minimize = document.createElement("img");
                 minimize.setAttribute("src","buttons/1.png")    
                 minimize.setAttribute("style","left:"+x+"px")
                 minimize.setAttribute("id","minimize")            


                     maximize = document.createElement("img");
                 maximize.setAttribute("id","maximize")    
             maximize.setAttribute("style","left:"+y+"px")    
                 maximize.setAttribute("src","buttons/2.png")    

                     close = document.createElement("img");
                 close.setAttribute("id","close")    
                 close.setAttribute("onclick","")
                 close.setAttribute("style","left:"+t+"px")
                 close.setAttribute("src","buttons/close.png")    
 

     /*poi la seconda con dentro il contenuto*/
    tr2 = document.createElement("tr");
    tr2.setAttribute("id","contenuto")
    tr2.setAttribute("height","90%")
    
              td2 = document.createElement("td");
                  td2.setAttribute("id","contenuto")            
                      contenuto1 = contenuto;
 
     /*infine la terza colonna con i crediti*/
        tr3 = document.createElement("tr");
    tr3.setAttribute("id","foot")
    tr3.setAttribute("height","5%")
    
              td3 = document.createElement("td");
                 td3.setAttribute("id","foot")            
                     foot = document.createTextNode("Crediti.");
                        
 /*poi unisco il tutto*/          
        table.appendChild(tr1);
    table.appendChild(tr2);
    table.appendChild(tr3);
        tr1.appendChild(td1);
        td1.appendChild(minimize);
        td1.appendChild(maximize);
        td1.appendChild(close);
    td1.appendChild(titolo);
        tr2.appendChild(td2);
    td2.innerHTML = contenuto1 ;     
        tr3.appendChild(td3);
    td3.appendChild(foot);
    
/*e l'incollo*/
     document.getElementById("tab_w").appendChild(table)
} 

vorrei che quando clicco su questa immagine
(

 close = document.createElement("img");
	             close.setAttribute("id","close")	
	             close.setAttribute("onclick","")
	             close.setAttribute("style","left:"+t+"px")
	             close.setAttribute("src","buttons/close.png")

)

si chiuda tutta la tabella.

come posso fare??
grazie 1000!

[fcaldera]

innanzitutto cambia id alla tabella,

table.setAttribute("id","table")


perchè usare come identificatore 'table' (esattamente come il tag) può comportare problemi inaspettati e imprevedibili.

se modifichi ad esempio in

table.setAttribute("id","tabella")


puoi scrivere ad esempio

close.setAttribute("onclick", function() {
dcument.getElementById('tabella').style.display = 'none';
});

[adelefxxxbooob]

non funziona...

p.s. ti eri dimenticato la o in document XD

p.s.2 non funziona lo stesso XD

[adelefxxxbooob]

up

[fcaldera]

posta il codice dopo le modifiche (meglio ancora un link per vedere la pagina)

[adelefxxxbooob]

ecco il codice:

function new_window(altezza,larghezza,titolo,contenuto,x_div,y_div,t_div){

var x = x_div ;
var y = y_div ;
var t = t_div ;

/*creo la tabella*/
table = document.createElement("table");
table.setAttribute("id","table")
table.setAttribute("border","0")    
table.setAttribute("height",altezza)    
table.setAttribute("width",larghezza)    

    /*poi la prima colonna con il titolo*/    
    tr1 = document.createElement("tr");
    tr1.setAttribute("id","titolo")
    tr1.setAttribute("height","5%")
    tr1.setAttribute("width","90%")
    
              td1 = document.createElement("td");
                  td1.setAttribute("id","titolo")            
                      titolo = document.createTextNode(titolo);
        
   
                     minimize = document.createElement("img");
                 minimize.setAttribute("src","buttons/1.png")    
                 minimize.setAttribute("style","left:"+x+"px")
                 minimize.setAttribute("id","minimize")            


                     maximize = document.createElement("img");
                 maximize.setAttribute("id","maximize")    
             maximize.setAttribute("style","left:"+y+"px")    
                 maximize.setAttribute("src","buttons/2.png")    

                     close = document.createElement("img");
                 close.setAttribute("id","close")    
                  close.setAttribute("onclick", function() {document.getElementById('tabella').style.display = 'none';
});
                 close.setAttribute("style","left:"+t+"px")
                 close.setAttribute("src","buttons/close.png")    


     /*poi la seconda con dentro il contenuto*/
    tr2 = document.createElement("tr");
    tr2.setAttribute("id","contenuto")
    tr2.setAttribute("height","90%")
    
              td2 = document.createElement("td");
                  td2.setAttribute("id","contenuto")            
                      contenuto1 = contenuto;

     /*infine la terza colonna con i crediti*/
        tr3 = document.createElement("tr");
    tr3.setAttribute("id","foot")
    tr3.setAttribute("height","5%")
    
              td3 = document.createElement("td");
                 td3.setAttribute("id","foot")            
                     foot = document.createTextNode("Crediti.");
                        
/*poi unisco il tutto*/          
        table.appendChild(tr1);
    table.appendChild(tr2);
    table.appendChild(tr3);
        tr1.appendChild(td1);
        td1.appendChild(minimize);
        td1.appendChild(maximize);
        td1.appendChild(close);
    td1.appendChild(titolo);
        tr2.appendChild(td2);
    td2.innerHTML = contenuto1 ;    
        tr3.appendChild(td3);
    td3.appendChild(foot);
    
/*e l'incollo*/
     document.getElementById("tab_w").appendChild(table)
} 

[fcaldera]

come scritto nel post precedente

table.setAttribute("id","table")

deve diventare

table.setAttribute("id","tabella")

altrimenti document.getElementById('tabella') non restituisce nulla...

[adelefxxxbooob]

niente non funziona lo stesso

[fcaldera]

la javascript console di firefox ti riporterà un qualche errore quando carichi la pagina o quando clicchi sul link...
che dice?

[adelefxxxbooob]

no niente errore se aspetti 10 minuti hosto la pagina