ir a siguiente ancla

aljota · #1 (**permalink**) 09/12/2004, 10:54

trabajando con frames, o iframes, tengo uno con navrgacion y el otro con textos, los cuales tienen varias anclas... es posible crear un botón que "vaya al siguiente ancla" crear como un "bajar mas" y que vaya de ancla en ancla?

angsanchez · #2 (**permalink**) 09/12/2004, 13:07

Hola, aljota
Directamente como lo quieres no sé si se puede, pero se conseguiría con javascript si las anclas tuviesen por nombre números consecutivos.

aljota · #3 (**permalink**) 09/12/2004, 13:11

hmmm, sabes como sería el código??

gracias !

angsanchez · #4 (**permalink**) 09/12/2004, 13:53

Así a pelo, un poco difícil de concretar. Vamos a ver...

Algo así, pruébalo y me dices cómo encaja en tu código:

En la página del menú pones:

Código HTML:

<head>
<script language="javascript" type="text/javascript">
function sigAncla()
{	var anclaActual = top.textFrame.location.hash
	top.textFrame.location.hash = (anclaActual+1)
}
</script>
</head>
<body>
<a href="javascript:sigAncla()">Bajar más</a>
</body>

Donde pone "textFrame" debes poner el nombre de tu marco de texto o principal.
No funcionará hasta que no hayas picado en un ancla la primera vez, pero creo que sí a partir de ella.
Lo he escrito a voleo, sin probarlo, pruébalo en tu página y si hace falta afinar más, pasa el código de tus páginas.

aljota · #5 (**permalink**) 09/12/2004, 13:59

todo bien, voy a probar de una vez a ver que pasa... gracias

aljota · #6 (**permalink**) 09/12/2004, 14:41

hmm, pues no me funciona, aun no tengo código, estaba intentandolo en un frameset con dos frames, tengo un link que me lleva al primer ancla, pero al usar el del codigo me dice que hay un error y no funciona...

angsanchez · #7 (**permalink**) 09/12/2004, 17:53

Bueno, lo he trabajado y probado; había que pulir el código. Queda así:
Página principal (frameset):

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset cols="80,*">
  <frame src="menu.htm" name="menuFrame">
  <frame src="texto.htm" name="textFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>

Página menu.htm:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var numAnclas = 4 //pon aquí el máximo
function sigAncla()
{	var ancla = top.textFrame.location.hash.substr(1)
	if (!ancla) ancla=0
	ancla = parseInt(ancla)+1
	if (ancla>numAnclas) ancla=1
	top.textFrame.location.hash = ancla
}
</script>
</head>
<body>
<p>Men&uacute;</p>
<p>etc.</p>
<p>&nbsp; </p>
<a href="javascript:sigAncla()">Siguiente</a>
</body>
</html>

Página texto.htm:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<p>Texto</p>
<p>..</p>
<p>..</p>
<p>..</p>
<p>..</p>
<p><a name="1"></a>Ancla 1 </p>
<p>..</p>
<p>..</p>
<p>..</p>
<p>..</p>
<p><a name="2"></a>Ancla 2 </p>
<p>..</p>
<p>..</p>
<p>..</p>
<p>..</p>
<p><a name="3"></a>Ancla 3 </p>
<p>..</p>
<p>..</p>
<p>..</p>
<p>..</p>
<p><a name="4"></a>Ancla 4 </p>
<p>..</p>
<p>..</p>
<p>..</p>
<p>&nbsp; </p>
</body>
</html>

aljota · #8 (**permalink**) 10/12/2004, 09:50

viejo ang! te debo una, se lo aplique a iframes y termine quitando la variable pa no tener que pensar en cuantas anclas poner, así pues al llegar al final allá se queda y no confunde al lector pensando que hay más, y pues también tire de una vez el antAncla.

Gracias, no habría podido hacerlo sin tu ayuda. soy diseñador y algo le pego al html, pero con el javascript aún me falta bastante léxico.

en lo que pueda ayudarte me avisas!
grax de nuevo