Scrollbar

monicamarrugo · #1 (**permalink**) 26/03/2007, 11:44

hola a todos los usuarios de este foro.

mi nombre es monica y soy nueva en este foro.

yo estoy diseñando una pagina web en html y le puse un scrollbar el problema es que en internet explorer se ve perfectamente y en firefox no me lo muestra no se si es problema de el buscador o del java script que estoy utilizando para crearlo, lo cierto es que no se puede visualizar en mozilla firefox.

por favor necesito ayuda se los agradezco

zyon · #2 (**permalink**) 26/03/2007, 11:54

Hola Moni, buenvenida ... publica el codigo para verlo y sea mas facil el que te den ayuda :)

monicamarrugo · #3 (**permalink**) 26/03/2007, 12:38

hola a todos los usuarios de este foro.

mi nombre es monica y soy nueva en este foro.

yo estoy diseñando una pagina web en html y le puse un scrollbar el problema es que en internet explorer se ve perfectamente y en firefox no me lo muestra no se si es problema de el buscador o del java script que estoy utilizando para crearlo, lo cierto es que no se puede visualizar en mozilla firefox.

por favor necesito ayuda se los agradezco

EL CONTENIDO DEL SCROLL ES DESDE LA LETRA EN NEGRITA HASTA ABAJO

<!
<table width="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="250" height="85"><img src="images/01.jpg" width="121" height="85"/></td>
<td width="129" height="85"><img src="images/02.jpg" width="129" height="85"/></td>
<td width="111" height="85"><img src="images/03.jpg" width="30" height="85"/></td>
<td width="81" height="85"><img src="images/04.jpg" width="81" height="85"/></td>
<td width="266" height="85"><img src="images/05.jpg" width="151" height="85"/></td>
<td width="81" height="85"><img src="images/06.jpg" width="115" height="85"/></td>
<td width="123" height="85"><img src="images/07.jpg" width="76" height="85"/></td>
<td width="81" height="85"><img src="images/08.jpg" width="47" height="85"/></td>
</tr>
<tr>
<td width="250" height="120"><img src="images/09_infoP.jpg" width="121" height="120"/></td>
<td width="129" height="120"><img src="images/10_infoP.jpg" width="129" height="120"/></td>
<td width="111" height="120"><img src="images/11.jpg" width="30" height="120"/></td>
<td colspan="4" rowspan="4" width="423" height="431" bgcolor="#01579B">

<div style="padding:50;height:90%;">




<div id="graphicsb0" style="display:none;">
<div>

<table class="tables" height="350" align="center">

<tr align="center">
<td><font size="+3" color="blue">Hola Monica</font></td>
</tr>
<tr align="center">
<td><img src="images/Monica.JPG"/></td>
</tr>
</table>


</div>
</div>

