Andreia Regina Postado Janeiro 9, 2006 Denunciar Share Postado Janeiro 9, 2006 Oi!Estou com dificuldade em fazer o seguinte script funcionar no Firefox, Opera e Netscape, no IE funciona certinho e deveria funcionar nos outros pois testei o script antes de alterar na minha página, segue:parte css:#aniversariantes { position: absolute; overflow: hidden; botton: 330px; right: 5px; background-color: #FFFFE8; width:95%; height: 260px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000; padding-left:5px} #Scroller-1 { position: absolute; overflow: hidden; botton: 330px; right: 5px; width: 90%; height: 260px} #Scroller-1 p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000} .Scroller-Container { position: absolute; top: 0px; right: 0px;} .Scrollbar-Up { cursor: pointer; position: absolute; top: 10px; right: 5px} .Scrollbar-Down { cursor: pointer; position: absolute; top: 215px; right: 5px} javascript no arquivo index <script type="text/javascript" src="jsScroller.js"></script> <script language="JavaScript"> <!-- var scroller = null; window.onload = function () { var el = document.getElementById("Scroller-1"); scroller = new jsScroller(el, 400, 200); } //--> </script> html: <div id=aniversariantes> <img src="imagens/seta_up.gif" alt="Subir" class="Scrollbar-Up" onmouseover="scroller.startScroll(0, 5);" onmouseout="scroller.stopScroll();" /> <img src="imagens/seta_down.gif" alt="Descer" class="Scrollbar-Down" onmouseover="scroller.startScroll(0, -5);" onmouseout="scroller.stopScroll();" /> <div id="Scroller-1"> <div class="Scroller-Container"> <p align="center" class="anivers"> <strong>Feliz Aniversário:<br /></strong></p> Nome dos aniversariantes vindo do bd </div> <!-- Scroller-1 --> </div> <!-- Scroller-Container --> </div> <!-- aniversariantes --> Arquivo javascript com a função toda: //Written by Nathan Faubion: http://n-son.com //Use this or edit how you want, just give me //some credit! function jsScroller (o, w, h) { var self = this; var list = o.getElementsByTagName("div"); for (var i = 0; i < list.length; i++) { if (list[i].className.indexOf("Scroller-Container") > -1) { o = list[i]; } } //Private methods this._setPos = function (x, y) { if (x < this.viewableWidth - this.totalWidth) x = this.viewableWidth - this.totalWidth; if (x > 0) x = 0; if (y < this.viewableHeight - this.totalHeight) y = this.viewableHeight - this.totalHeight; if (y > 0) y = 0; this._x = x; this._y = y; with (o.style) { left = this._x +"px"; top = this._y +"px"; } }; //Public Methods this.reset = function () { this.content = o; this.totalHeight = o.offsetHeight; this.totalWidth = o.offsetWidth; this._x = 0; this._y = 0; with (o.style) { left = "0px"; top = "0px"; } }; this.scrollBy = function (x, y) { this._setPos(this._x + x, this._y + y); }; this.scrollTo = function (x, y) { this._setPos(-x, -y); }; this.stopScroll = function () { if (this.scrollTimer) window.clearInterval(this.scrollTimer); }; this.startScroll = function (x, y) { this.stopScroll(); this.scrollTimer = window.setInterval( function(){ self.scrollBy(x, y); }, 40 ); }; this.swapContent = function (c, w, h) { o = c; var list = o.getElementsByTagName("div"); for (var i = 0; i < list.length; i++) { if (list[i].className.indexOf("Scroller-Container") > -1) { o = list[i]; } } if (w) this.viewableWidth = w; if (h) this.viewableHeight = h; this.reset(); }; //variables this.content = o; this.viewableWidth = w; this.viewableHeight = h; this.totalWidth = o.offsetWidth; this.totalHeight = o.offsetHeight; this.scrollTimer = null; this.reset(); }; Mais informações: acesse aquiDesde já agradeçoAndreia Regina Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Mamuti Postado Janeiro 10, 2006 Denunciar Share Postado Janeiro 10, 2006 POde só ter sido erro de digitaçao seu na hora de postar mas no html o primero div com id aniversariante esta sem as aspas...não sei se isso altera só achei curioso porque ele é o unio sem...falou... Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Andreia Regina
Oi!
Estou com dificuldade em fazer o seguinte script funcionar no Firefox, Opera e Netscape, no IE funciona certinho e deveria funcionar nos outros pois testei o script antes de alterar na minha página, segue:
parte css:
javascript no arquivo index html: Arquivo javascript com a função toda:Mais informações: acesse aqui
Desde já agradeço
Andreia Regina
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.