Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/07/2009, 23:56
oscar2h
 
Fecha de Ingreso: noviembre-2007
Mensajes: 237
Antigüedad: 16 años, 6 meses
Puntos: 4
problema con tab ajax

Saludos a todos, espero me puedan ayudar, aca dejo mi problema....


Encontre un tab que me gustaria aplicar en mi sistema

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<
link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />

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

</head>

<body>

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="#default" class="selected">Tab 1</a></li>
<li><a href="external2.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="external3.htm" rel="countrycontainer">Tab 3</a></li>
<li><a href="external4.htm" rel="#iframe">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<p>AKA VA EL CONTENIDO QUE SE CARGA</p>
</div>

<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>

</body>
</html> 

pero mi problema es que trabajo con un div principal en el cual cargo el contenido de las paginas, yo quiero colocar este tab dentro de ese contenido y poder llamar a las demas paginas, pero al hacerlo me envia a la pagina sacandome del area de trabajo, como podria modificar este tab para que al presionar sobre una de las opciones, la informacion se cargue en el area de trabajo, espero se haya entendido, gracias de antemano