Pagina 1 di 1

[Risolto] [Internet] Riquadro scorrevole html..?(e javascript)

Inviato: domenica 28 settembre 2008, 12:26
da david23
Ciao, vorrei realizzare un riquadro scorrevole come quello su questo sito http://www.desmm.com/contextualadv-con-edintorni-311.html
sapreste aiutarmi?

Re: [Internet] Riquadro scorrevole html..?(e javascript)

Inviato: domenica 28 settembre 2008, 15:18
da Zoff
Ad occhio direi che il codice di quel riquadro è il seguente:

Codice: Seleziona tutto

<div id="singlebar" align="center" >
<script language="JavaScript1.2" type="text/javascript" src="http://www.desmm.com/wp-content/themes/desmmcom_w3c/floatmenu.js"></script>

<div style="position: absolute; left:0px; top: 30px; z-index: 1; visibility: visible; " id="divMenu">
  	
		<div class="float_singlebar">
			<!--
			<div class="txtads05">
			<a href="http://www.desmm.com/stats/click.php?id=56" target="_blank" rel="nofollow"><strong>Cd</strong> e <strong>Dvd</strong> vergini a prezzi mai visti! Solo su <strong>DvdPrice.it</strong></a>
			</div>
			-->
			<div class="txtads03">
			<a href="http://www.desmm.com/stats/click.php?id=60" target="_blank" rel="nofollow">Calendario CD-BOX un <b>idea regalo</b> per Natale</a>
			</div>
			
			<div class="txtads01">

			<a href="http://www.desmm.com/stats/click.php?id=55" target="_blank" rel="nofollow">Confronta i prezzi dei prodotti Hi-Tech con BuyCentral</a>
			</div>
			<div class="txtads06">
			<a href="http://www.desmm.com/stats/click.php?id=50" target="_blank" rel="nofollow">
			Quale Hosting offre qualità a prezzi imbattibili?
			</a>
			</div>
			<div class="txtads07">

			<a href="http://www.desmm.com/stats/click.php?id=53" target="_blank" rel="nofollow">
			<strong>Guadagna</strong> con la pubblicità sul tuo sito con ClickPoint!			</a>			</div>
			<div class="txtads04">
			<!-- INIZIO del codice HTML di zanox-affiliato -->
			<!--(Il codice HTML non deve essere modificato per garantire la assoluta funzionalit�)-->
			<a href="http://ad.zanox.com/ppc/?4790695C1408516414T" rel="nofollow">Registrati gratuitamente per accedere a nuove opportunità di <strong>guadagno</strong>!</a><img src="http://ad.zanox.com/ppv/?4790695C1408516414" align="bottom" width="1" height="1" border="0" hspace="1">

			<!-- FINE del codice HTML fi zanox affiliato -->
			</div>
		</div>		

			
</div>
<script language="JavaScript1.2" type="text/javascript"><!-- 
OnLoad(); 
//--></script>


</div>	
E il codice del file importato nella secodna riga è il seguente:

Codice: Seleziona tutto

/*
	This script (c) 2000 Ivanopulo / DAMN -- http://www.damn.to
	You're free to use it, but please leave this message intact if you do it.
	
	Thanks alot to Marek for making this script NN6 compatible
	
	NN6 notice: It's *very* slow when it comes to timers, and it's an understatement!)
	
	Opera notice: Opera can identify itself as any browser, depending on value chosen
	in Preferences / Connections / Browser identification. This script assumes that it
	identifies itself as Opera. I dare not say it's a bold assumption, but it's default
	is MSIE 5. Go figure.
*/

var bNetscape4	 = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) == "4");
var bNetscape6	 = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "5");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
var bOpera5		= (navigator.appName == "Opera" && navigator.appVersion.substring(0,1) >= "5" );

var nn6DivMenu; // specially for NN6 to speed up things at least a little
var topoffset = 1;
var wheigth;


