Comentarios en: Tabs CSS simples con jQuery http://tednologia.com/tabs-css-simples-con-jquery/ Otro sitio realizado con WordPress Mon, 09 Jan 2012 17:09:47 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Por: Andres http://tednologia.com/tabs-css-simples-con-jquery/#comment-258 Andres Mon, 09 Jan 2012 17:09:47 +0000 http://craftyman.net/?p=466#comment-258 Excelente, fácil de implementar y manejar el diseño, muchas gracias! from Talca Chile :D Excelente, fácil de implementar y manejar el diseño, muchas gracias! from Talca Chile :D

]]> Por: Marita http://tednologia.com/tabs-css-simples-con-jquery/#comment-257 Marita Fri, 02 Dec 2011 14:47:06 +0000 http://craftyman.net/?p=466#comment-257 Excelente. Pero quisiera hacerle funcionar dentro de un frame??? Es posible? y si me dan alguna idea. Gracias. Excelente.
Pero quisiera hacerle funcionar dentro de un frame???
Es posible? y si me dan alguna idea. Gracias.

]]> Por: jhonny nina veizaga http://tednologia.com/tabs-css-simples-con-jquery/#comment-256 jhonny nina veizaga Tue, 29 Nov 2011 16:49:42 +0000 http://craftyman.net/?p=466#comment-256 Muy bueno su post, he implementad esto, y me ha funcionando de maravillas, gracias. Muy bueno su post, he implementad esto, y me ha funcionando de maravillas, gracias.

]]> Por: Hans http://tednologia.com/tabs-css-simples-con-jquery/#comment-255 Hans Wed, 23 Nov 2011 14:03:15 +0000 http://craftyman.net/?p=466#comment-255 Hola, limpio y compacto, me gusta, lo usaré gracias por compartirlo! Me permitiré agregar unas líneas para que se puedan tener varios Tabs en la misma página: Saludos desde Chile. --------------------------------------------- $("ul.tabs").each(function(){ var tab_conttainer = $(this).next() var tab_index = $(this) $("li:first",this).addClass("active").show(); $(".tab_content",tab_conttainer).hide(); $(".tab_content",tab_conttainer).eq(0).show(); $("li",tab_index).click(function() { $("li",tab_index).removeClass("active"); $(this,tab_index).addClass("active"); $(".tab_content",tab_conttainer).hide(); var activeTab = $(this,tab_index).find("a").attr("href"); $(activeTab,tab_conttainer).fadeIn(); return false; }); }) --------------------------------------------- Hola, limpio y compacto, me gusta, lo usaré gracias por compartirlo!
Me permitiré agregar unas líneas para que se puedan tener varios Tabs en la misma página:

Saludos desde Chile.

———————————————

$(“ul.tabs”).each(function(){
var tab_conttainer = $(this).next()
var tab_index = $(this)
$(“li:first”,this).addClass(“active”).show();

$(“.tab_content”,tab_conttainer).hide();
$(“.tab_content”,tab_conttainer).eq(0).show();

$(“li”,tab_index).click(function()
{
$(“li”,tab_index).removeClass(“active”);
$(this,tab_index).addClass(“active”);
$(“.tab_content”,tab_conttainer).hide();

var activeTab = $(this,tab_index).find(“a”).attr(“href”);
$(activeTab,tab_conttainer).fadeIn();
return false;
});
})

———————————————

]]> Por: luis http://tednologia.com/tabs-css-simples-con-jquery/#comment-254 luis Mon, 14 Nov 2011 17:51:55 +0000 http://craftyman.net/?p=466#comment-254 amigo que ayudasa re buenazo tu codigo sos el mejor man exitos amigo que ayudasa re buenazo tu codigo sos el mejor man exitos

]]> Por: Oscar http://tednologia.com/tabs-css-simples-con-jquery/#comment-253 Oscar Sat, 08 Oct 2011 18:47:23 +0000 http://craftyman.net/?p=466#comment-253 No se como agradecerle esto, he intentado poner el Tab con muchísimos y este fue el único que me sirvió, muchísimas gracias por esta gran ayuda que me has dado. Saludos y que Dios lo llene de bendiciones. No se como agradecerle esto, he intentado poner el Tab con muchísimos y este fue el único que me sirvió, muchísimas gracias por esta gran ayuda que me has dado.

