::Menu Tabs con Ajax::

Javo2k · #1 (**permalink**) 24/09/2007, 16:06

Hay una funcion muy util de ajax que son los menus de pestañas pues bien estoy programando y estoy utilizandolos pero el problemas es que los codigos en internet que he visto no tiene la opcion de reutilizar las viñetas es decir de una pagina X que me referencie un <li> del ajax se puede hacer o llamar otro <div> el caso y me vuelva a cargar la funcion

He aqui el codigo del primer archivo donde se define los <li> de enlaces

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Dynamic Drive DHTML Scripts- Ajax Tabs Content script</title>
<link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
</script>
</head>

<body>
<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">Intro</a></li>
<li><a href="external.htm" rel="ajaxcontentarea">Pajaro</a></li>
<li><a href="external2.htm" rel="ajaxcontentarea">ESTA ES LA PAGINA DEL ENLACE A OTRO DIV</a></li>
<li><a href="external3.htm" rel="ajaxcontentarea">Cat</a></li>
<li><a href="external4.htm" rel="ajaxcontentarea">Sea Otter</a></li>
</ul>

<div id="ajaxcontentarea" class="contentstyle">
La pagina de Default no lleva nada xD
</div>
<script type="text/javascript">
startajaxtabs("maintab")
</script>

</body>

</html>

Uno de los enlances me lleva a otra pagina que es la siguiente donde defino con otro nombre de <div id> otro menu ajax

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Dynamic Drive DHTML Scripts- Ajax Tabs Content script</title>
<link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
</script>
</head>

<body>
<ul id="maintab1" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxs">Entrada</a></li>
<li><a href="external3.htm" rel="ajaxs">CAENLO</a></li>
<li><a href="external4.htm" rel="ajaxs">XXXX</a></li>
<li><a href="external.htm" rel="ajaxs">OGO</a></li>
</ul>

<div id="ajaxs">
Loreta Nightingale
</div>
<script type="text/javascript">
startajaxtabs("maintab1")
</script>

</body>

</html>

Cuando cargo el segundo grupo de <li> y abro la pagina que referencia el enlace me la abre en pantalla completa no en el <div>, Alguien sabe a que se deba mi error

De antemano gracias