Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
637 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Changer le contenu d'un Input en Ajax

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Changer le contenu d'un Input en Ajax

n°1816719
bluecandy
Posté le 25-11-2008 à 22:13:29  profilanswer
 

Bonjour,
Je cherche à changer le contenu de plusieurs input d'une form à chaque seconde sans recharger la page.
 
ex:

<form id="frm1" name="frm1" action="/test/index.php/graphic/view/1042" method="post">
<input id="val1" name="val1" value="---">
<input id="val2" name="val2" value="---">
<input id="val3" name="val3" value="---">
</form>


J'ai fait de nombreuses recherches, mais je n'ai trouvé aucun moyen de changer la valeur (value) des inputs...
 
Pouvez-vous me montrer comment y arriver?
Merci


Message édité par bluecandy le 25-11-2008 à 22:15:12
mood
Publicité
Posté le 25-11-2008 à 22:13:29  profilanswer
 

n°1816782
FR-DarkRod
Informag€€k
Posté le 25-11-2008 à 23:42:06  profilanswer
 

Tu veux dire mettre un décompte dans un bouton comme "Valider votre message" sur ce forum ?

n°1816801
bluecandy
Posté le 26-11-2008 à 00:17:35  profilanswer
 

Non, je veux qu'à un intervalle régulier (ex: à chaque secondes), afficher une valeur contenue dans une DB sans rafraichair la page.
 
J'ai vu pleins d'exemples pour afficher la valeur dans un <div> mais aucun pour changer la value d'un <input>

n°1816842
Bidem
Posté le 26-11-2008 à 09:45:20  profilanswer
 

Heuu pourtant c'est plus simple de changer la valeur d'un input que d'un div :
 

Code :
  1. document.getElementById("val1" ).value = "nouvelle valeur";

n°1816928
bluecandy
Posté le 26-11-2008 à 12:02:38  profilanswer
 

Voici le code javascript que j'ai utilisé pour modifier le <input> lors d'un submit.
 

Code :
  1. window.onload = function ()
  2. {
  3.     document.getElementById('view_form').onsubmit = function ()
  4.     {
  5.         change_value('val1','1042');
  6.         return false;
  7.     }
  8. }
  9. function change_value(input_name,view_id)
  10. {
  11.     var url1 = base_url+'graphic/ajax_value/'+view_id+'/'+input_name;
  12.     var myAjax = new Ajax.Request(url1,{method: 'get', onComplete: gestionReponse});
  13. }
  14. function gestionReponse(xhr)
  15. {
  16.     if (xhr.status == 200)
  17.     {
  18.         $('val1').value = xhr.responseText;
  19.     }
  20.     else
  21.     {
  22.         $('val1').value = xhr.status;
  23.     }
  24. }


 
Ça semble bien fonctionner...
Il me reste à l'activer à chaque secondes...

n°1817078
Profil sup​primé
Posté le 26-11-2008 à 14:43:19  answer
 

Code :
  1. setTimeOut("function()",1000);


 
en premier paramètre, setTimeOut récupère la fonction à exécuter, et en second, le temps d'intervalle entre chaque exécution.
Ce temps est en ms => dans mon exemple, la fonction function() est exécutée toutes les 1000 ms soit toutes les secondes.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Changer le contenu d'un Input en Ajax

 

Sujets relatifs
Problème Ajax d'ouverture d'un fichier en attachementVider input lors d'un rafraichissement [F5]
comment changer le contenu d'un JLabel[AJAX] Mettre à jour la 3e liste déroulante en même temps que la 2e
[AJAX] Lier deux listes déroulantesValidation d'un formulaire sans changer de page
mise a jour d'un champ input avec une liste deroulanteprobleme de css avec input
[STRUTS] Taglib INPUT et attribut value 
Plus de sujets relatifs à : Changer le contenu d'un Input en Ajax


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR