Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

Javascript + IE: prima va poi non va piu'

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

Javascript + IE: prima va poi non va piu'

Postdi Paia » 18/09/08 00:38

Ho creato una semplice pagina html di prova dove passando con il mouse sopra un collegamento appare un box con dei contenuti, sfruttando onmouseover e onmouseout e 2 semplici funzioni mostra e nascondi che vanno a modificare i css. Il problema appena fatto funzionava con IE e dopo un po' di prove non e' andata piu', non capisco il perche' dato che non ho modificato niente. Questo e' la pagina semplice che ho fatto:
Codice: Seleziona tutto
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style  type="text/css">

.bottom {
   width: 200px;
   color: #000;
   background-color: #CC0000;
   background-image: url("bottom.gif");
   background-repeat: no-repeat;
   background-position: bottom left;
}

.contenuto {
   background-image: url("top.gif");
   background-repeat: no-repeat;
   padding: 10px;
}

div#conte { visibility:hidden; position: absolute; top: 500px; left: 500px;}

</style>

<script type="text/javascript">

function mostra()
{
    var menu = document.getElementById("conte");
    menu.style.visibility = "Visible";
}



function nascondi()
{
    var menu = document.getElementById("conte");
    menu.style.visibility = "hidden";
}

</script>

</head>

<body>
<a href="" onmouseover="mostra()" onmouseout="nascondi()">prova</a>

<div id="conte">
<div class="bottom">
<div class="contenuto">
<p>Qui va il contenuto del nostro box.</p>

<p>Lorem ipsum dolor sit amet.........</p>     
</div>
</div>
</div>
<a href="" onmouseover="mostra()" onmouseout="nascondi()">prova</a>
</body>
</html>

Life is Crash to Crash
Paia
Utente Junior
 
Post: 10
Iscritto il: 12/01/06 20:02
Località: Vicenza

Sponsor
 

Re: Javascript + IE: prima va poi non va piu'

Postdi enore.savoia » 18/09/08 06:14

Ho rieditato il codice nel seguente modo :

Codice: Seleziona tutto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>testpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
/*<![CDATA[*/

    .bottom {
       width: 200px;
       color: #000;
       background-color: #CC0000;
       background-image: url("bottom.gif");
       background-repeat: no-repeat;
       background-position: bottom left;
    }

    .contenuto {
       background-image: url("top.gif");
       background-repeat: no-repeat;
       padding: 10px;
    }

    div#conte { visibility:hidden; position: absolute; top: 500px; left: 500px;}

/*]]>*/
</style>

<script type="text/javascript">
//<![CDATA[

    function mostra()
    {
        var menu = document.getElementById("conte");
        menu.style.visibility = "Visible";
    }



    function nascondi()
    {
        var menu = document.getElementById("conte");
        menu.style.visibility = "hidden";
    }

//]]>
</script>
</head>
<body>
<a href="" onmouseover="mostra()" onmouseout="nascondi()">prova</a>
<div class="bottom contenuto" id="conte">
<p>Qui va il contenuto del nostro box.</p>
<p>Lorem ipsum dolor sit amet.........</p>
</div>
</body>
</html>


ottenendo anche una validazione passed trasitional http://validator.w3.org

malgrado test intensivi non mi ha ancora dato problemi ... misteri della fede? :) Ciao !
web project manager - consultant freelance
Avatar utente
enore.savoia
Utente Junior
 
Post: 13
Iscritto il: 11/09/08 14:53
Località: Montecatini Terme (Pistoia)

Re: Javascript + IE: prima va poi non va piu'

Postdi archimede » 18/09/08 07:39

Lieto che tu abbia risolto e complimenti per l'esempio conciso, completo e riproducibile: proprio come piace a noi! ;)

Alessandro

[Edit]Non mi ero accorto che enore non è l'autore della richiesta originale. :oops: Scusate.
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova


Torna a Programmazione


Topic correlati a "Javascript + IE: prima va poi non va piu'":


Chi c’è in linea

Visitano il forum: Nessuno e 8 ospiti