He aqui el codigo del primer archivo donde se define los <li> de enlaces
Cita:
Uno de los enlances me lleva a otra pagina que es la siguiente donde defino con otro nombre de <div id> otro menu ajax<!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>
"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>
Cita:
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<!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>
"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>
De antemano gracias
Mode Lineal
