Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Div visibili

  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2008
    Messaggi
    94

    Div visibili

    salve a tutti.

    avrei bisogno di creare una funziona javascript che quando viene chiamata imposta tutti i div della pagina come visibili.

    io so esistere questo codice :

    Codice PHP:
    document.getElementById("id").style.display="block"
    il problema è che parecchi div della mia pagina non hanno e non possono avere un id. quindi magari sono scritti in questo modo

    Codice PHP:
    <div style="display:none"
    come faccio a rintracciarli? tenete presente che a me va bene anche effettuare quella modifica ad ogni div, quindi non è necessario riuscire ad individuarli tutti singolarmente.

    Grazie

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    se sono veramente tutti nascosti via css inline
    codice:
    window.onload=function(){
      var dvs=document.getElementsByTagName('div');
      for(var k=0,l=dvs.length;k<l;++k){
        if(dvs[k].style.display=='none') dvs[k].style.display='block';
      }
    }

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se i div in totale sono pochi (diciamo < 100) e/o il numero di div nascosti non è basso ti conviene dare comunque display:block a tutti i div (indipendentemente che siano nascosti o meno) ciclando sui div

    se vuoi esplicitamente agire solo ed esclusivamente sui div nascosti (perchè magari sono il 10 o 20% del totale) in jquery potresti provare a scrivere

    codice:
    $('div:not(:visible)).show();
    che sarebbe comunque dispendioso, pertanto evita di usarlo se i div nascosti sono 99 su 100.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.