Ayuda con control tab en css

franko1809 · #1 (**permalink**) 16/03/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 · #2 (**permalink**) 16/03/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 · #3 (**permalink**) 16/03/2008, 16:19

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

franko1809 · #4 (**permalink**) 16/03/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 · #5 (**permalink**) 16/03/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 · #6 (**permalink**) 26/03/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