Accueil > Forum > > > > Récuperation du Focus sur un Input apres mise a jour du div via Ajax
Récuperation du Focus sur un Input apres mise a jour du div via Ajax
jeudi 16 août 2007 à 15:09:53 |
Récuperation du Focus sur un Input apres mise a jour du div via Ajax

izy
|
Bonjour, mon problème est le suivant je bosse actuellement sur une page qui fais des ajoute/suppression/motification dans une base mysql et j'aurais besoin que apres chaque envoi au serveur via ajax à l'aide de la méthode Ajax.Updater d'un div qui est en gros le contenu du site a mettre a jour le focus revienne sur un champ input de cette fameuse div contenant le contenu modifier et qui était déjà presente elle avant la mise a jour. J'ai bien essayer mais en vint de mettre en javascript document.getElementById('input').Focus(); dans le code php me permettant l'affichage de cette div mais cela ne fonctionne que la premier e fois que le div a été charger mais à la premiere soumission le Focus est perdu J'espère avoir été clair et vous remerci d'avant pour vos reponse.
|
|
jeudi 16 août 2007 à 15:22:27 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

bultez
|
Bonjour,
c'est focus() pas Focus() le faire bien entendu quand xmlhttprequest a répondu ( probablement dans la fonction xml.onreadystatechange )
sinon.. ça baigne.
<div> <input type="text" id="toto" value="exemple"> </div> <script type=text/javascript"> document.getElementById("toto").focus(); </script>
Généralement, c'est absurde de généraliser.
|
|
jeudi 16 août 2007 à 15:48:21 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

izy
|
Déjà merci de ta réponse, d'autant plus aussi vite!!
Désolé pour la faute de frappe sur focus()!!
Par contre j'ai pas bien compris:
[quote] le faire bien entendu quand xmlhttprequest a répondu ( probablement dans la fonction xml.onreadystatechange )
[/quote]
|
|
jeudi 16 août 2007 à 16:03:17 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

