Foros del Web » Creando para Internet » CSS »

Ayuda con control tab en css

Estas en el tema de Ayuda con control tab en css en el foro de CSS en Foros del Web. descargue el archivo "control.tabs.2.1.1.js" de http://livepipe.net/projects/control_tabs/ , pero no entiendo los ejemplos para usar el codigo correctamente, si alguien ha trabajado con este codigo, puede ...
  #1 (permalink)  
Antiguo 16/03/2008, 15:59
 
Fecha de Ingreso: enero-2008
Ubicación: Lima - Perú
Mensajes: 1.126
Antigüedad: 9 años, 10 meses
Puntos: 10
Ayuda con control tab en css

descargue el archivo "control.tabs.2.1.1.js" de http://livepipe.net/projects/control_tabs/, pero no entiendo los ejemplos para usar el codigo correctamente, si alguien ha trabajado con este codigo, puede postear como utilizarlo ya que no entiendo nada de ingles y quiero aprender usar el control tab
  #2 (permalink)  
Antiguo 16/03/2008, 16:07
 
Fecha de Ingreso: agosto-2006
Ubicación: en mi casa
Mensajes: 192
Antigüedad: 11 años, 4 meses
Puntos: 0
Re: Ayuda con control tab en css

como que no?

<ul id="tab_group_one">
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
</ul>
<div id="one"><p>I am the content for tab one.</p></div>
<div id="two"><p>I am the content for tab two.</p></div>
<script>
new Control.Tabs('tab_group_one');
</script>

Esta en la misma pagina :P
  #3 (permalink)  
Antiguo 16/03/2008, 17:19
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: Ayuda con control tab en css

también ten en cuenta que necesitas la librería prototype para que los tabs funcionen.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #4 (permalink)  
Antiguo 16/03/2008, 17:57
 
Fecha de Ingreso: enero-2008
Ubicación: Lima - Perú
Mensajes: 1.126
Antigüedad: 9 años, 10 meses
Puntos: 10
Re: Ayuda con control tab en css

Mi codigo esta asi pero no funciona a esto me refiero como utilizo correctamente el scritp

Cita:
<html>
<body>
<script src="control.tabs.2.1.1.js" type="text/javascript"></script>
<script src="prototype.js" type="text/javascript"></script>
<ul id="tab_group_one">
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
</ul>
<div id="one"><p>I am the content for tab one.</p></div>
<div id="two"><p>I am the content for tab two.</p></div>
<script>
new Control.Tabs('tab_group_one');
</script>
</body>
</html>
  #5 (permalink)  
Antiguo 16/03/2008, 18:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con control tab en css

Si te bajas estos dos archivos:
http://livepipe.net/downloads/control.tabs.2.0.0.RC2.js
http://livepipe.net/scripts/prototype.js

y guardas este html en la misma carpeta:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prueba</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="prototype.js"></script>
<script src="control.tabs.2.0.0.RC2.js"></script>
</head>
<body>
<ul id="tabs_example_one" class="subsection_tabs">
<li><a class="active" href="#one">One</a></li>
<li><a href="#two">Two</a></li>
</ul>
<div style="" id="one"><p>This is the simplest example of a set of tabs.</p></div>
<div style="display: none;" id="two"><p>Note that the styling for the tabs is done with CSS, not the Control.Tabs script.</p></div>
<script>
new Control.Tabs('tabs_example_one');
</script>
</body>
</html>
te debería funcionar sin problema.

Mikel.
  #6 (permalink)  
Antiguo 26/03/2008, 12:51
 
Fecha de Ingreso: enero-2008
Ubicación: Lima - Perú
Mensajes: 1.126
Antigüedad: 9 años, 10 meses
Puntos: 10
Re: Ayuda con control tab en css

Funciono perfectamente pero sin la interfaz grafica, como hago para utilizarlas.
Bueno en todo caso las creare yo mismo con css

salu2
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:49.