Back to top

Autore Topic: modificare tooltip expand collapse  (Letto 915 volte)

Offline webskip

  • Nuovo arrivato
  • *
  • Post: 35
    • Mostra profilo
modificare tooltip expand collapse
« il: 02 Set 2012, 16:50:52 »
salve,
ho trovato un listato in html per realizzare un tooltip expand collapse che con un pulsante apre e chiude un contenuto div.

il problema è che quando si carica la pagina la funzione (il contenuto della div) parte già aperta (si può chiudere premendo il pulsante e riaprirla premendolo di nuovo). Vorrei invece che quando si carica la pagina la funzione non appare già aperta e se si vuole la si fa apparire invece premendo il pulsante.
Mi aiutate
grazie 1000

ecco il codice:
Codice: [Seleziona]
[code]
<html>
<head>       
    <style type="text/css">
    .divStyle {
    width:400px;
    height:400px;
    margin:0px auto;
    }
    </style> 
   
    <script language="javascript" type="text/javascript">
    function displayDiv()
    {
        var divstyle = new String();
        divstyle = document.getElementById("div1").style.display;
        if(divstyle.toLowerCase()=="block" || divstyle == "")
        {
            document.getElementById("div1").style.display = "none";
        }
        else
        {
            document.getElementById("div1").style.display = "block";
        }
    }
    </script>   
   
</head>
<body>

    <div id="div1" class="divStyle"><div style="position:fixed; bottom:23px;right:0px">contenuto della div</div>
</div>
   
    <div style="position:fixed; bottom:0px;right:30px;border:0px solid black">
<input type="image" src="http://www.cartellinapoletani.com/chat/ajax-chat/style/chat.jpg" border="0" onclick="displayDiv()" />
</div>
   
</body>
</html>


 



Web Design Bolzano Kreatif