Titre: Aide pour tableau dynamique
Posté par: mitsukk1992 le le 16-07-2014 a 11:29:00
Bonjour,
Objectif : Je souhaite affiché un tableau qui dépendra des checkbox cochés au préalable :
http://www.noelshack.com/2014-29-1405419162-image1.png
Comme le montre l'image ci-dessus, je coche certaines cases et les parties encadrés en rouge apparaissent et forment un tableau.
A l'aide de tuto sur le net, j'ai réussi à faire ça :
http://jsfiddle.net/4HsNL/1/
Le problème est que :
Quand Research ou Commercial (ou les deux) pour le End User, ne sont pas coché, les champs de textes et les écritures dans le tableau s'en vont mais la ligne reste, j'aimerais que le tableau s'affiche sans espace blanc (que la ligne ne reste pas donc).
J'aimerais aussi que les cases Research et Commercial qui appartiennent au End User dépendent de celui-ci, en gros si le End User n'es PAS coché tandis que ses caractéristiques "Research" et "Commercial" le sont, ces caractéristiques ne s'affiche pas.
J'aimerais aussi faire disparaitre cette ligne :
http://www.noelshack.com/2014-29-1405420038-sans-titre.png
Merci de votre aide |
Titre: Re:Aide pour tableau dynamique
Posté par: Chimnei le le 16-07-2014 a 12:00:33
Alors, pour virer la bordure de trop, cible (id) ta balise td, et met un "border-right:o;" dans ton css par exemple.
Pour la conception de ton tableau, pourquoi ne pas passer par de l'ajax tout bête ?
Avec un petit jeu de display sur les lignes désirés, je suis sûr que ça sera très simple à faire et sans bug. (Si tu fais un display sur le tr, tu aurais un truc du genre : non-coché => display:none; / coché => display:table-row;)
A tester ;) |
Titre: Re:Aide pour tableau dynamique
Posté par: mitsukk1992 le le 16-07-2014 a 12:04:17
| Tu pourrais me faire un petit bout de code d'exemple avec de l'ajax ? Je débute en programmation Web |
Titre: Re:Aide pour tableau dynamique
Posté par: Chimnei le le 16-07-2014 a 12:18:09
Là, je n'ai franchement pas le temps pour les jours à venir, désolé ^^'
Tu devrais facilement trouver quelques tutos sur le net.
L'ajax n'est rien d'autre que du javascript, fonctionnant de manière asynchrone (Asynchronous JavaScript and XML) : http://www.jmdoudoux.fr/java/dej/chap-ajax.htm
En y réfléchissant bien, même pas besoin d'aller aussi loin.
Essaie d'identifier tes "tr" et avec le javacript crée une fonction qui se lirait comme ça :
Lorsque "case X" = "cochée", alors "tr X" = "display:table-rox"
Sinon "tr X" = "display:none;"
Ça fait un bail que j'ai pas touché au js, donc je te laisse voir comment peaufiner xD |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|