par
Thibaud C » 23 févr. 2012, 11:07
Exact, comme dis moogli, tu peux faire un truc du genre :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$('#button_modif').bind('click',function(){
$('#text_non_modif').hide();
$('#button_modif').hide();
$('#txt_modif').val($('#text_non_modif').text());
$('#txt_modif').show();
$('#button_enreg').show();});
$('#button_enreg').bind('click',function(){
$('#txt_modif').hide();
$('#button_enreg').hide();
$('#text_non_modif').text($('#txt_modif').val());
$('#text_non_modif').show();
$('#button_modif').show();});
// la tu apelles ton AJAX qui va enregistrer dans la bdd :)
});
</script>
<div id="text_non_modif" style="width:400px;height:150px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas vel arcu massa, vel varius magna. Integer ligula augue, gravida a pharetra ut, gravida non risus.
Duis fringilla libero ligula, et tristique nunc. Cras sed velit tortor, ac scelerisque nisl.</div>
<input type="button" id="button_modif" value="Modifier" />
<textarea style="display:none;width:400px;height:150px" id="txt_modif"></textarea><br/>
<input type="button" id="button_enreg" value="Enregistrer" style="display:none"/>
Ce n'est qu'un exemple, et il n'y à même pas l'ajax (à placer au niveau du commentaire), mais au moins tu peux zyeuter pour voir, comment on change d'élément en JS ( enfin la j'ai fais du Jquery )
Ou sinon tu peux faire exactement pareil et tu met tout ton formulaire dans un <form> et tu fais un petit bouton enregistrer en bas de page pour enregistrer toutes les modifications apportées.
Exact, comme dis moogli, tu peux faire un truc du genre :
[html]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$('#button_modif').bind('click',function(){
$('#text_non_modif').hide();
$('#button_modif').hide();
$('#txt_modif').val($('#text_non_modif').text());
$('#txt_modif').show();
$('#button_enreg').show();});
$('#button_enreg').bind('click',function(){
$('#txt_modif').hide();
$('#button_enreg').hide();
$('#text_non_modif').text($('#txt_modif').val());
$('#text_non_modif').show();
$('#button_modif').show();});
// la tu apelles ton AJAX qui va enregistrer dans la bdd :)
});
</script>
<div id="text_non_modif" style="width:400px;height:150px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas vel arcu massa, vel varius magna. Integer ligula augue, gravida a pharetra ut, gravida non risus.
Duis fringilla libero ligula, et tristique nunc. Cras sed velit tortor, ac scelerisque nisl.</div>
<input type="button" id="button_modif" value="Modifier" />
<textarea style="display:none;width:400px;height:150px" id="txt_modif"></textarea><br/>
<input type="button" id="button_enreg" value="Enregistrer" style="display:none"/>[/html]
Ce n'est qu'un exemple, et il n'y à même pas l'ajax (à placer au niveau du commentaire), mais au moins tu peux zyeuter pour voir, comment on change d'élément en JS ( enfin la j'ai fais du Jquery )
Ou sinon tu peux faire exactement pareil et tu met tout ton formulaire dans un <form> et tu fais un petit bouton enregistrer en bas de page pour enregistrer toutes les modifications apportées.