Scrool en una div/tabla

Raules · #1 (**permalink**) 27/01/2008, 16:30

Mi duda es la siguiente, y es si puedo y como hacer un scroll por ejemplo en una div o tabla tal cual tengo yo aqui en esta...

<div class="texto_normal_gris bloque_texto"><?=$row ['texto']?></div>

Me gustaría que lo que muestra el <?=$row ['texto']?> me lo mostrara dentro de un scrooll, es decir en una pequeña tabla con las dimensiones que le diga y si se pasa el texto de esa tabla que salga un scrool.

Es posible?

Gracias

hades87 · #2 (**permalink**) 27/01/2008, 17:07

mirate este ejemplo, que es para crear un scroll dentro del div :P

http://www.formatoweb.com.ar/blog/20...-no-intrusivo/

o mejor mírate esto, que creo que se ajusta mas :D

http://informatica-practica.net/solo...dentro-de-css/

Raules · #3 (**permalink**) 30/01/2008, 14:16

Estoy utilizando el de enlace: http://www.formatoweb.com.ar/blog/20...-no-intrusivo/

Pero no me funciona....

Lo tengo de la siguiente forma:

Código HTML:

<!-- Barra derecha -->
	<div id="barraContenido">
		  <div class="texto_normal_gris" id="detalleDatos"><br />
<?=$pdesign['texto']?>
	  </div>
	</div>
	
	<div id="barraContorno">
		<div id="barraInf"></div>
		<div class="flechas">
			<div id="arriba_abajo">
				<img id="descArriba" src="imagenes/flecha_arriba.gif" alt="Arriba">
				<img id="descAbajo" src="imagenes/flecha_abajo.gif" alt="Abajo">
			</div>
			<div><a href="javascript:history.back(1);"></a></div>
		</div>
	</div>
	<!-- Fin de barra derecha -->

Y el .js

Código PHP:

  /* 
    Copyright (c) 2007 FormatoWeb.com.ar 
    Prohibida la copia o modificación del presente código fuente. 
*/ 
 
scrollList=new Array(); 
 
function registraScroll(idAbajo, idArriba, div, velAbajo, velArriba) 
{ 
    if(scrollList[idAbajo]==null) scrollList[idAbajo]=new Array(); 
    if(scrollList[idArriba]==null) scrollList[idArriba]=new Array(); 
     
    scrollList[idAbajo].push(new Array(div, velAbajo)); 
    scrollList[idArriba].push(new Array(div, velArriba)); 
} 
 
window.onload=inicializar; 
 
function getEl(elementId) 
{ 
    return document.getElementById(elementId); 
} 
 
function inicializar() 
{ 
    for(key in scrollList) 
    { 
        var elemento=getEl(key); 
        elemento.onmouseover=iniciaScroll; 
        elemento.onmouseout=detieneScroll; 
    } 
} 
 
function iniciaScroll() 
{ 
    scrollDivs=new Array(); 
    velDivs=new Array(); 
    for(key in scrollList[this.id]) 
    { 
        scrollDivs.push(getEl(scrollList[this.id][key][0])); 
        velDivs.push(scrollList[this.id][key][1]); 
    } 
     /*  
         La idea era pasar scrollDivs y velDivs por argumento a scrollNow(), pero scrollDivs es un elemento, y al hacer la llamada de esta forma: 
        identificador=setInterval('scrollNow('+scrollDivs+', '+velDivs+')', 100); 
        scrollDivs queda ente medio de cadena de texto, por lo que JavaScript le aplica un toString() conviertiendolo en una cadena y no un elemento. 
     */     
    identificador=setInterval('scrollNow()', 50); 
} 
 
function detieneScroll() 
{ 
    clearInterval(identificador); 
} 
 
function scrollNow() 
{ 
    for(key in scrollDivs) 
    { 
        var desplazamientoActual=scrollDivs[key].scrollTop; 
        var nuevoDesplazamiento=desplazamientoActual+velDivs[key]; 
        scrollDivs[key].scrollTop=nuevoDesplazamiento;     
    } 
 
}

En la web funciona perfecto, pero en la mia no...
Sabes porque puede ser? O puedes ayudarme en ello?

Gracias

Mosiah · #4 (**permalink**) 30/01/2008, 15:50

Hola,

y no has probado con el atributo del style del div "overflow"?

Puedes usar "overflow", "overflow-x" u "overflow-y" y puede tomar los valores "hidden", que no muestra scroll, "scroll" que lo muestra siempre, o "auto", que lo mostrara si es necesario (lo he dicho de memoria, pero creo que no me he equivocado

)

Salu2

Raules · #5 (**permalink**) 30/01/2008, 17:02

De que forma de esta?

Y php:

Código HTML:

<html>
<head>
<style type="text/css">
#capa1 {background: black; color:yellow; width:250px; height:150px; overflow: auto; border: red 3px dotted}
</style>
</head>
<body>
Auto
<div id="capa1">
texto.......
</div> <br/>
Scroll

</body>
</html>

Esto no me funciona tal cual...

Mosiah · #6 (**permalink**) 31/01/2008, 01:39

Claro, al poner overflow auto, si el texto no supera el ancho del div, o hay más lineas que el alto del div, entonces no se verán los scrolls. Prueba a poner mas puntos y verás los scrolls.

Si quieres que se vean siempre, pon overflow:scroll.

Salu2