Tableau & afficher le meme contenu dans plusieurs cellules

Version imprimable

06/02/2013, 11h18
sass92

Tableau & afficher le meme contenu dans plusieurs cellules

Bonjour tout le monde,

Je voulais savoir s'il était possible (si c'est possible comment faire) de prendre le contenu d'une cellule dans un tableau et de l'afficher dans une autre cellule sans avoir à recharger la page etc.

Faudrait-il que je stock le contenu dans une variable que je récupère dans ma bdd et qu'ensuite je l'affiche dans une autre cellule? Mais dans ce cas là, ça ne serait pas instantané..

Merci de vos réponses
06/02/2013, 11h28
Bovino

Si tu veux que ce soit "instantané" (j'imagine que ça veut dire que ça réagisse à une action de l'utilisateur :?) dans ce cas, ce n'est pas PHP (qui s'exécute sur le serveur) qui pourra t'aider mais JavaScript...
06/02/2013, 11h30
sass92

Oui voila quand l'utilisateur remplira une cellule, je veux que le même contenu s'affiche dans une autre cellule.

Merci de ton aide, je vais voir au niveau du javascript!

Pourriez vous me guidez au niveau du javascript comment faire cela..?
Je suis vraiment nul en javascript. :roll:

Merci

je suis pas sur d avoir compris votre question : une cellule d un tableau ou un formulaire avec des cellules de saisie ?

dans le cas d'un tableau et des cellules éditables je vous propose
cette solution avec Jquery
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head> <title> </title> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script> $(function(){ $("#cell1").keyup(function(){$("#cell2").text($(this).text())}) }); </script> </head> <body> <div > <table width="500" border="1"> <tr> <td id="cell1" contenteditable="true" width="50%"> </td> <td id="cell2" contenteditable="true"> </td> </tr> </table> </div> </body> </html>
vous pouvez tester ici http://embed.plnkr.co/8jXBfB/preview

Mais le meilleur solution a mon avis dans ce cas et ce qu ils appellent le data binding
On dira que deux champs(cellules) sont reliés a la même variable de données
et donc je vous propose la meme solution avec AngularJS et la data binding
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html> <!DOCTYPE html> <html ng-app> <head> <title> </title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script> <script> function homeCTRl($scope){ } </script> </head> <body> <div ng-controller="homeCTRl"> <table width="500" border="1"> <tr> <td width="50%" > <input ng-model="myValue"/> </td> <td > <input ng-model="myValue"/> </td> </tr> </table> </div> </body> </html>
vous pouvez tester ici http://embed.plnkr.co/gx9NqyKiyWPRMglWjZCV

12/02/2013, 12h50
sass92

Oh merci infiniment c'est exactement cela que je souhaitais !

Mille merci !!