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";
    }