Changer le contenu d'un Input en Ajax

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Changer le contenu d'un Input en Ajax

bluecandy

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

Publicité

FR-DarkRod

Informag€€k

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

bluecandy

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>

Bidem

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

Code :

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

bluecandy

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...

Profil supprimé

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.

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 attachement	Vider 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éroulantes	Validation d'un formulaire sans changer de page
mise a jour d'un champ input avec une liste deroulante	probleme de css avec input
[STRUTS] Taglib INPUT et attribut value
Plus de sujets relatifs à : Changer le contenu d'un Input en Ajax

Page générée en 0.057 secondes