Newsgroup: it.comp.lang.javascript
Titolo: Msg di aiuto

Dovrei fare in modo che non appena si verifica un evento onmouseover, venga
visualizzato un msg sulla pagina.
Avevo pensato, anche se non li so usare, ai layer.
Poi mi son detto proviamo a aggirare l'ostacolo, carico un immagine in
memoria e poi la faccio apparire quando mi serve ( all'evento mouseover ).
Vi posto il codice che ho fatto su cosa sbaglio? sicuramente sarà un errore
del c**zo ma io non lo trovo proprio, forse anche di concetto!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="it">
<title>Dile Web</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<bgsound src="Sound/Backstreet boys - I want it that way.mp3" loop="-1">
<script language="JavaScript">
var image4=new Image();
function load() {
var image1=new Image();
image1.src='images/Dida page.gif';
var image2=new Image();
image2.src='images/Sfondo.gif';
var image3=new Image();
image3.src='images/Guida.gif';
image4.src='images/Guida.gif';
image4.visibility="hidden";
}
var id,pause=0,position=0;
function scorrevole() {
var i,k,msg="               HaPpY made this for you                   ";
k=(100/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg;
self.status=msg.substring(position,position+400);
if(position++==400) position=0;
id=setTimeout("scorrevole()",100);
}
function guidamsg(image) {
image.visibility="visible";
}
</script>
</head>
<body background="images/Sfondo.gif" onload="scorrevole();load()"
link="#000000" vlink="#000000" alink="#000000">
<p>&nbsp;</p>
<p align="center"><img border="0" src="images/Dida page.gif" width="283"
height="100"></p>
<p align="left"><a href=# onmouseover="guidamsg(image4)">
<img border="2" src="images/Guida.gif" align="left" width="72"
height="79"></a>
<img src=image4.src></p>
</body>
</html>
Se qualcuno di voi potrebbe anche indirizzarmi ad una risoluzione del
problema + semplice, senza fare come, potete vedere, un hidden e visible con
le immagini!
--
____/*\____/*\____/*\____/*\____/*\____
HaPpY
E-Mail: hap...@REMOVEsupereva.it
Home page: 
http://happy77.supereva.it/index.html
____/*\____/*\____/*\____/*\____/*\____


Ti posto il codice che ho utilizzato io per lo stesso scopo:
<html>
<head>
<style type="text/css">
#layer1 {position: absolute; z-index:10; visibility:hidden; left:100px;
top:200px; width:200px; height:150px; color:#FFFFFF;
background-color:#0000F0; layer-background-color:#0000F0;
font-family:Verdana; font-size:10pt;}
#layer2 {position: absolute; z-index:10; visibility:hidden; left:100px;
top:200px; width:200px; height:150px; color:#FFFFFF;
background-color:#0000F0; layer-background-color:#0000F0;
font-family:Verdana; font-size:10pt;}
</style>
<script language="javascript">
<!--
function init(){
if (navigator.appName == "Netscape") {
layerRef="document.layers";
styleSwitch="";
}else{
layerRef="document.all";
styleSwitch=".style";
} }
function showLayer(layerName){
----- cosě riesco a visualizzarlo anche se l'utente fa uno scroll della
pagina -----
var posY=document.body.scrollTop + 200;
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+posY+'px"');
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); }
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); }
file://-->>
</script>
<title>Prova help</title>
</head>
<body onload="init()">
<p><a href="#" style="cursor: help" onmouseover="showLayer('layer1')"
onmouseout="hideLayer('layer1')"><img src="../icons/ic_help.gif" alt="Help"
BORDER="0"
WIDTH="16" HEIGHT="16"></a> </p>
<p><a href="#" style="cursor: help" onmouseover="showLayer('layer2')"
onmouseout="hideLayer('layer2')"><img src="../icons/ic_help.gif" alt="Help"
BORDER="0"
WIDTH="16" HEIGHT="16"></a> </p>
<div ID="layer1">
<p>Testo del layer 1.</p>
</div>
<div ID="layerB">
<p>Testo del layer 2.</p>
</div>
</body>
</html>
Ciao.

 wrote in message
10l3nsp$3ki$1...@fe2.cs.interbusiness.it...
