Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567

    Problema DIV a comparsa

    Ciao a tutti ho il seguente problema, ho due DIV (menu1 - menu2) che compaiono e scompaiono quando clicca su un link, il problema è che se clicco sul link1 e faccio apparire il div menu1 e dopo clicco su link 2 mi appare anche menu2, in pratica me ne trovo 2 aperti contemporaneamente.
    Perchè funzioni correttamente dovrei cliccare sul primo, riclicliccare per chiuderlo e poi cliccare sul secondo; in questo modo non si apparirebbero insieme. Però x semplificare la vita al navigatore vorrei che il div che ho aperto si chiudesse al momento che clicco sul secondo.

    Spero di essere stato chiaro, vi posto un po' di codice:

    codice:
                   function mostraMenu(menuCorrente) {
                if (document.getElementById) {
                    questoMenu = document.getElementById(menuCorrente).style
                    if (questoMenu.display =="block") {
                        questoMenu.display = "none"
                    }
                    else {
                        questoMenu.display = "block"
                    }
                    return false
                }
                else {
                    return true
                }
            }
    i link sono:

    codice:
    LINK1
    LINK2

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, se non ho capito male vuoi vedere un div o l'altro nascondendo quello aperto se selezionato l'altro.

    Codice PHP:
           function mostraMenu(idcliccato) {
                                                   
                   if(
    idcliccato=='aa'){
                       var 
    idnoncliccato 'bb';
                   }else{
                       var 
    idnoncliccato 'aa';
                   }
                                                    
                   var 
    div1 document.getElementById(idcliccato).style;
                   var 
    div2 document.getElementById(idnoncliccato).style;
                                                                    
                   if(
    div1.display=='none'){
                       
    div1.display 'block';
                       
    div2.display 'none';                   
                   }else{
                       
    div1.display 'none';                   
                   }                
                    
            } 
    AA
    BB

    <div id="aa" style="display:none">aaaaa</div>
    <div id="bb" style="display:none">bbb</div>

  3. #3
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567
    E si è proprio questo, una cosa sola ho notato che appena carico la pagina devo cliccare 2 volte su i link per poter aprire i div, dopo la prima apertura funziona correttamente, però subito bisogna cliccare 2 volte, come mai?


  4. #4
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567
    Non hai suggerimenti in merito???

  5. #5
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    mmm non saprei forse qualche differenza nel browser o altro nell'applicazione perche' a me va al primo click

  6. #6
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567
    Ho risolto, il problema era che invece di aver messo

    style="display:none"

    nel div come hai messo tu nell'esempio, l'avevo messo dentro il CSS attribundo una classe al div, dovrebbe essere la stessa cosa, ma a quanto pare non è così.

    Comunque adesso funziona.

    Grazie mille

  7. #7
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ok prego!

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.