Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    2

    modifica stile elementi tabella

    salve a tutti in una tabella di questo tipo vorrei far in modo che al passaggio del mouse nella riga l'elemento input diventasse display:"block"

    codice:
    <table class="g_table"  id="tab1" >
     <tbody>
    <tr onmouseover="evidence(this);" onmouseout="Noevidence(this);" >
    <td> <input type="submit" name="Button1" value="dettagli" id="Button1" style="display:none"> </td>
    <td  </td>
    </tr>
    </tbody>
    </table>
    il problema è che non riesco a capire come selezionare l'elemento input all' interno di <td>
    codice:
     function evidence(m) {
     var tr = document.getElementById("tab1"); //seleziono la tabella
     var cells = tr.getElementsByTagName("td"); //seleziono la riga
    // se per esempio volessi cambiare lo stile della cella o della riga ora potrei fare in                   //questo modo
    m.style.backgroundColor == 'red') 
    m.cells[1].style.backgroundColor == 'blu') 
    }
    ma come faccio a selezionare un elemento all' interno di un <td>, per poter modificarne lo stile?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ciao e benvenuto prova cosi:
    m.cells[1].childNodes[1].style.display='block';
    se non funziona vedi http://www.html.it/pag/15178/i-nodi/
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    Originariamente inviato da oirewe
    // se per esempio volessi cambiare lo stile della cella o della riga ora potrei fare in //questo modo
    codice:
    // omissis
    m.style.backgroundColor == 'red') 
    m.cells[1].style.backgroundColor == 'blu') 
    }
    Questo raccontalo al tuo urologo !
    Ti sei accorto fratello che di quanto hai postato non funziona niente, sì ?
    Hai controllato vero prima di postare, per non far dannare troppo anche il buon viandante sulla via di Damasco che se no pure lui passa oltre e pesto ti lascia ... sì.
    Allora va bene, sei ppeddonato: tre ave marie e quattro bestemmie al governo, e correggi così:

    m.style.backgroundColor = 'red';
    m.cells[1].style.backgroundColor = 'blue';
    }


    Che poi, se in una cella mi ci metti solo un elemento a display: none e nell' altra un Elemento A con niente companatico in mezzo, io nella tabella non ci vedo neanche il Kaiser a cavallo e posso azzeccare a mauserare la TR solo in virtù dei pochi pissel di default per CELLPADDING e CELLSPACING, così va il mondo delle TABLE, lo sai anche questo, sì; allora va' e non peccare più, NON COSI' !!

    Originariamente inviato da cavicchiandrea
    Ciao e benvenuto prova cosi:
    m.cells[1].childNodes[1].style.display='block';
    se non funziona vedi http://www.html.it/pag/15178/i-nodi/
    Gli funziona se ci mette [0] ma non sono appunti che Le faccio, sòr Andrea, he! &#200; che Lei non può star dietro a tutti i disperati di Calcutta senza svistare; non mi ci lasci la salute ...

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.