Al cargar la pagina, se muevan los scroll vertical y horizontal aleatoriamente

javierr · 28 Noviembre 2010, 16:44 PM

Seele como lo llevas? has conseguido algo, te lo comento porque te veo conectado, oye yo he conseguido invocar el script del ancla que me pasaste pulsando el boton de buscar del buscador, lo unico que me falta es hacerlo al poner en la caja de texto "foto100" x ejemplo.

¿Se podría hacer metiendo el script dentro del codigo del buscador en el codigo de la caja de texto? si necesitas el codigo te lo paso, echame una manilla que esto está casi terminado ya! saludos contesta lo antes posible please!

javierr · 28 Noviembre 2010, 18:39 PM

Alguien mas podría echarme una mano? si habeis seguido el hilo sabreis que es lo que me gustaría hacer.
He conseguido invocar el ancla al darle al boton buscar del buscador pero solo con un ancla, con varias no se hacerlo, ya que la intención es colocar en la caja de texto el contenido del ancla.

Este es el script (te lo dejo seele para que lo veas tambien):

</script>
<script submit="image" event="onClick" language="javascript">
function llamaralancla(){
document.location.href = "#foto100";
}
</script>

ayuda si alguien mas de seele me puede hechar una mano, mil gracias y perdonar por postear tanto sin recibir contestación pero estoy desesperado con esto!

seele · 29 Noviembre 2010, 14:58 PM

prueba con esto

Código (javascript) [Seleccionar]


<html>
<head></head>
<body>
<input type="text" name="buscar" id="buscar" value="buscar"/>
<input type="submit" value="ir" onclick="buscar()"/>

<script type="text/javascript">
function buscar() {
	var tag = document.getElementById('buscar').value;
	document.location.href = '#'+tag
}
</script>
</body>
</html>

aqui cada vez que le des al boton redirigira a la misma pagina buscando un ancla con el nombre tipeado en la caja de texto

espero te sirva

javierr · 7 Diciembre 2010, 15:28 PM

aquí lo tienes;

Eston son los botones del buscador:

<pre class="javascript geshi" style="font-family:monospace;">

<form onsubmit='buscar(); return false'>
<input class='searchtext' id='search' name='search' ' type='text' value='Search!'/>
<input class='searchsubmit' type='image' name='submit' src='imagenes/button.gif' onclick='buscar()'/>
</form>
</pre>

Aquí está el script:

<pre class="javascript geshi" style="font-family:monospace;">

<script type="text/javascript">
function buscar() {
var tag = document.getElementById('search').value;
document.location.href = '#'+tag
}
</script>
</pre>

ahí está ok?

seele · 7 Diciembre 2010, 15:36 PM

faltaria la funcion que mueve los scrolls es esa la que hay que adaptar

saludos

javierr · 7 Diciembre 2010, 15:51 PM

seele función de movimiento de scroll no tengo puesta, simplemente los scroll se mueven de forma automática al darle a buscar si la foto que buscas no se encuentra dentro de la pantalla del pc, el scroll se mueve solo para buscar la foto me entiendes? pero se mueve solo hasta esa posición justo en la que encuentra la foto, justo en ese momento se paran,

No tengo ninguna función que mueva scroll pero si quieres te paso una función para que la modifiques que mueve los scroll. a ver si esta te sirve:

Código (javascript) [Seleccionar]

  
<script language=javascript>
  Scrolling = 0;
  function Situarscroll() {
    while(Scrolling != 700) {
    this.scroll(200,Scrolling)
    Scrolling++;
    }
  }
</script>

esto mueve el scroll a la posición 700 px de alto, y 200 px de ancho, esta te podría servir modificandola para nuestro script, y meterla dentro del script del buscador para que seguido de hacer la función de buscar el ancla, luego haga esta otra función pero dentro del mismo script para que los dos se invoquen de la misma manera. esto quiza sea una solución. thanks te lo paso también por el hilo.

seele · 7 Diciembre 2010, 15:56 PM

muy bien chequeare como hacerlo con los scrolls normales

saludos