Finalmente ce l'ho fatta.
Prendendo pezzi di codice in giro e modificando quello scritto da me e' ottenuto questo:
PAGINA JSP:
<HTML>
...
<BODY>
...
Le ultime novità
...
...
...
<style type="text/css">
#linkShowNews {
display:block;
float:left;
text-align:center;
background-image:url(/immagini/immagini_barra_nav/bott_news.gif);
width:122px;
height:20px;
margin:33px 5px 10px 35px;
color:#2B7130;
line-height:20px;
font-size:14px;
font-weight:bold;
}
#layerNews {
display:none;
z-index:999;
position:absolute;
top:52px;
left:320px;
border:2px solid #009900;
width:400px;
height:352px;
background-image:url(/immagini/immagini_comuni/logo_piccolo.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
#DivShim {
position:absolute;
top:52px;
left:320px;
display:none;
z-index:998;
}
#containerContentNews {
margin:0;
padding:0;
display:block;
}
#contentNews {
padding:4px;
display:none;
margin:0;
}
#contentNews p {
margin:3px 0 3px 0;
padding:0;
clear:both;
text-transform:lowercase;
text-transform:capitalize;
}
#contentNews p span {
display:block;
width:100px;
float:left;
height:20px;
}
* html #contentNews p span {
height:15px;
}
#contentNews p span.nSottoCat {
width:auto;
}
#contentNews p#tratteggio {
background-image:url(/immagini/immagini_comuni/trattino.gif);
background-repeat:repeat-x;
}
</style>
<div id="layerNews" onMouseOver="clearTimeout(this.tid);" onMouseOut="this.tid = setTimeout('nascondiNews()', 500);">
<span id="containerContentNews">
<div id="contentNews">
<span>xxx</span></p>
<span>xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<span>xxx</span></p>
<span>xxx</span></p>
<span>xxx</span></p>
<span>xxx</span><span class="nSottoCat">:xxx</span></p>
<p id="tratteggio"></p>
<span>xxx</span></p>
<span>xxx</span></p>
<span>xxx</span></p>
<span>xxx</span></p>
<div class="separatore"></div>
</div>
</span>
</div>
<!--[if IE]>
<iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0"></iframe>
<![endif]-->
<script type="text/javascript" src="/js/layesNovita.js"></script>
</BODY>
</HTML>
SCRIPT layerNovita.js
/* GET ELEMENT */
function prendiElementoDaId(id_elemento) {
var elemento;
if(document.getElementById)
elemento = document.getElementById(id_elemento);
else
elemento = document.all[id_elemento];
return elemento;
};
/**********************/
/* INIZIALIZZAZIONE VARIABILI */
divNews = prendiElementoDaId('layerNews');
linkNews = prendiElementoDaId('linkShowNews');
innerNews = prendiElementoDaId('contentNews');
IfrRef = prendiElementoDaId('DivShim');
var toHide = false;
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
var tempX = 0;
var tempY = 0;
/**********************/
/* GROWUP ELEMENT */
function growUp() {
if (parseInt(divNews.style.width) < 400) {
divNewsW = parseInt(divNews.style.width);
divNewsH = parseInt(divNews.style.height);
divNews.style.width = ""+(divNewsW + 100)+"px";
divNews.style.height = ""+(divNewsH + 88)+"px";
divNews.style.left = parseInt(divNews.style.left)-20+"px";
if (IE) {
IfrRef.style.width = divNews.offsetWidth;
IfrRef.style.height = divNews.offsetHeight;
IfrRef.style.top = divNews.style.top;
IfrRef.style.left = divNews.style.left;
IfrRef.style.zIndex = divNews.style.zIndex - 1;
IfrRef.style.display = "block";
}
var repeatGrow = setTimeout('growUp()',1);
}
else {
divNews.style.backgroundColor = '#FFFFFF';
divNews.style.backgroundImage = 'url(/immagini/immagini_comuni/logo_piccolo.gif)';
innerNews.style.display = 'block';
clearTimeout(repeatGrow);
}
};
/**********************/
/* ACTION ON MOUSE OVER LINK */
function mostraNews() {
setTimeout('startGrow()',500);
};
function startGrow() {
if (divNews.style.display != 'block') {
divNews.style.width="0px";
divNews.style.height="0px";
divNews.style.left = 320+"px";
divNews.style.display = 'block';
growUp();
}
};
/**********************/
function nascondiNews() {
slideDown();
};
function slideDown() {
if (parseInt(divNews.style.width) > 399) {
innerNews.style.display = 'none';
divNews.style.backgroundColor = '';
divNews.style.backgroundImage = 'none';
divNewsW = parseInt(divNews.style.width);
divNewsH = parseInt(divNews.style.height);
divNews.style.width = ""+(divNewsW - 100)+"px";
divNews.style.height = ""+(divNewsH - 100)+"px";
divNews.style.left = parseInt(divNews.style.left)+20+"px";
setTimeout('slideDown()',1);
}
else {
divNews.style.display = 'none';
}
};
Rispondi quotando