function CheckUIElements()
{
	var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
	
	if ( bNetscape4 ) {
		yMenuFrom   = document["divMenu"].top;
		yMenuTo	 = top.pageYOffset + topoffset;
		wheight = top.innerHeight;
	}
	else if ( bExplorer4plus ) {
		yMenuFrom   = parseInt (divMenu.style.top, 10);
		yMenuTo	 = document.body.scrollTop + topoffset;
		wheight = document.body.clientHeight;
	}
	else if ( bNetscape6 ) {
		yMenuFrom   = nn6DivMenu.style.top.replace(/px/,"");
		yMenuTo	 = top.pageYOffset + topoffset;
		wheight = top.innerHeight;
	}
	else if ( bOpera5 ) {
		yMenuFrom   = nn6DivMenu.style.top;
		yMenuTo	 = top.pageYOffset + topoffset;
		wheight = top.innerHeight;
	}
	
	
	timeoutNextCheck = 500;
	
	if ( yMenuFrom != yMenuTo && wheight >= 460 ) {
	
		if ( bNetscape6 )
			yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 10 );
		else
			yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 30 );
			
		if ( yMenuTo < yMenuFrom )
			yOffset = -yOffset;
		
		timeoutNextCheck = 10;

		if ( bNetscape4 )
			document["divMenu"].top += yOffset;
		else if ( bExplorer4plus )
			divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
		else if ( bOpera5 )
			nn6DivMenu.style.top += yOffset;
		else if ( bNetscape6 ) {
			nn6DivMenu.style.top = eval(nn6DivMenu.style.top.replace(/px/,"")) + yOffset;
			timeoutNextCheck = 50;
		}

		timeoutNextCheck = 10;
	}

	setTimeout ("CheckUIElements()", timeoutNextCheck);
}

function ReadCookie (CookieName) {
  var CookieString = document.cookie;
  var CookieSet = CookieString.split (';');
  var SetSize = CookieSet.length;
  var CookiePieces
  var ReturnValue = "";
  var x = 0;

  for (x = 0; ((x < SetSize) && (ReturnValue == "")); x++) {

	CookiePieces = CookieSet[x].split ('=');

	if (CookiePieces[0].substring (0,1) == ' ') {
	  CookiePieces[0] = CookiePieces[0].substring (1, CookiePieces[0].length);
	}

	if (CookiePieces[0] == CookieName) {
	  ReturnValue = CookiePieces[1];
	}

  }

  return ReturnValue;

}


function OnLoad()
{
	if (ReadCookie('nofloat')=='"1"') return true;
	// we're not gonna be loaded in frames, no sir!

		
	// setting initial UI elements positions
	if ( bNetscape4 ) {
		document["divMenu"].top = top.pageYOffset + topoffset;
		document["divMenu"].visibility = "visible";
	}
	else if ( bExplorer4plus ) {
		divMenu.style.top = document.body.scrollTop + topoffset;
		divMenu.style.visibility = "visible";
	}
	else if ( bNetscape6 || bOpera5 ) {
		nn6DivMenu = document.getElementById('divMenu');
		nn6DivMenu.style.top = top.pageYOffset + topoffset;
		nn6DivMenu.style.visibility = "visible";
	}
	
	// initializing UI update timer
	CheckUIElements();
	return true;
}

function PreloadImages() {
	img_1=new Image();  img_1.src="/img2/menu_B_01.jpg";
	img_2=new Image();  img_2.src="/img2/menu_B_02.jpg";
	img_3=new Image();  img_3.src="/img2/menu_B_03.jpg";
	img_4=new Image();  img_4.src="/img2/menu_B_04.jpg";
	img_5=new Image();  img_5.src="/img2/menu_B_05.jpg";
	img_6=new Image();  img_6.src="/img2/menu_B_06.jpg";
	img_7=new Image();  img_7.src="/img2/menu_B_07.jpg";
	img_8=new Image();  img_8.src="/img2/menu_B_08.jpg";
	img_9=new Image();  img_9.src="/img2/menu_B_09.jpg";
	img_10=new Image(); img_10.src="/img2/menu_B_10.jpg";
	img_11=new Image(); img_11.src="/img2/menu_B_11.jpg";
	img_12=new Image(); img_12.src="/img2/menu_B_12.jpg";
	img_13=new Image(); img_13.src="/img2/menu_B_13.jpg";
	img_14=new Image(); img_14.src="/img2/menu_B_14.jpg";
	img_15=new Image(); img_15.src="/img2/menu_B_15.jpg";
	img_16=new Image(); img_16.src="/img2/menu_B_16.jpg";
	img_17=new Image(); img_17.src="/img2/menu_B_17.jpg";
	img_18=new Image(); img_18.src="/img2/menu_B_18.jpg";
	img_19=new Image(); img_19.src="/img2/menu_B_19.jpg";
	img_20=new Image(); img_10.src="/img2/menu_B_20.jpg";
	img_21=new Image(); img_11.src="/img2/menu_B_21.jpg";
	img_22=new Image(); img_12.src="/img2/menu_B_22.jpg";
//	img_23=new Image(); img_23.src="/img2/menu_B_23.jpg";
//	img_24=new Image(); img_24.src="/img2/menu_B_24.jpg";
}