Saludos y que Dios lo llene de bendiciones.

]]> Por: Pablo http://tednologia.com/tabs-css-simples-con-jquery/#comment-252 Pablo Fri, 30 Sep 2011 23:50:18 +0000 http://craftyman.net/?p=466#comment-252 $("ul.tabs li:first").addClass("active").show(); podria funcionar sin el .show(); Saludos! $(“ul.tabs li:first”).addClass(“active”).show();

podria funcionar sin el .show();

Saludos!

]]> Por: CarlosBerman http://tednologia.com/tabs-css-simples-con-jquery/#comment-251 CarlosBerman Tue, 27 Sep 2011 01:32:11 +0000 http://craftyman.net/?p=466#comment-251 Todo está bien, excepto que no puede usarse anchors, sería lo ideal, sobre todo para mi que quiero hacer posts bilingües, poder vincular directamente el contenido de los tabs usando "#spanish" o "#english", he usado otros tabs así, pero causan conflictos con otros scripts que tengo, este está perfecto porque usa la librería jQuery que ya uso, veré si puedo hacerlo funcionar con anchors. Todo está bien, excepto que no puede usarse anchors, sería lo ideal, sobre todo para mi que quiero hacer posts bilingües, poder vincular directamente el contenido de los tabs usando “#spanish” o “#english”, he usado otros tabs así, pero causan conflictos con otros scripts que tengo, este está perfecto porque usa la librería jQuery que ya uso, veré si puedo hacerlo funcionar con anchors.

]]> Por: marcos antonio http://tednologia.com/tabs-css-simples-con-jquery/#comment-250 marcos antonio Thu, 15 Sep 2011 21:15:21 +0000 http://craftyman.net/?p=466#comment-250 chevere muy bueno tu codigo...Funciona a la perfeccion chevere muy bueno tu codigo…Funciona a la perfeccion

]]> Por: Lorenita http://tednologia.com/tabs-css-simples-con-jquery/#comment-249 Lorenita Fri, 26 Aug 2011 13:41:04 +0000 http://craftyman.net/?p=466#comment-249 Está genial justo lo que buscaba para el index de una web de un cliente! gracias! Está genial justo lo que buscaba para el index de una web de un cliente! gracias!

]]> Por: Convertir Flash a HTML5 con Wallaby | Tecnologia, Desarrollo Web, Posicionamiento Web SEO http://tednologia.com/tabs-css-simples-con-jquery/#comment-248 Convertir Flash a HTML5 con Wallaby | Tecnologia, Desarrollo Web, Posicionamiento Web SEO Wed, 17 Aug 2011 14:47:24 +0000 http://craftyman.net/?p=466#comment-248 [...] Tabs CSS simples con jQuery [...] [...] Tabs CSS simples con jQuery [...]

]]> Por: pablo http://tednologia.com/tabs-css-simples-con-jquery/#comment-247 pablo Sat, 16 Jul 2011 21:35:21 +0000 http://craftyman.net/?p=466#comment-247 Muy buena herramienta y muy bien explicada, me funciona perfecto muchas gracias Muy buena herramienta y muy bien explicada, me funciona perfecto muchas gracias

]]> Por: Oscar Canchica http://tednologia.com/tabs-css-simples-con-jquery/#comment-246 Oscar Canchica Thu, 16 Jun 2011 14:14:22 +0000 http://craftyman.net/?p=466#comment-246 Esta genial y sencillo, tremendo aporte, muchas gracias!!! Esta genial y sencillo, tremendo aporte, muchas gracias!!!

]]> Por: Gabriel - Publica Tacna http://tednologia.com/tabs-css-simples-con-jquery/#comment-245 Gabriel - Publica Tacna Sat, 11 Jun 2011 22:06:02 +0000 http://craftyman.net/?p=466#comment-245 Gracias por el codigo, lo voy a probar ahora mismo en mi sitio, gracias Gracias por el codigo, lo voy a probar ahora mismo en mi sitio, gracias

]]> Por: Gabriela - Punta del Este http://tednologia.com/tabs-css-simples-con-jquery/#comment-244 Gabriela - Punta del Este Mon, 23 May 2011 21:11:20 +0000 http://craftyman.net/?p=466#comment-244 Muchas gracias por ésto: ya la apliqué en mi sitio web y queda muy bien. Además tu sitio es muy bueno Saludos Muchas gracias por ésto: ya la apliqué en mi sitio web y queda muy bien. Además tu sitio es muy bueno
Saludos

]]> Por: ffernnado http://tednologia.com/tabs-css-simples-con-jquery/#comment-243 ffernnado Thu, 19 May 2011 13:55:33 +0000 http://craftyman.net/?p=466#comment-243 hola amigos esta perfecto este plugin gracias hola amigos esta perfecto este plugin gracias

]]> Por: Charliechin http://tednologia.com/tabs-css-simples-con-jquery/#comment-242 Charliechin Fri, 11 Mar 2011 09:25:59 +0000 http://craftyman.net/?p=466#comment-242 Jose a mi me ha ido bien en Chrome. Revisa los pasos. Jose a mi me ha ido bien en Chrome. Revisa los pasos.

]]> Por: Jose http://tednologia.com/tabs-css-simples-con-jquery/#comment-241 Jose Thu, 03 Mar 2011 14:02:10 +0000 http://craftyman.net/?p=466#comment-241 Hola, grcias por el codigo, lo estoy usando, teno un pequeño o gran problema es en Chroome No Funciona, no se ocultas los DIv, pero In IE. tood marcha bien. no se si me puedes sugerir alguna solucion. Hola, grcias por el codigo, lo estoy usando, teno un pequeño o gran problema es en Chroome No Funciona, no se ocultas los DIv, pero In IE. tood marcha bien. no se si me puedes sugerir alguna solucion.

]]> Por: Tabs con CSS y jQuery http://tednologia.com/tabs-css-simples-con-jquery/#comment-240 Tabs con CSS y jQuery Thu, 03 Mar 2011 04:37:58 +0000 http://craftyman.net/?p=466#comment-240 [...] ver el demo funcionando o puedes ver éste tutorial para implementarlo tú mismo. Etiquetas: css, jquery, recursos, ui ¿Te pareció [...] [...] ver el demo funcionando o puedes ver éste tutorial para implementarlo tú mismo. Etiquetas: css, jquery, recursos, ui ¿Te pareció [...]

]]> Por: anton http://tednologia.com/tabs-css-simples-con-jquery/#comment-239 anton Tue, 22 Feb 2011 01:08:57 +0000 http://craftyman.net/?p=466#comment-239 Genial código y explicación. Enhorabuena!! Genial código y explicación. Enhorabuena!!

]]> Por: Fito http://tednologia.com/tabs-css-simples-con-jquery/#comment-238 Fito Mon, 07 Feb 2011 13:58:32 +0000 http://craftyman.net/?p=466#comment-238 Chevre Gracias, pero kisiera saber si komo puedo hacer para poder navegar de tab eb tab desde un boton aparte aso como <>>, si alguiel me Podria pasar ese Dato se lo Agradeceria... Chevre Gracias, pero kisiera saber si komo puedo hacer para poder navegar de tab eb tab desde un boton aparte aso como <>>, si alguiel me Podria pasar ese Dato se lo Agradeceria…

]]> Por: fforna http://tednologia.com/tabs-css-simples-con-jquery/#comment-237 fforna Wed, 19 Jan 2011 22:08:26 +0000 http://craftyman.net/?p=466#comment-237 su uso iframes en el contenido de los tabs no funciona su uso iframes en el contenido de los tabs no funciona

]]> Por: Ulises http://tednologia.com/tabs-css-simples-con-jquery/#comment-236 Ulises Mon, 20 Dec 2010 17:35:37 +0000 http://craftyman.net/?p=466#comment-236 Excelente aporte!! Código limpio! Funciona a la perfección! Excelente aporte!! Código limpio! Funciona a la perfección!

]]> Por: danzig http://tednologia.com/tabs-css-simples-con-jquery/#comment-235 danzig Thu, 28 Oct 2010 18:14:29 +0000 http://craftyman.net/?p=466#comment-235 Excelente, muchas gracias me sirvio un montón, éxitos. Excelente, muchas gracias me sirvio un montón, éxitos.

]]> Por: Daniel http://tednologia.com/tabs-css-simples-con-jquery/#comment-234 Daniel Wed, 08 Sep 2010 14:49:04 +0000 http://craftyman.net/?p=466#comment-234 Muy bueno el aporte, como puedo configurar para que sea automatico el cambio de los tabs? es decir que vaya cambiando cada x segundos. gracias Muy bueno el aporte, como puedo configurar para que sea automatico el cambio de los tabs? es decir que vaya cambiando cada x segundos.

gracias

]]> Por: jdaanial http://tednologia.com/tabs-css-simples-con-jquery/#comment-233 jdaanial Thu, 26 Aug 2010 09:21:12 +0000 http://craftyman.net/?p=466#comment-233 Muy bien, me funciono a la primera... Muchas Gracias! Muy bien, me funciono a la primera…
Muchas Gracias!

]]> Por: johan http://tednologia.com/tabs-css-simples-con-jquery/#comment-232 johan Fri, 20 Aug 2010 15:01:41 +0000 http://craftyman.net/?p=466#comment-232 muy bueno como hago para que inicie por el tab3 y no por el tab1 muchas gracias muy bueno

como hago para que inicie por el tab3 y no por el tab1

muchas gracias

]]> Por: johan http://tednologia.com/tabs-css-simples-con-jquery/#comment-231 johan Fri, 20 Aug 2010 14:58:26 +0000 http://craftyman.net/?p=466#comment-231 Hola el sistema de las tabs esta muy bueno, ya lo probe y lo modifique a mi gusto . .. y necesito ayuda con una cosita . . yo quisiera que al cargar la pagina iniciara por el tab numero 3, que debo cambiar y en que parte del codigo . . . No me vayan a decir que la informacion que esta en el tab3 la pase al tab1 . . .eso no me sirve . . . muchas gracias por la ayuda . . . Hola el sistema de las tabs esta muy bueno, ya lo probe y lo modifique a mi gusto . .. y necesito ayuda con una cosita . .

