Foros del web, para los que viven de bits

franko1809 · 16-mar-2008, 14:59

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

webpro_lukas · 16-mar-2008, 15:07

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

juaniquillo · 16-mar-2008, 16:19

también ten en cuenta que necesitas la librería prototype para que los tabs funcionen.

franko1809 · 16-mar-2008, 16:57

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>

Mikmoro · 16-mar-2008, 17:27

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.

franko1809 · 26-mar-2008, 11:51

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

salu2

16-mar-2008, 14:59	#1 (permalink)
franko1809 Fecha de Ingreso: enero-2008 Mensajes: 372	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

16-mar-2008, 15:07	#2 (permalink)
webpro_lukas Fecha de Ingreso: agosto-2006 Ubicación: en mi casa Mensajes: 174	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

16-mar-2008, 16:19	#3 (permalink)
juaniquillo Colaborador Fecha de Ingreso: noviembre-2005 Ubicación: San Juan Mensajes: 3.630	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 Sólo espero escribir un artículo algún dia...

16-mar-2008, 16:57	#4 (permalink)
franko1809 Fecha de Ingreso: enero-2008 Mensajes: 372	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>

16-mar-2008, 17:27	#5 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.436	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.

26-mar-2008, 11:51	#6 (permalink)
franko1809 Fecha de Ingreso: enero-2008 Mensajes: 372	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

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado