Changer le contenu d'un Input en Ajax

Marsh Posté le 25-11-2008 à 22:13:29

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

ex:

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

Reply

Marsh Posté le 25-11-2008 à 22:13:29

Reply

Marsh Posté le 25-11-2008 à 23:42:06

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

Reply

Marsh Posté le 26-11-2008 à 00:17:35

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>

Reply

Marsh Posté le 26-11-2008 à 09:45:20

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

Code :

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

Reply

Marsh Posté le 26-11-2008 à 12:02:38

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

Code :

window.onload = function ()
{
document.getElementById('view_form').onsubmit = function ()
{
change_value('val1','1042');
return false;
}
}
function change_value(input_name,view_id)
{
var url1 = base_url+'graphic/ajax_value/'+view_id+'/'+input_name;
var myAjax = new Ajax.Request(url1,{method: 'get', onComplete: gestionReponse});
}
function gestionReponse(xhr)
{
if (xhr.status == 200)
{
$('val1').value = xhr.responseText;
}
else
{
$('val1').value = xhr.status;
}
}

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

Reply

Marsh Posté le 26-11-2008 à 14:43:19

Code :

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.

Reply

Changer le contenu d'un Input en Ajax

Sujets relatifs:

Leave a Replay