function bfmovepic(img_name,img_src) {
	if ( bNetscape4 ) {
		document.layers["divMenu"].document.images[img_name].src=img_src;
	} else {
		document[img_name].src=img_src;
	}
}

function bfprel(img_old_name, img_new_name) {
    document[img_old_name].oldsrc=document[img_old_name].src;
    document[img_old_name].src=img_new_name.src;
    img_new_name.src=document[img_old_name].oldsrc;
}


function openThumb(url) {
	self.name = "main";
	open(url, "popup", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=830,height=700');
}
function openLink(url) {
	self.name = "main";
	open(url, "Dettagli", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,width=500,height=210');
}

function openNewAdv(url,w,h) {
	self.name = "main";
	open(url, "popup", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width='+w+',height='+h);
}
function openPopup(url,w,h) {
	self.name = "main";
	open(url, "popup", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width='+w+',height='+h);
}

function openCover(url) {
	self.name = "main";
	open(url, "popup", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=1000,height=1400');
}

function openCD(url) {
	self.name = "main";
	open(url, "popup", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=700,height=500');
}

function openDVD(url) {
	self.name = "main";
	open(url, "popup", 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=820,height=520');
}

function openNew(url) { self.name="main"; open(url); }


// Javascript code that fixes a bug in some versions of Netscape Navigator
function reloadPage(init)
{  //reloads the window if Nav4 resized
  if (init==true) with (navigator)
	{
	  if ((appName=="Netscape")&&(parseInt(appVersion)==4))
		{
	  document.pgW=innerWidth;
			document.pgH=innerHeight;
	  onresize=reloadPage;
		}
	}
  else if (innerWidth!=document.pgW || innerHeight!=document.pgH)
	location.reload();
}
reloadPage(true);

function barra_nav() {
if ( bNetscape4 ) {
	doc=document.layers["divMenu"].document;
} else {
	doc=document;
}
doc.write('');
}

function getexpirydate(nodays){
	var UTCstring;
	Today = new Date();
	nomilli=Date.parse(Today);
	Today.setTime(nomilli+nodays*24*60*60*1000);
	UTCstring = Today.toUTCString();
	return UTCstring;
}

function getCookie(name) { // use: getCookie("name");
	var bites = document.cookie.split("; "); // break cookie into array of bites
	for (var i=0; i < bites.length; i++) {
		nextbite = bites[i].split("="); // break into name and value
		if (nextbite[0] == name) // if name matches
			return unescape(nextbite[1]); // return value
	}
	return null;
}

function setCookie(name, value, days) { // use: setCookie("name", value);
	var today = new Date();
	var expiry = new Date(today.getTime() + days * 24 * 60 * 60 * 1000); // determiniamo la data di scadenza
	if (value != null && value != "")
		document.cookie=name + "=" + escape(value) + "; expires=" + expiry.toGMTString();
	bites = document.cookie.split("; "); // update cookie bites
}


function hideLyr(lyr) {
	var curcss = get_lyr_css(lyr);
	if (curcss) {
		curcss.visibility = "hidden";
		curcss.zIndex = 1000;   // some browsers need z-index set
	}
}
// get reference
function get_lyr_css(id) {
	var lyr, lyrcss;
	lyr = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
	if (lyr) lyrcss = (lyr.style)? lyr.style: lyr;
	return lyrcss;
}

function showLyr(lyr) {
	var curcss = get_lyr_css(lyr);
	if (curcss) {
		curcss.visibility = "visible";
		curcss.zIndex = 1000;   // some browsers need z-index set
	}
}

// get reference to nested layer for ns4
// from old dhtmllib.js by Mike Hall of www.brainjar.com
function getLyrRef(lyr,doc) {
	if (document.layers) {
		var theLyr;
		for (var i=0; i<doc.layers.length; i++) {
		theLyr = doc.layers[i];
			if (theLyr.name == lyr) return theLyr;
			else if (theLyr.document.layers.length > 0)
			if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
					return theLyr;
	  }
		return null;
  }
}

function insertPopupBanner() {
	if ( bNetscape4 ) {
		doc=document.layers["divMenu"].document;
	} else {
		doc=document;
	}
	rand = Math.floor(Math.random() * 6);
	if (rand < 1) {
		doc.write('<style type="text/css">#container  { position:relative; width:468px; height:60px; z-index:1000;} #lyr1 { position:absolute; visibility:hidden; left:0; top: 60px; z-index:1000;} </style><div id="container"><a href="/" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"><param name="movie" value="/img/banner1.swf"><param name="quality" value="high"><embed src="/img/banner1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object></a><div id="lyr1" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><a href="/"><img src="/img/banner1pop.gif"></a></div></div>');
	} else if (rand < 2) {
		doc.write('<style type="text/css">#container  { position:relative; width:468px; height:60px; z-index:1000;} #lyr1 { position:absolute; visibility:hidden; left:0; top: 60px; z-index:1000;} </style><div id="container"><a href="/" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"><param name="movie" value="/img/banner2.swf"><param name="quality" value="high"><embed src="/img/banner2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object></a><div id="lyr1" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><a href="/"><img src="/img/banner2pop.gif"></a></div></div>');
	} else if (rand < 3) {
		doc.write('<style type="text/css">#container  { position:relative; width:468px; height:60px; z-index:1000;} #lyr1 { position:absolute; visibility:hidden; left:0; top: 60px; z-index:1000;} </style><div id="container"><a href="#" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"><param name="movie" value="/img/banner3.swf"><param name="quality" value="high"><embed src="/img/banner3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object></a><div id="lyr1" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><img src="/img/banner3pop.gif"></div></div>');
	} else if (rand < 4) {
		doc.write('<style type="text/css">#container  { position:relative; width:468px; height:60px; z-index:1000;} #lyr1 { position:absolute; visibility:hidden; left:0; top: 60px; z-index:1000;} </style><div id="container"><a href="#" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"><param name="movie" value="/img/banner4.swf"><param name="quality" value="high"><embed src="/img/banner4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object></a><div id="lyr1" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><img src="/img/banner4pop.gif"></div></div>');
	} else if (rand < 5) {
		//senza dropdown
		doc.write('<style type="text/css">#container  { position:relative; width:468px; height:60px; z-index:1000;} #lyr1 { position:absolute; visibility:hidden; left:0; top: 60px; z-index:1000;} </style><div id="container"><a href="#" ><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"><param name="movie" value="/img/banner5.swf"><param name="quality" value="high"><embed src="/img/banner5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object></a></div>');
	} else {
		doc.write('<style type="text/css">#container  { position:relative; width:468px; height:60px; z-index:1000;} #lyr1 { position:absolute; visibility:hidden; left:0; top: 60px; z-index:1000;} </style><div id="container"><a href="/tgmstyle" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"><param name="movie" value="/img/style.swf"><param name="quality" value="high"><embed src="/img/style.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed></object></a><div id="lyr1" onmouseout="hideLyr(\'lyr1\')" onmouseover="showLyr(\'lyr1\')"><a href="/tgmstyle"><img src="/img/stylepop.gif"></a></div></div>');
	}
}
function insertBanner() {
	if ( bNetscape4 ) {
		doc=document.layers["divMenu"].document;
	} else {
		doc=document;
	}
	rand = Math.random();
	if (rand < 0.50) {
		doc.write('<a href="http://www.tgmonline.it"><img src="/img/banner1.gif" width="468" height="60"></a>');
	} else {
		doc.write('<a href="http://www.tgmonline.it"><img src="/img/banner2.gif" width="468" height="60"></a>');
	}
}
function insertBannerFrag() {
	if ( bNetscape4 ) {
		doc=document.layers["divMenu"].document;
	} else {
		doc=document;
	}
	rand = Math.random();
    a = Math.floor(Math.random()*100/(100/18))
    doc.write('<a href="http://www.tgmonline.it/fragzone/server"><img src="/img2/bannerfrag'+a+'.jpg" width="160" height="400"></a>');
}
function insertGfLink() {
	if ( bNetscape4 ) {
		doc=document.layers["divMenu"].document;
	} else {
		doc=document;
	}
    now = new Date();
    tail = now.getTime();
    doc.write('<script language="JavaScript1.2" type="text/javascript" src="http://www.tgmonline.it/img2/gf/f.js?rand='+tail+'"></script>');

}
Dovrebbe essere abbastanza semplice da adattare se conosci javascript/(x)html

ciauz

Re: [Internet] Riquadro scorrevole html..?(e javascript)

Inviato: domenica 28 settembre 2008, 18:42
da david23
ok grazie mille, adesso ci provo  ;)