yo quisiera que al cargar la pagina iniciara por el tab numero 3, que debo cambiar y en que parte del codigo . . .

No me vayan a decir que la informacion que esta en el tab3 la pase al tab1 . . .eso no me sirve . . .

muchas gracias por la ayuda . . .

]]> Por: Jose Tapia http://tednologia.com/tabs-css-simples-con-jquery/#comment-230 Jose Tapia Wed, 18 Aug 2010 08:11:00 +0000 http://craftyman.net/?p=466#comment-230 Muchas gracias me ha servido de mucho saludos desde costa rica Muchas gracias me ha servido de mucho saludos desde costa rica

]]> Por: alex http://tednologia.com/tabs-css-simples-con-jquery/#comment-229 alex Wed, 11 Aug 2010 21:30:53 +0000 http://craftyman.net/?p=466#comment-229 queria hacer una pregunta, soy novato en el tema del css, tengo mi blog y estoy utilizando estos codigos para una pelicula que tengo en 5 partes, ya agregue el codigo que va en el html y el css para el contenido, lo que nose es la parte del javascript de como crearlo y como implementarlo, si me das una mano con eso, de explicarlo un poco mas, te lo agradeceria mucho. queria hacer una pregunta, soy novato en el tema del css, tengo mi blog y estoy utilizando estos codigos para una pelicula que tengo en 5 partes, ya agregue el codigo que va en el html y el css para el contenido, lo que nose es la parte del javascript de como crearlo y como implementarlo, si me das una mano con eso, de explicarlo un poco mas, te lo agradeceria mucho.

]]> Por: Nacho http://tednologia.com/tabs-css-simples-con-jquery/#comment-228 Nacho Mon, 19 Jul 2010 11:01:35 +0000 http://craftyman.net/?p=466#comment-228 Genial!!! me ha venido de perlas, aunque me surge un problemilla al incluir un highslide o slimbox para galería de imágenes dentro de una de las tabs. No sé si es por conflicto entre capas, js, o que? Si conoces alguna forma de solucionarlo o un jquery para galerís de imágenes que funcione dentro de las tabs te lo agradería. Saludos. Genial!!! me ha venido de perlas, aunque me surge un problemilla al incluir un highslide o slimbox para galería de imágenes dentro de una de las tabs. No sé si es por conflicto entre capas, js, o que? Si conoces alguna forma de solucionarlo o un jquery para galerís de imágenes que funcione dentro de las tabs te lo agradería.

