instancias multiples para un script.

[kemie]

Estoy tratando de implementar este script:
http://www.onlinetools.org/tools/domtab.php

para una pagina. lo que hace el script es tomar los links dentro de la clase "mainnav" y hacer monada y media con ellos

Lo que me gustaria es poder definir varias clases a las que se pudiera aplicar la funcionalidad. (en un array? no se mucho de js :S)

aqui esta el .js:
http://www.onlinetools.org/tools/domtabdata/domtab.js

alguien me puede ayudar si es posible hacerlo sin reescribir todo el script??

gracias

[tunait]

En principio es un id mainnav .... qué idea tienes, tener distintos id para hacer lo mismo?

[kemie]

si, exacto, de alguna manera poder modificarlo para que pudiera correr el script en los elementos con id "mainnav", "mainnav1", "mainnav2" y "mainnav3"

vaya, inventandome una sintaxis
// change if you have another main navigation ids for tabbed or normal element id
var navElement='mainnav', 'mainnav1';


me explico?

[tunait]

Voy a ver ... aunque no sé si obtendrás los resultados que esperas, yá te digo ...

[kemie]

Se agradece mucho el esfuerzo :)

[tunait]

Necesitaría algunos datos más .... pues no sé si el comportamiento que le está quedando es lo que pretendes, a ver si tengo que modificar otras cosas.

El script hace uso de un id y de una clase;

Si se pone más de un id lo que hace es repetir el proceso, es decir, busca otro id y hace lo mismo que con el primero. Como los atributos css se le aplican mediante una clase, también lo puse con un array de clases.

Estoy probando con dos id, lo que hace es generar otro grupo igual debajo del primero. Por defecto carga uno de los div de cada grupo, el primero (la primera pestaña está visible) pero lo hace en los dos grupos creados. Pero claro, luego el funcionamiento de los clicks los trabaja como un sólo grupo.

La pregunta es, si quieres que trabaje como un grupo o como cada grupo de forma independiente, o no es tu idea la de tener varios grupos

no sé si logré explicarme...

[kemie]

cada uno independiente, es decir, cada uno debera de tener su pestaña activa, que no se afecte si en otro grupo se hace clic en una pestaña. Seria maravilloso si pudiera especificar una clase para cada id (es decir, mainnav-->tabon, mainnav2-->tabon2), pero esto no es escencial, porque puedo manejar los estilos de otra manera.

Ahora YO no se si logre explicarme, pero MIL gracias tunait :) :) :)

[tunait]

Ah, entonces al cargar antes de tocar nada, cada grupo muestra la primera pestaña por defecto ¿es así? (osea, con un display block de entrada para la primera capa de cada grupo)

[kemie]

si, eso seria lo ideal. estoy pidiendo mucho? porque si es muy complicado, tal vez la solucion mas sencilla es simplemente tener el script varias veces con funciones que tengan distintos nombres....

[tunait]

Bueno pues yá está, no sé si sería esto lo que querías.

Te dejo un archivo adjunto con lo que he trabajado.

Lleva dentro todo, el js y los css.

Verás que algunos estilos están duplicados con el mismo nombre más un número correlativo.

Para los id y las clases usa estos arrays

var navElement= new Array('mainnav','mainnav1','mainnav2');
var navElementTabbedId=new Array('mainnavtabbed','mainnavtabbed1','mainnavtab bed2');

Creo que no necesita mucha explicación, estúdiatelo un poco y cualquier cosa me preguntas
te lo meto en un zip que no me acepta html el foro este....

[tunait]

Iniciado por kemie

si, eso seria lo ideal. estoy pidiendo mucho? porque si es muy complicado, tal vez la solucion mas sencilla es simplemente tener el script varias veces con funciones que tengan distintos nombres....

Uish, recién leo ahora esta respuesta....

Bueno, lo de duplicar el script no sería del todo efectivo pues usa variables globales y arreglarlo para funcionar así daría el mismo trabajo y usaría mucho código. Mira a ver si te furula como lo he dejado

[frijolerou]

Quedó "cool" :P

Yo también estuve craneando un rato con el asunto, en la teoría iba bien, pero s eme sobreescribian algunas variables y quedaba la cagá doh!!

Voy a hecharle unam iradita al adjunto para ver en que me estaba equivocando.

[tunait]

jeje si, el tema era ver cómo discriminar los últimos elementos usados en cada grupo y usarlos al llamar a la función en cada click. Lo que hice fue guardar esos datos en vez de en las variables globales guardarlos dentro de cada grupo de forma individual y pasar el dato en cada llamada a la función

[kemie]

tunaaaaiiiitttt!!!!

es exactamente lo que necesitabaaaaa :D :D :D :D :D

MIIIIL Gracias :)