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É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> |
Partager