Bonjour à toutes et tous
je vous soumets un petit soucis rencontrer sur des formulaires :
en effet, je souhaite que lorsque je clique sur un div, celui-ci se transforme en formulaire. et ben ca ca marche sans probleme...
par contre, je ne sais comment revenir en arrière (par exemple comment faire comprendre à jquery que j'ai cliqué en dehors) et revenir au div initiale.

voici mon code de base :
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
 
<div><br />
		<li class="menuList">
			<div class="menu">Accueil</div><div class="menuId" id="menuId" style="visibility:hidden;">1</div>
 
		</li>
		<li class="menuList">
			<div class="menu">PortFolio</div><div class="menuId" id="menuId" style="visibility:hidden;">3</div>
		</li>
		<li class="menuList">
			<div class="menu">PortFolio</div><div class="menuId" id="menuId" style="visibility:hidden;">4</div>
		</li>
 
		<li class="menuList">
			<div class="menu">PortFolio2</div><div class="menuId" id="menuId" style="visibility:hidden;">2</div>
		</li>
	<script>
		$("li.menuList").bind("click",
			function(){
			var menu=$(this).children(".menu").text();
			var id=$(this).children(".menuId").text();
			var form="<div style=\margin-left:-30px;'><form method='post'>";
			form+="<input type='text' name='menu' id='menu' value='" + menu + "' />";
			form+="<input type='hidden' name='action' value='update' />";
			form+="<input type='hidden' id='menuId' name='id' value='" + id + "' />";
			form+="</form><span class=\"resume\">Tapes \"ENTR&Eacute;E\" pour valider</span></div>";
			$(this).addClass("menuListForm").removeClass("menuList");
			$(this).html(form);
			$("#menu:visible:enabled:first").focus();
			}/*
			function(){
				var liste="<div class='menu'>" + menu +"</div>";
				liste += "<div class='menuId' id='menuId' style='visibility:hidden;'>" + id + "</div>";
				$(this).html(liste);
			}*/
		);
 
		$("li.menuListForm").mouseout(function(){
			var menu=$("#menu").val();
			var id=$("#menuId").val();
			var liste="<div class='menu'>" + menu +"</div>";
			liste += "<div class='menuId' id='menuId' style='visibility:hidden;'>" + id + "</div>";
			$(this).html(liste);
		});
 
	</script></div>
merci par avance pour votre aide