Saludos.

]]> Por: Alexander http://tednologia.com/tabs-css-simples-con-jquery/#comment-227 Alexander Fri, 09 Jul 2010 04:49:46 +0000 http://craftyman.net/?p=466#comment-227 Como haces el menu flotante que esta a la izquierda...esta buenisimo Como haces el menu flotante que esta a la izquierda…esta buenisimo

]]> Por: Bruno http://tednologia.com/tabs-css-simples-con-jquery/#comment-226 Bruno Sat, 15 May 2010 22:21:45 +0000 http://craftyman.net/?p=466#comment-226 Excelente aporte! Excelente aporte!

]]> Por: Pedro http://tednologia.com/tabs-css-simples-con-jquery/#comment-225 Pedro Thu, 06 May 2010 01:37:11 +0000 http://craftyman.net/?p=466#comment-225 Gracias... el codigo muy facil de entender...te felicito todo muy bien...pero me gustaria que me ayudes con un un problema...cuando quiero generar dentro de los tabs otros tabs pero que carguen de acuerdo a los resultados que me de la base de datos.... Gracias… el codigo muy facil de entender…te felicito todo muy bien…pero me gustaria que me ayudes con un un problema…cuando quiero generar dentro de los tabs otros tabs pero que carguen de acuerdo a los resultados que me de la base de datos….

]]> Por: Ale http://tednologia.com/tabs-css-simples-con-jquery/#comment-224 Ale Thu, 03 Dec 2009 05:27:05 +0000 http://craftyman.net/?p=466#comment-224 Te hago una consulta cuando intento utilizar mas de una vez en la misma pagina, me aparecen contraidos los datos, como podría solucionarlo? gracias. Te hago una consulta cuando intento utilizar mas de una vez en la misma pagina, me aparecen contraidos los datos, como podría solucionarlo? gracias.

]]> Por: Ale http://tednologia.com/tabs-css-simples-con-jquery/#comment-223 Ale Mon, 30 Nov 2009 22:33:12 +0000 http://craftyman.net/?p=466#comment-223 Te agradezco mucho probe montones y el tuyo es el que me dio resultado. Te agradezco mucho probe montones y el tuyo es el que me dio resultado.

]]> Por: edoswit http://tednologia.com/tabs-css-simples-con-jquery/#comment-222 edoswit Mon, 19 Oct 2009 00:34:26 +0000 http://craftyman.net/?p=466#comment-222 Buena man, me gusto tu publicación, ahora voy a emplearlo y creo q quedara ok. xD Buena man, me gusto tu publicación, ahora voy a emplearlo y creo q quedara ok. xD

]]> Por: caos30 http://tednologia.com/tabs-css-simples-con-jquery/#comment-221 caos30 Wed, 08 Jul 2009 05:33:16 +0000 http://craftyman.net/?p=466#comment-221 Gracias por este regalo! un código excelente, limpio y el resultado inmejorable!! SERGI Gracias por este regalo! un código excelente, limpio y el resultado inmejorable!!

SERGI

]]>