bonjour,
je dois mettre en place une page qui contient un champ de recherche input qui permet faire une recherche textuelle donc seul les produits tapés qui ont un nom qui contient le texte tape seront affiché. et un tableau qui contient 2 colonnes nom produit et prix si on clique sur un produit automatiquement le tableau se remplit avec le produit sélectionné .en dessous on aura un bouton calcule qui permet de nous donner le total des produits sélectionné. voici la code en jquery:
Code : 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
    <head>
       <title>Jquery</title>
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
		function findtext()
		{
			$('#find').keyup(function(){$('#liste').find("li").hide();
										var valseach=$('#find').val();
										$('#liste').find("li:contains('"+valseach+"')").show();
 
										}
							)
							$('#liste').click(function(){$('#table').find("td").hide();
						   var valseach2=$('#liste').find("li:visible").html();
 
							$('tr').find("td:contains('"+valseach2+"')").show();
 
							alert("ibra");
							}
							)
		}
</script>
    </head>
<body onload='findtext()'>
	<input type="text" id="find" value=''/>	
		<div id="ecran"></div>
		<ul id='liste'>
			<li class="">pomme</li>
			<li class="">orange</li>
			<li class="">goyave</li>
			<li class="">papaye</li>
			<li class="">mangue</li>
			<li class="">banane</li>
			<li class="">carassole</li>
			<li class="">mandarine</li>
			<li class="">lemon</li>
			<li class="">fraise</li>
		</ul>
		<div id="ecran1">
		<table border="1" align="top" id="table">
		<tr>
		<td></td><td><input type="text"></td>
		</tr>
		<tr>
		<td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
		<tr><td></td><td><input type="text"></td></tr>
 
		</table>
		</div>
</body>
</html>