Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Ayuda con control tab en css (http://www.forosdelweb.com/f53/ayuda-con-control-tab-css-566613/)

franko1809 16/03/2008 14:59
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

webpro_lukas 16/03/2008 15:07
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

juaniquillo 16/03/2008 16:19
Re: Ayuda con control tab en css
 
también ten en cuenta que necesitas la librería prototype para que los tabs funcionen.

franko1809 16/03/2008 16:57
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>

Mikmoro 16/03/2008 17:27
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.

franko1809 26/03/2008 11:51
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


La zona horaria es GMT -6. Ahora son las 02:28.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.