Duda con onclick="new Effect.ScrollTo

[AbdelioR]

Hola, pues estoy probando este efecto pero no me funciona. Lo tengo puesto asi.

<a href="#" onclick="new Effect.ScrollTo('zona'); return false;">Prueba</a>


Y mas abajo tengo <a id="zona"></a>


Que estoy haciendo mal??

[Shade]

a ver... el evento "new Effect.ScrollTo('zona') forma parte de scriptaculous, usas las librerias de scriptaculous? o simplemente has puesto ese esperando que funcione?

(Por suerte que uso scriptaculous y me he podido dar cuenta)

[andresq]

Iniciado por Shade

a ver... el evento "new Effect.ScrollTo('zona') forma parte de scriptaculous, usas las librerias de scriptaculous? o simplemente has puesto ese esperando que funcione?

(Por suerte que uso scriptaculous y me he podido dar cuenta)

No seas tan duro con el, solo queria un poco de ayuda

[Shade]

Jajajajjaaj no no, si es simplemente para saberlo, asi puedo ayudarle de una manera o de otra!! xD

Perdon si ha sonado feo ^^

[andresq]

Iniciado por Shade

Jajajajjaaj no no, si es simplemente para saberlo, asi puedo ayudarle de una manera o de otra!! xD

Perdon si ha sonado feo ^^

jejeje, o.k entonces disculpa por el mal entendido, suerte

[AbdelioR]

Jaja tranquilo que no ha sonado feo xD

Pues tienes razon yo habia puesto eso esperando que la gracia divina hiciera efecto, pero no :p

Entonces tengo que instalar librerias? puedes decirme cuales son y como hay que hacer para instalarlas? pues nunca he instalado ningunas anteriormente.

Gracias ;)


EDIT:Bueno no va, he leido que para instalar tengo que colocar en mi directorio estos archivos:

[[ prototype.js, scriptaculous.js, builder.js, effects.js, dragdrop.js, slider.js and controls.js ]]

Yo me he bajado las librerias pero "prototype.js" no venia dentro :S
A parte cuando pruebo el efecto sigue sin ir. Puedes guiarme un poco?

Gracias.

[Shade]

A ver, scriptaculous lo puedes descargar desde http://script.aculo.us/downloads y viene con prototype.js dentro (lo acabo de revisar por las dudas que en la ultima version hubieran sacado el archivo o algo).

Lo que debes hacer es un include a los .js en el head de tu pagina y despues podras empezar a utilizar todos los efectos como el Effect.ScrollTo

En la pagina que te he pasado (http://wiki.script.aculo.us/scriptac...ffect.ScrollTo) viene una explicacion bastante simple y que funciona 100%.

[AbdelioR]

Vale ya funciona, no se por que pero el .zip que me habia bajado antes no traia el prototype. Perfect :)

Ahora ya otra cosilla... yo antes ya tenia un onClick en la palabra, para que se ejecutara una funcion que muestra un flash en una determinada zona, ahora, para añadir esta nueva funcion de deslizamiento, lo he hecho asi:

Código HTML:

<span class="basico" style="cursor:hand;" onclick="new Effect.ScrollTo('zona'); return false"><a onClick="queMostrar(0)">Arch</a></span> 

Esta bien puesto de esta manera? con dos veces el 'onClick'? lo digo por que funcionar funciona, hace las dos cosas, pero el deslizamiento se traba a medio camino, y no hace el movimiento seguido sinó que a la mitad se encalla un poco.

Bueno era comentar eso más que nada por si se podia evitar a ver.

Gracias shade :)

[Shade]

Mmm podrias juntar los 2 eventos en una sola funcion y llamar a esa funcion en el onclick, seria mas facil :P

Y no hay de que que para eso estamos.

[AbdelioR]

Pues la otra funcion que tengo, esta en un fichero .js aparte y consiste en cargar un flash y su descripcion en una zona mas abajo de la pagina.

A esta funcion puedo pasarle #zona (que es donde se muestra el flash) y decirle que haga el scrollTo a esa zona? Lo he probado pero no me funciona, no se si por que lo he echo mal o por que no se puede :S

[Shade]

http://www.forosdelweb.com/f91/funcion-funcion-459783/ ^^

Resumen, mas facil todavia:

<span class="basico" style="cursor:hand;"><a onClick="queMostrar(0);new Effect.ScrollTo('zona'); return false">Arch</a></span>

[AbdelioR]

Perfecto, funciona a la perfección. Muchas gracias shade :D

Se te ocurre algun truco para evitar que se pare a medio camino debido a la carga del flash? supongo que será éste que al cargarse ralentizará un instante al efecto del scroll.


Saludos! y gracias una vez más :)

[Shade]

Ops sorry ahi ya si que no, yo es que trato de evitar el flash en todo lo que hago por ese tipo de problemas ^^

Me alegro de que hayas podido hacerlo funcionar por fin.

[AbdelioR]

Jeje bueno la verdad que lo que se retrasa es mínimo y luego ya va suave...

Muchas gracias shade por tu ayuda :p estoy un paso más cerca ya de terminar la web >_<! que ganas :p

Saludos!

[yuo2]

No quiero reventarles las pelotas por haber revivido este post, pero estoy q pruebo y nada.
Tengo las librerias en una carpeta javascripts y nada..

Código HTML:

<html>
<title>demo de scrollto</title>
<head>
  <script src="javascripts/prototype.js" type="text/javascript"></script>
  <script src="javascripts/scriptaculous.js" type="text/javascript"></script>
  <script src="javascripts/unittest.js" type="text/javascript"></script>
</head>

<body>
<a href="#" onclick="new Effect.ScrollTo('pcuatro'); return false;">Ir tres</a>

<h2 id="puno">UNO</h2>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>

<h2 id="pdos">DOS</h2>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>


<h2 id="ptres">TRES</h2>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
	  
<h2 id="pcuatro">CUATRO</h2>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
<p>//////////////////////////////</p>
 
  <script>
    window.scrollBy(0, 200);
  </script>  

</body>
</html> 

Sorry por el SPAM "////"