Roda no Internet Explorer, não roda no Firefox

Stefan · Agosto 1, 2007

Prezados amigos de fórum, estou criando um site, e a barra de rolagem do código abaixo, só roda no Internet Explorer(versão 6 que vi) e no navegador Firefox não rola a barra de rolagem, você clica para descer e nada acontece.

Pergunto para você o que posso colocar no código para funcionar em qualquer navegador e versão deles.

Muito obrigado

<?xml version="1.0" encoding="iso-8859-1"?><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Teste</TITLE><script type=text/javascript>var dom = document.getElementById;var iex = document.all;var ns4 = document.layers;function addEvent(event,method){	this[event] = method;	if(ns4) this.captureEvents(Event[event.substr(2,event.length).toUpperCase()]);}function removeEvent(event){	this[event] = null;	if(ns4) this.releaseEvents(Event[event.substr(2,event.length).toUpperCase()]);}function getElement(name,nest){	nest = nest ? "document."+nest+"." : "";	var el = dom ? document.getElementById(name) : iex ? document.all[name] : ns4 ? eval(nest+"document."+name) : false;	el.css = ns4 ? el : el.style;	el.getTop = function(){return parseInt(el.css.top) || 0};	el.setTop = function(y){el.css.top = ns4 ? y: y+"px"};	el.getHeight = function(){return ns4 ? el.document.height : el.offsetHeight};	el.getClipHeight = function(){return ns4 ? el.clip.height : el.offsetHeight};	el.hideVis = function(){el.css.visibility="hidden"};	el.addEvent = addEvent;	el.removeEvent = removeEvent;	return el;}function getYMouse(e){	return iex ? event.clientY : e.pageY;}document.addEvent = addEvent;document.removeEvent = removeEvent;// ||||||||||||||||||||||||||||||||||||||||||||||||||// Scroller ClassScrollObj = function(speed, dragHeight, trackHeight, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj){	this.speed = speed;	this.dragHeight = dragHeight;	this.trackHeight = trackHeight;	this.trackObj = getElement(trackObj);	this.upObj = getElement(upObj);	this.downObj = getElement(downObj);	this.dragObj = getElement(dragObj);	this.contentMaskObj = getElement(contentMaskObj);	this.contentObj = getElement(contentObj,contentMaskObj);	this.obj = contentObj+"Object";	eval(this.obj+"=this");		this.trackTop = this.dragObj.getTop();	this.trackLength = this.trackHeight-this.dragHeight;	this.trackBottom = this.trackTop+this.trackLength;	this.contentMaskHeight = this.contentMaskObj.getClipHeight();	this.contentHeight = this.contentObj.getHeight();	this.contentLength = this.contentHeight-this.contentMaskHeight;	this.scrollLength = this.trackLength/this.contentLength;	this.scrollTimer = null;		if(this.contentHeight <= this.contentMaskHeight){		this.dragObj.hideVis();	}else{		var self = this;		this.trackObj.addEvent("onmousedown", function(e){self.scrollJump(e);return false});		this.upObj.addEvent("onmousedown", function(){self.scroll(self.speed);return false});		this.upObj.addEvent("onmouseup", function(){self.stopScroll()});		this.upObj.addEvent("onmouseout", function(){self.stopScroll()});		this.downObj.addEvent("onmousedown", function(){self.scroll(-self.speed);return false});		this.downObj.addEvent("onmouseup", function(){self.stopScroll()});		this.downObj.addEvent("onmouseout", function(){self.stopScroll()});		this.dragObj.addEvent("onmousedown", function(e){self.startDrag(e);return false});		if(iex) this.dragObj.addEvent("ondragstart", function(){return false});	}}ScrollObj.prototype.startDrag = function(e){	this.dragStartMouse = getYMouse(e);	this.dragStartOffset = this.dragObj.getTop();	var self = this;	document.addEvent("onmousemove", function(e){self.drag(e)});	document.addEvent("onmouseup", function(){self.stopDrag()});}ScrollObj.prototype.stopDrag = function(){	document.removeEvent("onmousemove");	document.removeEvent("onmouseup");}ScrollObj.prototype.drag = function(e){	var currentMouse = getYMouse(e);	var mouseDifference = currentMouse-this.dragStartMouse;	var dragDistance = this.dragStartOffset+mouseDifference;	var dragMovement = (dragDistance<this.trackTop) ? this.trackTop : (dragDistance>this.trackBottom) ? this.trackBottom : dragDistance;	this.dragObj.setTop(dragMovement);	var contentMovement = -(dragMovement-this.trackTop)*(1/this.scrollLength);	this.contentObj.setTop(contentMovement);}ScrollObj.prototype.scroll = function(speed){	var contentMovement = this.contentObj.getTop()+speed;	var dragMovement = this.trackTop-Math.round(this.contentObj.getTop()*(this.trackLength/this.contentLength));	if(contentMovement > 0){		contentMovement = 0;	}else if(contentMovement < -this.contentLength){		contentMovement = -this.contentLength;	}	if(dragMovement < this.trackTop){		dragMovement = this.trackTop;	}else if(dragMovement > this.trackBottom){		dragMovement = this.trackBottom;	}	this.contentObj.setTop(contentMovement);	this.dragObj.setTop(dragMovement);	this.scrollTimer = window.setTimeout(this.obj+".scroll("+speed+")",25);}ScrollObj.prototype.stopScroll = function(){	if(this.scrollTimer){		window.clearTimeout(this.scrollTimer);		this.scrollTimer = null;	}}ScrollObj.prototype.scrollJump = function(e){	var currentMouse = getYMouse(e);	var dragDistance = currentMouse-(this.dragHeight/2);	var dragMovement = (dragDistance<this.trackTop) ? this.trackTop : (dragDistance>this.trackBottom) ? this.trackBottom : dragDistance;	this.dragObj.setTop(dragMovement);	var contentMovement = -(dragMovement-this.trackTop)*(1/this.scrollLength);	this.contentObj.setTop(contentMovement);}// ||||||||||||||||||||||||||||||||||||||||||||||||||// Misc Functionsfunction fixNetscape4(){	if(ns4origWidth != window.innerWidth || ns4origHeight != window.innerHeight){		window.location.reload();	}	}if(document.layers){	ns4origWidth = window.innerWidth;	ns4origHeight = window.innerHeight;	window.onresize = fixNetscape4;}// ||||||||||||||||||||||||||||||||||||||||||||||||||window.onload = function(){	// speed, dragHeight, trackHeight, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj	myScroll = new ScrollObj(6,21,174,"track","up","down","drag","contentMask","content");};</SCRIPT><STYLE type=text/css>BODY {	OVERFLOW: hidden; BACKGROUND-COLOR: #CADB2B}P {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; COLOR: #785a3c; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: verdana,sans-serif}.unnamed1 {	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff}.unnamed2 {	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 40px; BACKGROUND-COLOR: #000000}.unnamed3 {	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #000000 1px solid; WIDTH: 40px; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #cccccc}</STYLE></HEAD><BODY bgColor=#000000><DIV id=up style="Z-INDEX: 2; LEFT: 505px; CURSOR: pointer; POSITION: absolute; TOP: 0px"><IMG height=17 src="imgs/seta_cima.gif" width=14> </DIV><DIV id=track style="Z-INDEX: 3; LEFT: 501px; WIDTH: 21px; POSITION: absolute; TOP: 16px; HEIGHT: 167px"><IMG height=163 src="imgs/trilho.gif" width=21> </DIV><DIV id=drag style="Z-INDEX: 4; LEFT: 501px; CURSOR: pointer; POSITION: absolute; TOP: 12px"><IMG height=8 src="imgs/scroll.gif" width=21> </DIV><DIV id=down style="Z-INDEX: 5; LEFT: 505px; CURSOR: pointer; POSITION: absolute; TOP: 177px"><IMG height=17 src="imgs/seta_baixo.gif" width=14> </DIV><DIV id=contentMask style="Z-INDEX: 6; LEFT: 6px; OVERFLOW: hidden; WIDTH: 275px; CLIP: rect(0px 275px 192px 0px); POSITION: absolute; TOP: 2px; HEIGHT: 228px"></DIV><DIV id=content style="LEFT: 4px; WIDTH: 386px; POSITION: absolute; TOP: 4px; HEIGHT: 225px"><TABLE height=230 cellSpacing=0 cellPadding=0 width=275 border=0>  <TBODY>  <TR>    <TD vAlign=top width=275 height=230>      <TABLE height=230 cellSpacing=0 cellPadding=0 width=397 border=0>        <TBODY>        <TR>          <TD vAlign=top width=397 height=230>            <DIV align=left>            <TABLE cellSpacing=0 cellPadding=0 width=496 border=0>              <TBODY>              <TR>                <TD bgColor=#CADB2B height=230><DIV align=left>                  <br>                </DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></BODY></HTML>

Guilherme Rambo · Agosto 1, 2007

Não há o que fazer, barras de rolagem personalizadas só no IE...Por isso eu sempre digo, limite-se a trabalhar dentro do site, deixe o navegador e seus itens de interface no seu modo padrão.....[]'s

Stefan · Agosto 5, 2007

Obrigado pela ajuda, esse código de um site foi passado para min assim, vou fazer uma proposta de alteração de barra de rolagem para o cliente.

Entrar

Arquivado

Roda no Internet Explorer, não roda no Firefox

Recommended Posts

Stefan 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Rambo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Stefan 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Prettys Girls from your city for night

Search Sexy Girls in your town for night

Pergunta: Try your luck today.

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante