begin process at 2012 05 29 22:59:58
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Récuperation du Focus sur un Input apres mise a jour du div via Ajax


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club




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>



Cordialement                Bul         [mon Site]     [M'écrire]

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

Membre Club





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

Membre Club
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

Membre Club





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

Membre Club





>>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 :
Yeux Sur Ligne.gif
   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


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales