Condividi:
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: Anthony47, Triumph Of Steel, archimede
di 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
di 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.orgmalgrado test intensivi non mi ha ancora dato problemi ... misteri della fede?
Ciao !
web project manager - consultant freelance
-
enore.savoia
- Utente Junior
-
- Post: 13
- Iscritto il: 11/09/08 14:53
- Località: Montecatini Terme (Pistoia)
-
di 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.
Scusate.
-
archimede
- Moderatore
-
- Post: 2851
- 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 7 ospiti