Tableau & afficher le meme contenu dans plusieurs cellules

**sass92** · 06/02/2013, 10h18

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

**Bovino** · 06/02/2013, 10h28

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...

**sass92** · 06/02/2013, 10h30

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.

Merci

**Lakhdr** · 08/02/2013, 23h32

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 html :

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

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 html :

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

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

**sass92** · 12/02/2013, 11h50

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

Mille merci !!

Tableau & afficher le meme contenu dans plusieurs cellules

JavaScript

Discussions similaires

Partager

Partager