Ciao a tutti, ho questo scrit per uno scroller di miniature orizzontale (è integrato con ASP nel richiamo delle miniature):
codice:
<script language="JavaScript1.2">
var goleftimage='images/freccia_sx.gif'
var gorightimage='images/freccia_dx.gif'
var menuwidth=255
var menuheight=25
var scrollspeed=7
var menucontents='<nobr><%= serie_miniature %></nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup;
function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}
function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}
if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="10">')
write('<td valign="top"><a href=#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">[img]'+goleftimage+'[/img]</a></td>')
write('<td valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+';">')
write('<div style="position:absolute;width:'+menuwidth+';height:'+menuheight+';overflow:hidden">')
write('<div id="test2" style="position:absolute;left:0;top:0;padding:2px">')
write('</div></div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="top"> <a href="#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)">')
write('[img]'+gorightimage+'[/img]</a>')
write('</td></table>')
}
}
</script>
Le miniature, sono anche linkate, e vorrei inserire una descrizione alternativa per il "title" del link.
Sto cercando di utilizzare uno script inviatomi dalla newsletter di HTML.it, ma a quanto pare i due script cozzano
con il "window.onload" (da prove da me fatte), per cui non funziona l'uno o l'altro a seconda di quale "window.onload" viene prima.
Inserisco qui di seguito il secondo script: avrei bisogno che qualcuno mi aiutasse ad integrarlo... Grazie.
codice:
window.onload=enableTooltips;
function enableTooltips(){
var links=document.getElementsByTagName("a");
for(i=0;i<links.length;i++){
t=links[i].getAttribute("title");
if(t!=""){
links[i].removeAttribute("title");
links[i].style.position="relative";
tooltip=document.createElement("div");
tooltip.className="tooltip";
tooltip.style.display="none";
tooltip.appendChild(document.createTextNode(t));
links[i].appendChild(tooltip);
links[i].onmouseover=showTooltip;
links[i].onmouseout=hideTooltip;
}
}
}
function showTooltip(event){
this.style.zIndex="25";
this.getElementsByTagName("div")[0].style.display="block";
}
function hideTooltip(event){
this.style.zIndex="24";
this.getElementsByTagName("div")[0].style.display="none";
}