Easy Scroll + Javascript + css + html Imprecionante :P

[jeus16]

Hola chicos, hoy dia estoy creando una web que tiene un iframe en el centro, pasa que este iframe tiene un fondo transparente y pues si le dejo la barra de desplazamiento se ve feo, investigando en internet vi que puedo ocultar la barra de desplazamiento... ahora....

oculte mi barra pero viendo un articulo publicado en elwebmaster.com: elwebmaster.com/articulos/easy-scroll-desplegando-el-contenido-de-tu-sitio-con-css << agregar el http

en donde habla de como crear una barra de desplegado de contenido con javascript.

Mi problema es el siguiente ... he creado mi codigo y lo he puesto dentro de mi html pasa que segun este codigo para que funcione solo tengo que pasar el mouse sobre un texto que dice: Scroll Up / Scroll Down / Reset mi idea es crear un div y poner 2 botones similar a este >>

img187.imageshack.us/img187/723/topq.gif << agregar el http

algo asi...

img505.imageshack.us/img505/9040/web20.jpg << agregar el http


no se si me di a entender.... lo que no se es modificar el javascript para poner los DIVs con los BOTONES!

[marcopoloaz06]

Hola, ps la verdad hay mucho mejores y mas configurables pero bueno tu quieres hece que tambien esta bueno, nada mas en el código del script modificas sus configuraciones:

Código javascript:

// id of the container element 
var id = "myContent";
// navigation buttons text
var nav = ["Scroll Up", "Scroll Down", "Reset"];
//  id for each navigation button (OPTIONAL)
var navId = ["btnUp", "btnDown", "btnReset"];
// movement speed
var speed = 5;
// desired height of the container element (in pixels)
var height = 200;
 

Ya nada mas, a tu imagen le pones en el id=btnUp y asi se lo cambias a todos.

Saludos
:D

[jeus16]

Hola gracias... pasa que he colocado mi DIV asi..

Código HTML:

<div style="position: absolute; width: 18px; height: 31px; z-index: 1; left: 639px; top: 5px" id="btnDown">
<img border="0" src="top.gif" width="22" height="35"></div> 

y aun no funciona... me podrías ayudar????

[jeus16]

Algún día me ayudaran acá? o es que tanta gente no sirve para nada?

[marcopoloaz06]

Hola, ps no entendiste muy bien:

js:

Código javascript:

function arriba(){
    obj.up = !obj.up;
};
function abajo(){
    obj.down = !obj.down;
};
function stop(){
    obj.style.top = "0px";
};
function fast(){
    obj.fast = !obj.fast;
};
 

html:

Código HTML:

 <div onmouseover="arriba();" onmouseout="arriba();" onmousedown="fast();" onmouseup="fast();">arriba</div>
    <div onmouseover="abajo();" onmouseout="abajo();" onmousedown="fast();" onmouseup="fast();">abajo</div>
    <div onclick="stop();">stop</div>
    <div id="myContent">
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
        bla bla bla<br><br>
    </div> 

solo es una ayudita
saludos
x_x

[jeus16]

mm disculpa pero el codigo lo he colocado y la verdad que aun no sirbe....... y es en serio lo necesito hacer funcionar....

[marcopoloaz06]

ahi sta el ejemplo
http://polopolomp.6te.net/easyscroll/
saludossssssssssssssssssssss
:s