Staff en línea
Últimos temas
[Aporte]ayudaaaa
por Chalo Hoy a las 9:37 am

[Ocio] ¿De que país sois?
por Chalo Ayer a las 11:07 am

[Ocio] Contemos hasta el 5000
por Chalo Ayer a las 10:03 am

Hola a todos
por AnaMolinelli Miér Mayo 23, 2018 3:51 pm

Página 1 de 2. 1, 2  Siguiente

[Resuelto] Acerca de unos códigos para las flechas "subir y bajar"
Tema iniciado por y Añadir a favoritos

[problema]http://www.expresionculturarte.com/forum:
phpbb3:
Google Chrome::
Tengo unos códigos que me pasó un Administrador que tiene su foro dentro de Foroactivo y sirve para que las flechitas que están en el índice suban y bajen en forma pausada, no de trancazo. A él le funciona muy bien ese código, pero yo lo puse, tanto en mi foro normal como en foro de pruebas y no me funcionó. Lo puse en una hoja de javascript tal y como me lo recomendó el Admin de ese foro, pero no se que pasó:
:
[/problema] No me da problema mis flechas, sube y bajan perfecto, pero no suben y bajas lentamente como yo quisiera.


Aquí está el código:


Código:
 $(function() {
$('body').prepend('<script>function goBottom() {window.scrollBy(0, 20);scrolldelay = setTimeout(\'goBottom()\', 100);};function goTop() {window.scrollBy(0, -20);scrolldelay = setTimeout(\'goTop()\', 100);};function stopScroll() {clearTimeout(scrolldelay);}; </script><div id="topdown"><span style="border: 0;position:fixed; right:0; top:65%;z-index:99;" class="top_down"><a title="Haz click para subir del todo" onmouseover="javascript:goTop();" onmouseout="javascript:stopScroll();" onclick="javascript:new Effect.ScrollTo(\'top\',{offset:-140}); return false" href="#top" class="top_down1" alt="Haz click para subir del todo"></a><a title="Haz click para bajar del todo" onmouseover="javascript:goBottom()" onmouseout="javascript:stopScroll()" onclick="javascript:new Effect.ScrollTo(\'bottom\',{offset:-150}); return false" href="#bottom" class="top_down2" alt="Haz click para bajar del todo"></a></span></div>');
}); 



Mensaje automático



[ok]Cierro tema, y muevo a Temas resueltos[/ok]
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
tienes algun CSS adicional?
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Código:

function goBottom() {
    window.scrollBy(0, 20);
    scrolldelay = setTimeout("goBottom()", 100);
};

function goTop() {
    window.scrollBy(0, -20);
    scrolldelay = setTimeout("goTop()", 100);
};

function stopScroll() {
    clearTimeout(scrolldelay);
};
$(function () {
    var
        a = '<div id="topdown"><span style="border: 0;position:fixed; right:0; top:65%;z-index:99;" class="top_down"><a title="Haz click para subir del todo" onmouseover="goTop();" onmouseout="stopScroll();" onclick="new Effect.ScrollTo("top",{offset:-140}); return false" href="#top" class="top_down1" alt="Haz click para subir del todo"></a><a title="Haz click para bajar del todo" onmouseover="goBottom()" onmouseout="stopScroll()" onclick="new Effect.ScrollTo("bottom",{offset:-150}); return false" href="#bottom" class="top_down2" alt="Haz click para bajar del todo"></a></span></div>';
   
    document.body.insertAdjacentHTML('afterbegin', a);

});


Prueba crea un js y ponlo en todos, elimina el anterior
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

@Chalo escribió:[quotelink="/t1263-en-curso-acerca-de-unos-codigos-para-las-flechas-subir-y-bajar#15374"]
tienes algun CSS adicional?
Te respondo esto: Si tengo códigos en el css, todos sin excepción me los han dado en soporte, pero los códigos del css afectan a la hoja de java?

Ya puse tu código y no funcionó, entonces te comento algo a ver si yo estoy haciendo algo mal:

Este es el código de mis botones que suben y bajan de golpe:

Código:
<div style="position: fixed; left: 10px !important; bottom: 30px; !important">
                                                       <a href="#top"><img src="http://i62.tinypic.com/swa9uf.gif" title="Ir arriba" /></a> <a href="#bottom"><br /><img src="http://i.imgur.com/uShIK77.gif" title="Ir abajo" /></a>
</div>

- Me lo dieron en soporte y nunca he tenido problema con él. Debo quitarlo para poner el tuyo? de ser así, en que parte de tu código meto la url de los botones?
Otra cosa, debido a que manejo el mouse con la mano izquierda, puse los botones de ese lado ¿esto afecta? Me refiero a que si los botones deberían ir del mismo lado que la barra de desplazamiento
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
si, quitalo por favor, y prueba, yo lo probe en un foro de prueba y esta correcto, pero creo que te hare un nuevo, mejor
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
prueba:

http://codelab.sitio-web.org/

Código:

function goBottom() {
    window.scrollBy(0, 1);
    scrolldelay = setTimeout("goBottom()", 5);
};
function goTop() {
    window.scrollBy(0, -1);
    scrolldelay = setTimeout("goTop()", 5);
};
function stopScroll() {
    clearTimeout(scrolldelay);
};
function smothscroll(c){
    var a = c == 'up' ? '#top' : '#page-footer  .navbar';
    $('html, body').animate({
        scrollTop:$(a).offset().top
    }, 800)
};
$(function () {
    var
    a = '<div id="topdown"><span style="border: 0;position:fixed; right:0; top:65%;z-index:99;" class="top_down"><a title="Haz click para subir del todo" onmouseover="goTop();" onmouseout="stopScroll();" onclick="smothscroll(\'up\'); return false" href="#top" class="top_down1" alt="Haz click para subir del todo"><img title="Ir arriba" src="http://i62.tinypic.com/swa9uf.gif"/></a></br><a title="Haz click para bajar del todo" onmouseover="goBottom()" onmouseout="stopScroll()" onclick="smothscroll(\'down\'); return false" href="#bottom" class="top_down2" alt="Haz click para bajar del todo"><img title="Ir abajo" src="http://i.imgur.com/uShIK77.gif"/></a></span></div>';
    document.body.insertAdjacentHTML('afterbegin', a);
});
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Ya lo puse y este si funcionó (está muuuuuuuuuuuuuuy lento ¿así debe ser?)

Doc ¿podrías hacer que las flechitas queden del lado izquierdo? anda ¿si?
BlueDiamante
avatar

¿Que estoy pensando? :

Las navidades se acercan y nuestro mundo no está feliz.... [table class=fecha_up][td]Se modifico:12/11/16 - 20:12 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

132


Puntos :

186


Me gusta :

36


ingreso :

17/10/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
ok dejame llegar a casa
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Código:

function goBottom() {
    window.scrollBy(0, 3);
    scrolldelay = setTimeout("goBottom()", 5);
};
function goTop() {
    window.scrollBy(0, -3);
    scrolldelay = setTimeout("goTop()", 5);
};
function stopScroll() {
    clearTimeout(scrolldelay);
};
function smothscroll(c){
    var a = c == 'up' ? '#top' : '#page-footer .navbar';
    $('html, body').animate({
        scrollTop:$(a).offset().top
    }, 400)
};
$(function () {
    var
    a = '<div id="topdown"><span style="border: 0;position:fixed; left:1%; top:65%;z-index:99;" class="top_down"><a title="Haz click para subir del todo" onmouseover="goTop();" onmouseout="stopScroll();" onclick="smothscroll(\'up\'); return false" href="#top" class="top_down1" alt="Haz click para subir del todo"><img title="Ir arriba" src="http://i62.tinypic.com/swa9uf.gif"/></a></br><a title="Haz click para bajar del todo" onmouseover="goBottom()" onmouseout="stopScroll()" onclick="smothscroll(\'down\'); return false" href="#bottom" class="top_down2" alt="Haz click para bajar del todo"><img title="Ir abajo" src="http://i.imgur.com/uShIK77.gif"/></a></span></div>';
    document.body.insertAdjacentHTML('afterbegin', a);
});

la velocidad la duplique si asi esta correcto dime pero dar por solucionado el soporte
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.