<script language="JavaScript">
function graphicsb_data0(){
/*---------------------------------------------
Scroll Bar Images
---------------------------------------------*/
this.up_button = "images/scroll_images/sample2_up.gif";
this.up_button_style="cursor:pointer";
this.up_button_roll = "images/scroll_images/sample2_up_roll.gif"; //image path and name only
this.down_button = "images/scroll_images/sample2_down.gif"; //image path and name only
this.down_button_roll = "images/scroll_images/sample2_down_roll.gif"; //image path and name only
this.slider_tile_bg_style = "background-image:url(images/scroll_images/sample2_slider_bg.gif);cursor:pointer;" //image defined as CSS style
this.bubble_top_cap = "images/scroll_images/sample2_bubble_topcap.gif,2"; //image path and name, height - (width is automatically set to scroll bar width)
this.bubble_bottom_cap = "images/scroll_images/sample2_bubble_bottomcap.gif,2"; //image path and name, height - ""
this.bubble_center = "images/scroll_images/sample2_bubble_center.gif,7"; //image path and name, height - ""
this.bubble_tile_bg_style = "images/scroll_images/sample2_bubble_bg.gif"; //image path and name only
this.container_width = 420
this.container_height = 350
this.container_bg_color = "";
this.content_padding = 0
this.content_styles = "font-family:Arial;font-weight:normal;font-size:12px;";
this.content_class_name = "";
/*---------------------------------------------
Scroll Bar Behaviour and Width
---------------------------------------------*/
this.scroll_bar_width = 17 //The width of the bar in pixels.
this.scroll_increment = 20 //The distance to scroll when clicking the up or down buttons.
this.allow_hover_scroll = true; //Auto scroll while hovering over top and bottom buttons.
this.hover_scroll_delay = 50; //Milliseconds (1/1000 second)
this.use_hand_cursor = false;
}</script>
</div>
</td>
<td width="81" height="120"><img src="images/12.jpg" width="47" height="120"/></td>
</tr>
<tr>
<td width="250" height="112"><img src="images/13_rinfo.jpg" width="121" height="112"/></td>
<td width="129" height="112"><img src="images/14_rinfo.jpg" width="129" height="112"/></td>
<td width="111" height="112"><img src="images/15.jpg" width="30" height="112"/></td>
<td width="81" height="112"><img src="images/16.jpg" width="47" height="112"/></td>
</tr>
<tr>
<td width="250" height="106"><img src="images/17_rinfo.jpg" width="121" height="106"/></td>
<td width="129" height="106"><img src="images/18_rinfo.jpg" width="129" height="106"/></td>
<td width="111" height="106"><img src="images/19.jpg" width="30" height="106"/></td>
<td width="81" height="106"><img src="images/20.jpg" width="47" height="106"/></td>
</tr>
<tr>
<td width="250" height="93"><img src="images/21_rinfo.jpg" width="121" height="93"/></td>
<td width="129" height="93"><img src="images/22_rinfo.jpg" width="129" height="93"/></td>
<td width="111" height="93"><img src="images/23.jpg" width="30" height="93"/></td>
<td width="81" height="93"><img src="images/24.jpg" width="47" height="93"/></td>
</tr>
<tr>
<td width="250" height="51"><img src="images/25.jpg" width="121" height="51"/></td>
<td width="129" height="51"><img src="images/26.jpg" width="129" height="51"/></td>
<td width="111" height="51"><img src="images/27.jpg" width="30" height="51"/></td>
<td width="81" height="51"><img src="images/28.jpg" width="81" height="51"/></td>
<td colspan="2" width="266" height="51"><img src="images/29.jpg" width="266" height="51"/></td>
<td colspan="2" width="123" height="51"><img src="images/30.jpg" width="123" height="51"/></td>
</tr>
<tr>
<td colspan="2" width="250" height="34"><img src="images/31.jpg" width="250" height="34"/></td>
<td colspan="2" width="111" height="34"><img src="images/32.jpg" width="111" height="34"/></td>
<td colspan="2" width="266" height="34"><img src="images/33.jpg" width="266" height="34"/></td>
<td colspan="2" width="123" height="34"><img src="images/34.jpg" width="123" height="34"/></td>
</tr>
</table>
<script language="JavaScript" src="scripts/graphic_scrollbar.js"></script>
</body>
</html>

JavierB · #4 (**permalink**) 26/03/2007, 12:43

Hola monicamarrugo. Bienvenida al foro.

No publiques dos mensajes para la misma duda, continúa con el que tenías abierto.

Temas unidos.

Saludos,

JUDYSTORM · #5 (**permalink**) 05/09/2008, 01:34

Hola soy judy, en mi pagina tengo un script que muestra imagenes horizontalmente se mira muy bien en el explorer pero en el mozilla no se ve absolutamente nada, no se cual es el problema, aqui les dejo el codigo.

<script language="JavaScript1.2">
//ancho
var marqueewidth=210
//alto
var marqueeheight=23
//velocidad
var speed=3
//mensaje
var marqueecontents='<img border="0" src="imagenes/6.jpg" width="205" height="262"> <img border="0" src="imagenes/7.jpg" width="205" height="262"> <img border="0" src="imagenes/8.jpg" width="205" height="262"> <img border="0" src="imagenes/9.jpg" width="205" height="262"> <img border="0" src="imagenes/13.jpg" width="205" height="262"> <img border="0" src="imagenes/1.jpg" width="205" height="251"> <img border="0" src="imagenes/2.jpg" width="205" height="260"> <img border="0" src="imagenes/3.jpg" width="205" height="262"> <img border="0" src="imagenes/4.jpg" width="205" height="262"> <img border="0" src="imagenes/5.jpg" width="205" height="262">'

if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+' </marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.w rite('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.c lose()
thelength=document.cmarquee01.document.cmarquee02. document.width
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=the length*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqu eewidth
scrollit()
}
}

window.onload=regenerate2
</script>