Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Non compare div

  1. #1
    Utente di HTML.it L'avatar di Fractals87
    Registrato dal
    Apr 2008
    Messaggi
    1,202

    Non compare div

    Vi posto qio sotto il codice in esame... praticamente cliccando su nominativo si apre un sotto menu di div, la stessa cosa dovrebbe accadere se io colicco su tariffario... ma il problema che il mio div di sottomenu(tariffario) si vede solo nel caso in cui io apro anche nominativo... come mai???

    <html>
    <head>
    <title>Pg.1</title>

    <script type="text/javascript">
    myPrecEl="";

    function mostradiv(id){

    myEl=document.getElementById(id);

    if(myEl.style.display=="block"){
    myEl.style.display="none";
    }else{
    myEl.style.display="block";
    }
    }
    </script>




    <style type="text/css">
    .menu {
    float: left;
    padding-right:30px;
    }

    #nominativo {
    display:none;
    }

    #tariffario {
    display:none;
    }

    .catsottomenu {
    float: left;
    padding-right:30px;
    }
    </style>
    </head>
    <body>
    <div class="menu" onclick="mostradiv('nominativo');">Nominativo</div>
    <div class="menu" onclick="mostradiv('tariffario');">Tariffario</div>
    <div class="menu">Preventivi</div>
    <div class="menu">Fatture</div>
    <div class="menu">Magazzino</div>
    <div class="menu">Ordini</div>
    <div class="menu">Fatt.Fornitori</div>
    <div class="menu">Scadenze</div>
    <div class="menu">Prima Nota</div>


    <div id="nominativo">
    <div class="catsottomenu">Cartella Clinica</div>
    <div class="catsottomenu">Crea Nuovo</div>
    <div class="catsottomenu">Modifica</div>
    <div/>

    <div id="tariffario">
    <div class="catsottomenu">Crea Nuovo</div>
    <div class="catsottomenu">Modifica</div>
    <div/>

    </body>
    </html>

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    hai sbagliato a chiudere il div due volte

    <div/>

    invece di

    </div>


    P.s. Il codice è decisamente inefficiente, sia la parte di scripting che il markup
    se posso darti qualche spunto

    - di norma le transizioni di stile si eseguono facendo switch di una classe e non cambiando dinamicamente la proprietà style
    - un menu andrebbe realizzato con marcatura più adatta (es. una lista)
    - anche mantenendo la struttura a div c'è una ripetizione evitabile di classi.
    - manca il doctype (di cui sentirai la mancanza non appena il layout diventerà più complesso o quando lo testerai su Explorer)
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    Utente di HTML.it L'avatar di Fractals87
    Registrato dal
    Apr 2008
    Messaggi
    1,202
    ok perfetto mi piacciono le critiche costruttive..... non ho capito bene cosa intendi per switch di una classe... cioè forse vorrsti dirmi di creare, nel mio caso, n classi (dove n=numero delle categorie da aprire) e dare ad ognuna un elemento block e tutti gli altri none in base alla scelta che l'utente fa? premettendo che cio che ho capito sia corretto la classe ad un particolare elemente si cambia sempre dinamicamente con javascript?

    2 problema. ho dato un'occhiata a cosa sia il doctype (perdona la mia ignoranza) ma suppongo che non sia proprio una cosa banale scelgliere il doctype da adottare per la propria pagina (tutto dipende dai tag che si stanno implementanto o meno) c'e qualcosa che mi puo aiutare alla scelta di un doctype piuttosto che un'altro? oppure è solo la spudorata conoscenza matematica del doctype?

    Scusami se ti ho fatto tutte queste domande ma sei stato cosi gentile nella prima risposta che ho voluto approfittarmene

    Grazie mille a buon rendere

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    no, non servono enne classi
    ne basta una che definisce ad esempio display: block

    di default lasci nascosti i vari blocchi e quando esegui la funzione mostradiv aggiungi/rimuovi quella classe

    ovviamente a priori devi strutturare il codice in modo che in assenza di javascript si possano vedere comunque tutte le informazioni


    per il doctype ti suggerisco comunque una versione strict di html4.01 oppure di xhtml1.0
    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 © 2026 vBulletin Solutions, Inc. All rights reserved.