Visualizzazione dei risultati da 1 a 4 su 4

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085

    mostrare e nascondere tag

    Ciao,
    avrei bisogno di capire come mostrare 2 tipi di tag (label e input)

    - nascondo riga tabella

    codice:
    document.getElementsByClassName('auto').item(0).style.display='none';
    - mostro riga tabella
    codice:
    document.getElementsByClassName('noauto').item(0).style.display='table-row';


    - nascondo tag (label/input)
    codice:
    document.getElementById('fb6lb').style.display='none';
    - mostro tag (label/input)
    codice:
    document.getElementById('fb6lb').style.display='??????';
    Grazie mille

  2. #2
    Utente di HTML.it L'avatar di cassano
    Registrato dal
    Aug 2004
    Messaggi
    3,002
    prova
    display='block'

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,776
    Quote Originariamente inviata da cassano Visualizza il messaggio
    prova
    display='block'
    Gli elementi label e input sono normalmente di tipo in-linea, per cui sarebbe forse preferibile usare il valore "inline", ma dipende comunque dal contesto in cui tali elementi sono inseriti.

    In linea di massima, se l'intento è quello di impostare il valore di default della proprietà display, è possibile usare il valore "initial"; questo valore è valido per qualsiasi proprietà e per qualsiasi elemento, sostanzialmente serve a reimpostare la proprietà col valore definito come default.

    Ovviamente il valore "initial" si limita ad applicare il "valore di fabbrica" (diciamo così), per cui non tiene conto di altri diversi valori impostati magari, per un qualsiasi motivo, nel foglio di stile. Per tale motivo è preferibile non usare un approccio di quel tipo, cioè è meglio non modificare direttamente il valore della proprietà, ma sarebbe più pratico e flessibile usare una classe (impostata col display none) che andrai semplicemente ad aggiungere o rimuovere agli elementi in questione, rispettivamente per nasconderli o mostrarli.

    Potresti quindi impostare nel CSS una cosa del tipo:
    codice:
    .elemento-nascosto{
      display: none;
    }
    Quindi con JavaScript usare una cosa del genere:

    codice:
    // - nascondo riga tabella
    document.getElementsByClassName('auto')[0].classList.add('elemento-nascosto');
    
    // - mostro riga tabella
    document.getElementsByClassName('noauto')[0].classList.remove('elemento-nascosto');
    
    // - nascondo tag (label/input)
    document.getElementById('fb6lb').classList.add('elemento-nascosto');
    
    // - mostro tag (label/input)
    document.getElementById('fb6lb').classList.remove('elemento-nascosto');
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    grazie mille .. provo (in questo non posso )

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.