none
scrolls dinamicos..... RRS feed

  • Pregunta

  • tengo varios paneles con scrolls horizontales que tienen gridviews. como le hago para que cuando mueva un scroll se muevan los demas scrolls y respectivamente sus grids?

    muchas garcias desde ya...

    miércoles, 25 de abril de 2012 0:01

Respuestas

  • O sea,

    que quieres sincronizar varios scrolls que están dentro de un repeater.  Voy a asumir que en todos esos divs que quieres sincronizar el id empieza por Repeater1_ por lo que el código jQuery quedaría así

    $(document).ready(function() {
        $("[id^=Repeater]").scroll(function () { 
            $("[id^=Repeater]").scrollTop($(this).scrollTop());
            $("[id^=Repeater]").scrollLeft($(this).scrollLeft());
        });   
    });​


    Atentamente, Sergio.

    Blog
    Twitter

    • Marcado como respuesta kompi jueves, 26 de abril de 2012 13:40
    jueves, 26 de abril de 2012 7:25
  • Si, jQuery en un framework javascript que nos ayuda a interactuar con el cliente de una manera más fácil. Puede usarlo perfectamente en VS2005.

    Tan sólo debes añadir la referencia al script jQuery que quieras (lo puedes tener en local o usar el alojado en la página de jQuery) y usarlo al gusto, como en ejemplo que te pase.

    Para añadir la referencia a jQuery en tu página aspx añade esto

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>


    Atentamente, Sergio.

    Blog
    Twitter


    • Editado sergiomf miércoles, 25 de abril de 2012 19:11
    • Marcado como respuesta kompi miércoles, 25 de abril de 2012 20:30
    miércoles, 25 de abril de 2012 19:11

Todas las respuestas

  • Hola,

    te paso un ejemplo que te puede servir de ayuda. Dale al botón que pone Run, y lo verás en funcionamiento.

    http://jsfiddle.net/AEzxM/

    Usa jQuery para mover un scroll en base al movimiento del otro.


    Atentamente, Sergio.

    Blog
    Twitter

    miércoles, 25 de abril de 2012 7:35
  • ok si es lo que ocupo.

    pero manejo VS2005

    eso de jQuery Funciona para VS2005

    como le hago?

    muchas gracias.


    joaquin marin

    miércoles, 25 de abril de 2012 15:48
  • Si, jQuery en un framework javascript que nos ayuda a interactuar con el cliente de una manera más fácil. Puede usarlo perfectamente en VS2005.

    Tan sólo debes añadir la referencia al script jQuery que quieras (lo puedes tener en local o usar el alojado en la página de jQuery) y usarlo al gusto, como en ejemplo que te pase.

    Para añadir la referencia a jQuery en tu página aspx añade esto

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>


    Atentamente, Sergio.

    Blog
    Twitter


    • Editado sergiomf miércoles, 25 de abril de 2012 19:11
    • Marcado como respuesta kompi miércoles, 25 de abril de 2012 20:30
    miércoles, 25 de abril de 2012 19:11
  • muchas gracias...

    soy primeriso en esto..

    wowww.

    ahora ya entiendo un poquito mas.

    y me gustaria aprender mas

    saludos y muchas gracias............


    joaquin marin

    miércoles, 25 de abril de 2012 20:32
  • y como le hago si los scrolls se van creando dinamicamente dentro de un repeater.

    Repeater1_ctl00_div1

    Repeater1_ctl01_div1

    Repeater1_ctl02_div1

    etc..
    ----------------------------
    ocupas que habra otra pregunta en el foro..
    saludos...


    joaquin marin

    miércoles, 25 de abril de 2012 23:08
  • O sea,

    que quieres sincronizar varios scrolls que están dentro de un repeater.  Voy a asumir que en todos esos divs que quieres sincronizar el id empieza por Repeater1_ por lo que el código jQuery quedaría así

    $(document).ready(function() {
        $("[id^=Repeater]").scroll(function () { 
            $("[id^=Repeater]").scrollTop($(this).scrollTop());
            $("[id^=Repeater]").scrollLeft($(this).scrollLeft());
        });   
    });​


    Atentamente, Sergio.

    Blog
    Twitter

    • Marcado como respuesta kompi jueves, 26 de abril de 2012 13:40
    jueves, 26 de abril de 2012 7:25
  • Exlelente...

    muchas gracias..


    joaquin marin

    jueves, 26 de abril de 2012 13:42
  • Ouuuuch!

    me marca un error el internet explorer cuando abro la pagina publicada

    Syntax error
    jquery-1.7.2.min.js Linea:4

    esto no pasa cuando lo corro desde el VisualStudio.


    joaquin marin


    • Editado kompi jueves, 26 de abril de 2012 15:27 error de dedo
    jueves, 26 de abril de 2012 15:26
  • Podrias incluir en tu proyecto el archivo jquery-1.7.2.min.js, es solo que lo descargues de la pagina, pero cerciorate que al publicarlo este incluido el archivo en tu proyecto.


    Si crees que la educación es cara, prueba con la ignorancia

    jueves, 26 de abril de 2012 16:10
  • mmm pues no..

    sige igual...

    <script language="javascript" src="jquery-1.7.2.min.js" type="text/javascript"></script>
        <script>
        $(document).ready(function() {
        $("[id^=Repeater1]").scroll(function () { 
            $("[id^=Repeater1]").scrollLeft($(this).scrollLeft());
        });   
    });​
        </script>

    si comentariso anda bien la pagina. pero no funciona el truco.


    joaquin marin

    jueves, 26 de abril de 2012 16:34
  • Veamos,

    ¿si corre en el Visual Studio con el Explorer el código javascript funciona perfectamente y luego, al publicarla, el Explorer marca un error?


    Atentamente, Sergio.

    Blog
    Twitter

    jueves, 26 de abril de 2012 16:37
  • Asi es...


    joaquin marin

    jueves, 26 de abril de 2012 16:40
  • Como lo estas publicando? ya verificaste permisos de la carpeta? y del directorio virtual en el IIS?


    Si crees que la educación es cara, prueba con la ignorancia

    jueves, 26 de abril de 2012 17:19
  • Ok ya se corrijio el problema no se que haya sido...

    no entiendo?

    solo me fui a  Opciones de internet,Opciones Avansadas  le di

    restablecer configuración de internet explorer.

    me actualizo el internet explorer a la verción 8.0.6001.18702

    y con eso jalo sin fallos...

    muchas gracias como quera...


    joaquin marin

    jueves, 26 de abril de 2012 20:16
  • tambie marca este mismo error.

    Syntax error
    jquery-1.7.2.min.js Linea:4

    al momento de configurar el IIS.

    en propiedades de  la pestaña documentos.

    cunado abilitas el pie de pagina del documento.


    joaquin marin

    lunes, 18 de junio de 2012 16:55