Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309

    parentNode, childNode ma come funzionano?

    Salva a tutti vi espongo subito il problema, ho una tabella fatta in questo modo:
    Codice PHP:
    <table cellSpacing="0" cellPadding="0" width="99%" align="right" border="0">
        <
    tr>
            <
    td>
                [
    img]layout/foto.gif[/img]
            </
    td>
            <
    td>
                
    Testo seconda cella
            
    </td>
            <
    td>
                
    Testo terza cella
            
    </td>
        </
    tr>
        <
    tr>
            <
    td>
                [
    img]layout/foto.gif[/img]
            </
    td>
            <
    td>
                
    Testo seconda cella
            
    </td>
            <
    td>
                
    Testo terza cella
            
    </td>
        </
    tr>
        <
    tr>
            <
    td>
                [
    img]layout/foto.gif[/img]
            </
    td>
            <
    td>
                
    Testo seconda cella
            
    </td>
            <
    td>
                
    Testo terza cella
            
    </td>
        </
    tr>
        <
    tr>
            <
    td>
                [
    img]layout/foto.gif[/img]
            </
    td>
            <
    td>
                
    Testo seconda cella
            
    </td>
            <
    td>
                
    Testo terza cella
            
    </td>
        </
    tr>
    </
    table
    Nella funzione miaFunzione mi recupero l'id della foto, ora però con parentNode o chilNode, o in qualche altro modo vorrei prendere tutto il "<tr>" che contiene l'immagine selezionata, come faccio...

    Esempio se clicco sulla foto1
    Codice PHP:
    <tr>
            <
    td>
                [
    img]layout/foto.gif[/img]
            </
    td>
            <
    td>
                
    Testo seconda cella
            
    </td>
            <
    td>
                
    Testo terza cella
            
    </td>
        </
    tr
    Ciao By Peter_Pan...

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    il tr corrispondente e'
    document.getElementById(parametro_miaFunzione).par entNode.parentNode
    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309
    prima di tutto grazie per la soluzione, poi volevo chiedere, ora che mi son o riuscito a recuperare tutta la riga che mi interessa, come faccio ad inserirla in una tabella, cioè io ho una tabella con delle righe, voglio inserire questa riga che mi sono prelevato alla fine di questa tabella, c'è un sistema?? tipo append??
    Ciao By Peter_Pan...

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309
    sto cercando di farcela da solo ma non funciona vi posto un po quello che ho fatto, magari ci potete dare un occhio:
    Ora ho due tabelle, una da cui copio la riga e l'altra in cui scrivo:
    Tabella da copiare:
    Codice PHP:
    <table cellSpacing="0" cellPadding="0" width="99%" align="right" border="0"
        <
    tr
            <
    td
                [
    img]layout/foto.gif[/img
            </
    td
            <
    td
                
    Testo seconda cella 
            
    </td
            <
    td
                
    Testo terza cella 
            
    </td
        </
    tr
        <
    tr
            <
    td
                [
    img]layout/foto.gif[/img
            </
    td
            <
    td
                
    Testo seconda cella 
            
    </td
            <
    td
                
    Testo terza cella 
            
    </td
        </
    tr
        <
    tr
            <
    td
                [
    img]layout/foto.gif[/img
            </
    td
            <
    td
                
    Testo seconda cella 
            
    </td
            <
    td
                
    Testo terza cella 
            
    </td
        </
    tr
        <
    tr
            <
    td
                [
    img]layout/foto.gif[/img
            </
    td
            <
    td
                
    Testo seconda cella 
            
    </td
            <
    td
                
    Testo terza cella 
            
    </td
        </
    tr
    </
    table
    mentre la tabella in cui devo copiare ha una sola riga nascosta che io poi clonerò:
    Codice PHP:
    <table cellspacing='0' cellpadding='3' rules='rows' bordercolor='#E7E7FF' border='1' id='dtgTecniciNew' style='background-color:White;border-color:#E7E7FF;border-width:1px;border-style:None;width:100%;border-collapse:collapse;'>
                                    <
    tr style="display:none" id="trEsempio" class="IT_Tabelle" style="color:#0A497A;background-color:#EFF6DE;font-size:Smaller;">
                                        <
    td align="Center"></td>
                                        <
    td align="Left"></td>
                                        <
    td align="Left"></td>
                                        <
    td align="Left"></td>
                                        <
    td align="Left"></td>
                                        <
    td align="Right"></td>
                                        <
    td align="Left"></td>
                                        <
    td align="Right"></td>
                                    </
    tr>
                                </
    table
    Lo script fa la seguente cosa:
    Codice PHP:
    function miaFunzione(sender){ 
            var 
    oDolly=parent.window.document.getElementById("trEsempio"), 
            
    p=oDolly.parentNode
            
    oNew=oDolly.cloneNode(true); 


            
    oNew.removeAttribute("id"); 
            
    oNew.style.display=""

            

            
    sender=sender.parentNode

            
            
    var rowNew "";
            
            for (var 
    i=0i<8i++) {
                
    sender=sender.nextSibling
                
    oNew.firstChild.innerHTML=sender.innerHTML;
                
    alert(oNew.firstChild.innerHTML)
                
    p.appendChild(oNew); 
                
    //oNew=null; 
                //p=null; 
                
    oDolly=null;
            }
    }; 
    il tutto mi funziona ma in parte, mi aggiunge una riga con solo una cella e all'interno mette il contenuto dell'ultima cella della tabella da copiare??
    Ciao By Peter_Pan...

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309
    magari interessa a qualcuno, RISOLTO...
    ecco il codice:
    Codice PHP:
    function addToList(senderidOldOggetto){ 
            var 
    oDolly=parent.window.document.getElementById("trEsempio"), 
        
    p=oDolly.parentNode
        
    oNew=oDolly.cloneNode(true); 

            
    oNew.removeAttribute("id"); 
            
    oNew.style.display=""

            
    sender=sender.parentNode
            oNew
    .firstChild.innerHTML="<a href=Javascript:rimuovi(\'"+idOldOggetto+"\')>"+idOldOggetto+"</a>";
            
            for (var 
    i=0i<7i++) {
                
    sender=sender.nextSibling;
                
    oNew.childNodes.item(i+1).innerHTML=sender.innerHTML;
                
    p.appendChild(oNew); 
                
    oDolly=null;
            }
    }; 
    le due tabelle restano invariate, faccio una precisazione in questa stringa (var oDolly=parent.window.document.getElementById("trEs empio"), ) uso parent.wondow perchè la tabella da cui copiare si trova in un iframe..
    Ciao By Peter_Pan...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.