Ciao a tutti, ho questo scrit per uno scroller di miniature orizzontale (è integrato con ASP nel richiamo delle miniature):
Le miniature, sono anche linkate, e vorrei inserire una descrizione alternativa per il "title" del link.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>
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"; }


Rispondi quotando