bultez
|
si tu met à jour ce div avec ajax, il faut attendre qu'ajax fasse son boulot ( transmission de la demande, traitement coté serveur, transmission de la réponse ... )
tu parles de la méthode (??) Ajax.Updater tu dois utiliser ce qu'on appelle ( de manière abusive ! ) un framework
c'est "sûrement" une simple fonction ( en javascript ), qui "doit" contenir une ligne du style
xml
.onreadystatechange=function()... dans cette fonction, on "doit" tester xml.readyState == 4 ce qui veut dire qu'Ajax ( xmlhttprequest ) a répondu. c'est là que tu peux mettre le focus()
Cordialement Bul [mon Site] [M'écrire]
Généralement, c'est absurde de généraliser.
|
|
jeudi 16 août 2007 à 16:06:12 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

bultez
|
ou le framework ne rend la main à ton script que lorsque la réponse d'ajax est revenu ( je ne peux pas savoir ) dans ce cas met le focus() après l'appel de
Ajax.Updater
Cordialement Bul [mon Site] [M'écrire]
Généralement, c'est absurde de généraliser.
|
|
jeudi 16 août 2007 à 23:24:22 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

izy
|
J'ai essayer comme tu me l'avais conseillé de redonner le focus juste apres l'appel à Ajax.updater mais en vint je ne recupere pas le focus. Aurais tu une autre idée pour moi?
|
|
vendredi 17 août 2007 à 06:24:36 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

bultez
|
>>redonner le focus juste apres l'appel à Ajax.updater
donc, soit tu ne fais pas tout à fait comme il faut soit la fonction te rend la main avant le retour de xmlhttprequest
>>Aurais tu une autre idée pour moi?
je me cite :
...une ligne du style
xml
.onreadystatechange=function()... dans cette fonction, on "doit" tester xml.readyState == 4 ce qui veut dire qu'Ajax ( xmlhttprequest ) a répondu. c'est là que tu peux mettre le focus()...
Cordialement Bul [mon Site] [M'écrire]
Généralement, c'est absurde de généraliser.
|
|
samedi 18 août 2007 à 11:38:42 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

izy
|
Je suis vraiment désolé d'abuser de votre gentillesse mais vrai j ai un problème car je suis parti regarder le code du framework et je ne trouve pas la ligne dont vous me parliez au niveau de l updater:
Ajax.Updater = Class.create();
Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), { initialize: function(container, url, options) { this.container = { success: (container.success || container), failure: (container.failure || (container.success ? null : container)) }
this.transport = Ajax.getTransport(); this.setOptions(options);
var onComplete = this.options.onComplete || Prototype.emptyFunction; this.options.onComplete = (function(transport, param) { this.updateContent(); onComplete(transport, param); }).bind(this);
this.request(url); },
updateContent: function() { var receiver = this.container[this.success() ? 'success' : 'failure']; var response = this.transport.responseText;
if (!this.options.evalScripts) response = response.stripScripts();
if (receiver = $(receiver)) { if (this.options.insertion) new this.options.insertion(receiver, response); else receiver.update(response); }
if (this.success()) { if (this.onComplete) setTimeout(this.onComplete.bind(this), 10); } } });
et je voudrais savoir si il était possible de m'aiguiller encore une fois. Si jamais vous avez besoin de plus d'information concernant le fichier contenant se code vous pouvais le telecharger sur http://www.prototypejs.org/download ou bien alors je peux vous le copier coller ici
Encore merci pour vos réponse et désolé de vous redéranger.
|
|
samedi 18 août 2007 à 12:27:27 |
Re : Récuperation du Focus sur un Input apres mise a jour du div via Ajax

bultez
|
>>désolé de vous redéranger. y'a pas d'dérangement !
>>prototypejs ah, c'est lui. je n'avais jamais regardé. ça me semble bien compliqué, mais ce doit être normal compte tenu des fonctionnalités.
vous êtes obligé d'utiliser pour AJAX ?
oui : recherchez les lignes ( doit pas y en avoir une foultitude ) contenant
onreadystatechange ? peut-être...
non : un "échange ajax", c'est "assez simple" il existe de nombreux exemples sur CodesSources ( et même ailleurs ) comme de nombreuses explications/tutos.
j'ai sous la main, alors, un ch'tit début :
 function xmlhttp() { var x; try { x = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { try { x = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { x = new XMLHttpRequest(); } catch (e) { x=false; } } } return x; }
function appel() // appel au script sur le serveur, peut-être remplaçant votre Ajax.updater ? { var xml = xmlhttp(); if(!xml) { alert("XmlHttpRequest non supporté"); } else { xml.onreadystatechange = function() { if(xml.readyState==4) { ici on peut gérer xml.responseText ou xml.responseXML c'est la réponse du serveur. } } // soit méthode get : xml.open("GET", "url de la page?paramètres
éventuels
",true); xml.send(null);
// soit méthode post :
xml.open("POST", "url de la page",true);
xml.send("
paramètres éventuels
");
} }
ben oui.... c'est tout, enfin : coté client.
Cordialement Bul [mon Site] [M'écrire]
En général, c'est absurde de généraliser.
|
|
Cette discussion est classée dans : input, jour, focus, ajax, div
Répondre à ce message
Sujets en rapport avec ce message
envoyer un champ input text via ajax pour tchat [ par iznobe2601 ]
ça fait plusieurs jours que je galere avec ce truc là qui je suis sur est simple pour vous donc pour un tchat simple live en ajax , j ' ai un champ in
Pb de soumission de formulaire php avec jQuery [ par prozenproses ]
Bonjour,Avant toute chose je vous annonce que je travaille sur une "plateforme" AJAX avec jQuery.Mon site se compose en 3 partie : - l'entete : qui re
Récupération valeur input à partir d'une deuxième page avec onkeyup [ par ircland ]
Bonjour, je vous explique mon projet, je procède à l'insertion d'une fonction de recherche en ajax à partir de la liste des membres. Je ne programm
Variable Javascript VS Php [ par Eckmoule ]
Bonjour, Je suis entrain de creer un site qui est principalement basé sur php mais pour lequel j'essaye d'inclure de l'ajax à l'aide de Jquery pour re
Comment initialiser la valeur d'un input ? [ par olive73 ]
Salut, étant novice en javascript, je galère un peu :( J'ai dans un formuliare, un input avec une valeur par défaut. Lorsque l'input prend le focus,
Pb d'utilisation de données chargées dans une div avec ajax [ par sagat06 ]
Bonjour à tous, donc voilà: je rempli une div avec le contenu d'un fichier texte grâce à la fonction suivante trouvé sur Codes-sources => var mox; fun
Tri d'une liste DIV [ par pipoulito ]
Bonjour, Je cherche à trier en ajax une liste composée de div contenant elles même des attributs titre, date... Ajax fait ça très bien avec des table
rafraichir un écran après une mise à jour par AJAX [ par elshocht ]
Bonjour, mon problème : une page asp, avec un tableau dont 2 cases sont mises à jour par l'utilisation d'Ajax (scan d'une DB sur serveur). Le problèm
JQuery, form et input [ par matdev62 ]
bonjour, ma question est je pense relativement simple mais je n'arrive pas à trouver le truc qui fonctionne. en fait, je possède deux formulaires sur
div [ par lolla19_116 ]
Bonjour, je suis null en javascript est j'espere que je trouverai quelqu'un qui peux m'aider c urgent, mon probleme est que je chercher pour récuper
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|