Forum d'entraide PHPFrance

Bonjour à tous, la problématique du jour qui m'oppose est la suivante.

j'affiche les données de ma bdd sans soucis, avec un "SELECT * FROM ... WHERE"... etc... j'affiche donc les données relatives qui m'intéressent avec la fonction echo $data...

ce que je souhaiterais faire est de pouvoir en cliquant sur un bouton modifié que le texte qui s'affiche se transforme en un champ textfield sur lequel apparaitrait la donnée affichée. et que l'utilisateur puisse la modifier sans soucis. ca serait la fonction UPDATE que j'utiliserais mais comment faire pour ne pas avoir a passer par une autre page avec un formulaire? je sais que j'ai déjà vu ça sur plusieurs sites mais je ne sais pas comment la réaliser? Par avance merci.

salut,

la c'est full javascript / ajax.

en gros une fonction JS modifie l'emplacement du texte en un input de type texte avec la valeur dedans.
le bouton valider pointe vers une autre fonction JS qui utilise AJAX pour fournir les infos pertinentes pour la miase a jour qui est faite par un script php dédié (ou pas en fait) à cela.

des librairies comme JQeury peuvent te faciliter un peu la tache.

@+

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.

Bon bien il ne me reste qu'à apprendre l'ajax... merci pour votre aide. si vous avez des tutos ou exemple pou rréaliser ce que je souhaites, je suis preneur. Merci à vous. cdt sp