La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Aide pour tableau dynamique
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Aide pour tableau dynamique  (Lu 9845 fois)
Aide pour tableau dynamique
« sur: le 16-07-2014 a 11:29:00 »
mitsukk1992
Membre récent
*

Hors-Ligne

Messages: 16





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  

Re:Aide pour tableau dynamique
« Répondre #1 sur: le 16-07-2014 a 12:00:33 »
Chimnei
P'tit nouveau
**

Hors-Ligne

Messages: 194





Voir le Profil
Répondre avec citation

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 

Rapporter au modérateur  

Référencement et Optimisation de vos sites Web vitrine ou e-commerce, mes services de White-Hat SEO à votre disposition ! (message privé pour toute demande)
Re:Aide pour tableau dynamique
« Répondre #2 sur: le 16-07-2014 a 12:04:17 »
mitsukk1992
Membre récent
*

Hors-Ligne

Messages: 16





Voir le Profil
Répondre avec citation

Tu pourrais me faire un petit bout de code d'exemple avec de l'ajax ? Je débute en programmation Web

Rapporter au modérateur  
Re:Aide pour tableau dynamique
« Répondre #3 sur: le 16-07-2014 a 12:18:09 »
Chimnei
P'tit nouveau
**

Hors-Ligne

Messages: 194





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  

Référencement et Optimisation de vos sites Web vitrine ou e-commerce, mes services de White-Hat SEO à votre disposition ! (message privé pour toute demande)
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg