Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732

    JS per mostrare e nasconde i Div

    Come da titolo avrei bisogno di un aiuto per un Javascript che consenta di mostrare e nascondere degli elementi come dei DIV agendo sui diversi link.

    Ciò che preciso è però che uno simile script l'ho già che funziona senza problemi (se ne trovano tanti in rete a riguardo) ma quello che vorrei come cosa FONDAMENTALE è uno codice che mi consenta in un link di mostrare quello su cui clicco e mi nasconda tutti gli altri senza che debba indicare ad ognuno di nascondersi.

    lo sò non non sò spiegarmi, vediamo di fare un esempio pratico.

    Se io avessi 3 div che voglio mostrare e nascondere alternativamente a cui sono associati 3 link attualmente nel richiamo alla funzione sarebbe una cosa del genere:

    [/CODE]
    link1

    link2

    link3
    [/CODE]


    Cosa non và:
    è chiaro che se gli elementi da manipolare sono pochi può andare bene anche una cosa del genere ma se cominciano a diventare troppi il richiamo alla funzione diventa lunghissimo per ogni link, quello che vorrei è uno script che mi consenta nel richiamo alla funzione di mostrare il link in oggetto e di nascondere TUTTI GLI ALTRI senza doverli indicare uno ad uno.

    Sperò di essermi spiegato a sufficienza.

  2. #2
    ciao

    spero di aver capito bene:
    potresti fare un array con i nomi dei div
    poi una funzione
    che usi un ciclo for per renderli invisibili tutti e renda visibile solo quello che ti interessa

    ciao

  3. #3
    riciao

    guarda se questo può essere uno spunto (ho usato visibility invece che display ma la la sostanza cambia poco)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title></title>
    <script type="text/javascript">
    var nome=new Array('uno','due','tre','quattro','cinque');
    function nasc(chisivede){

    for(i=0;i<5;i++){
    document.getElementById(nome[i]).style.visibility="hidden";

    }
    document.getElementById(chisivede).style.visibilit y="visible";
    }
    </script>
    </head>
    <body>
    <div id="uno" >solo io
    </div>
    <div id="due"> solo io
    </div>
    <div id="tre">solo io
    </div>
    <div id="quattro">solo io
    </div>
    <div id="cinque">solo io
    </div>


    </body>
    </html>

  4. #4
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    ti ringrazio così è già molto buono

    L'ho riadattato e controllato su Firefox e Opera e funziona.

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.