Discussion :

[jack_mayole]

Bonjour a tous,

Je suis tout nouveau a ce forum et tout nouveau au monde de la programmation. récemment je me suis lancer dans le Jquery.

Alors je me lance dans la question folle

Je ai une table simple appelé " datatable " avec des TR et des TD . Ce tableau est placé dans un div appelé " Input1 en utilisant la méthode clone ( ) , je clone cette table en l'attribuent une nouvelle id a elle et tous les éléments . Par exemple TD01 une fois cloné devient td01_2 et ainsi de suite .


Sous le div " Input1 " , donc la premiere table, j'ai une table caché appelé " sticker_table " qui est également cloné chaque fois et celle ci devrait être rempli avec certains attributs de la table principale . Ce tableau est également dans un div nommé "sticker1" .

Le but de tout ceci étant de pouvoir cloner autant de tables que nécessaire , chacune contenant des informations différentes , et ensuite avoir un bouton pour basculer d'une vue complexe a une vue simplifiée pour avoir une mise en page propre pour l'impression des tables .

Les tableaux originaux ressemble à ceci


Le but est de pouvoir basculer les tableau dans une vue plus simple telle que ce tableau.



donc pour réussir il me semble qu'il faut manipuler les éléments dans la table et les cloner a chaque fois dans la nouvelle table cacher a ces cotés qui est cloner.

J’espère que pour une première, ma question reste compréhensible

voici un lien du code simplifié que j'ai fait.

http://jsfiddle.net/adrienboufflet/a6m9uh0c/4/

[NoSmoking]

Bonjour,

(...)et ensuite avoir un bouton pour basculer d'une vue complexe a une vue simplifiée pour avoir une mise en page propre pour l'impression des tables .

pourquoi ne pas faire cela en CSS avec un

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style media="print" type="text/css">
<!--
le code d'inversion des display
-->
</style>

[headmax]

Salut,
Petit exemple, les tableaux mon prit le plus de temps mais, ça l'air de marcher petit hic je suis passé sur du JS oldschool donc a améliorer et adapter en jquery...

http://jsfiddle.net/t3kydm5x/

[jack_mayole]

Wow!!!! merci pour tout le travail. Le code marche a merveille. malheureusement le but est de pouvoir partir d'une base d'un tableau html, qui est cloner a multiple reprises puis ensuite pouvoir basculer sur une vue simplifiée qui filtre que certains champs.
J'apprécie vraiment tout le travail que vous avez passer pour m'aider a trouver une solution mais dans votre fiddle, les 2 tables sont vraiment 2 tables différentes. Si je modifie une des tables, l’autre ne prend pas les mêmes valeurs.

J'ai beaucoup réfléchi a ce que je voudrais réussir a faire, et je me demande si modifier la structure de la, ou les tables actuelles, ne serait pas plus simple. Modifier le DOM en cachent avec .hide(). Puis ensuite déplacer les éléments avec .append().

Maintenant faut que je comprennent comment réussir une boucle avec la fonction .each().

j'ai décider de me lancer dans le jquery, donc pour tout vous avouer, votre code et un peut compliquer a comprendre pour le moment. Je vais me pencher dessus pour essayer de comprendre tout ce qu'il se passe et je pense que un programmeur qui maitrise le javascript pur, peut se sentir beaucoup plus alaise avec du jquery.

encore merci

[headmax]

Salut, effectivement pour les inputs j'avais pas compris par contre le clonage pour ce type de situation n'est pas nécessaire, il faut passer par les cookies ou les session côté client comme localstorage ou sessionstorage donc dans mon exemple je t'ai fait un mixte Oldschool Jquery un peu cracra je l'avoue mais c'est du vite fait, que tu corrigera sans doute et améliora a ta convenance.

http://liveweave.com/s46MnU

Je t'ai mit un exemple dans ton cas de figure une boucle each

bonne chance pour la suite.

[jack_mayole]

Merci pour la réactivité. je suis sur le cul de voir tout ça fonctionner. Bon c'est parti pour des heurs a décortiquer tout ca ;-). la pour le coup la difficulté va etre de comprendre comment réussir a intégrer tout ça maintenant. Jetais parti sur une base HTML pour creer la table de base puis utiliser JS pour cloner. La pour le coup c'est JS qui fait tout !!! Ca va m’occuper un bon moment je pense pour mélanger le tout.

Encore merci