http://www.odelia-technologies.com/taxonomy/term/47/0 fr http://www.odelia-technologies.com/node/160 <p>Cet article décrit un exemple d&#39;intégration du protocole de messagerie instantanée XMPP/Jabber dans une application Grails : cet exemple consiste à permettre à tout internaute de dialoguer avec un utilisateur précis Jabber, à partir d&#39;une page web mise à jour grâce à la technologie AJAX ; en l&#39;occurrence, cette démonstration étant en ligne sur le site web <a class="lien_externe" href="http://www.grailsworks.com/" target="_blank">GrailsWorks</a>, vous pourrez effectivement converser avec l&#39;auteur de cet article via la page <a class="lien_externe" href="http://www.grailsworks.com/grailsbox/chatBot" target="_blank">ChatBot</a>. De mon côté, si je suis bien connecté et disponible, vos messages me parviendront au travers de <a class="lien_externe" href="http://www.google.com/talk/intl/fr/" target="_blank">Google Talk</a>, dont j&#39;utilise le client.</p><p><a href="http://www.odelia-technologies.com/node/160">en lire plus</a></p> http://www.odelia-technologies.com/node/160#comment AJAX GrailsWorks Prototype Grails Groovy XMPP Tue, 06 May 2008 22:30:10 +0200 odelia technologies 160 at http://www.odelia-technologies.com http://www.odelia-technologies.com/node/112 <p>Andrew Tetlaw décrit dans le billet <a class="lien_externe" href="http://tetlaw.id.au/view/javascript/really-easy-field-validation" target="_blank">Really easy field validation</a> de son blog <a class="lien_externe" href="http://tetlaw.id.au/view/home/" target="_blank">DEXAGOGO</a>, une librairie JavaScript permettant de valider facilement les champs d&#39;un formulaire web.</p> <p> L'idée principale est d'associer des classes CSS particulières aux contrôles d'entrée HTML, pour que la librairie puisse en valider le contenu.<br/> Par exemple, si vous souhaitez que dans une zone d'édition du formulaire, l'utilisateur saisisse obligatoirement une adresse électronique valide, vous utiliserez les classes CSS prédéfinies <code class="geshifilter">required</code> et <code class="geshifilter">validate-email</code>, comme ceci :</p> <p> <div class="geshifilter"><span class="sc2"><a href="http://december.com/html/4/element/input.html"><span class="kw2">&lt;input</span></a> <span class="kw3">class</span>=<span class="st0">&quot;required validate-email&quot;</span> <span class="kw3">id</span>=<span class="st0">&quot;test&quot;</span> <span class="kw3">name</span>=<span class="st0">&quot;test&quot;</span> <span class="kw3">title</span>=<span class="st0">&quot;Adresse électronique&quot;</span>/<span class="kw2">&gt;</span></span></div> </p> <p> Au moment de la validation (par défaut au moment de la soumission du formulaire), si une donnée saisie se révèle invalide, la librairie fait apparaître un message d'erreur prédéfini ou bien celui que vous avez indiqué.<br/>Ce message apparaît avec un effet de type "fade-in", si vous avez référencé la librairie <code class="geshifilter">effects.js</code> de <a class="lien_externe" href="http://script.aculo.us/" target="_blank">Scriptaculous</a> dans l'en-tête de la page HTML. </p> <p> Voici un exemple de formulaire web très simple utilisant cette librairie en version 1.5.4.1, avec l'option qui demande la validation d'un champ lorsque celui-ci perd le focus : </p> <p> <form id="test" action="#" method="get"> <div><label for="champ1">Champ requis</label> :</div> <div><input class="required" id="champ1" name="champ1" title="Champ1"/></div> <div><label for="champ2">Champ requis avec message personnalisé </label> :</div> <div><input class="required" id="champ2" name="champ2" title="Champ2"/></div> <div id="advice-required-champ2" style="display:none">Ce champ est obligatoire !</div> <div><label for="champ3">Votre adresse électronique</label> :</div> <div><input class="required validate-email" id="champ3" name="champ3" title="Champ3"/></div> <p><input type="submit" value="Test"/></p> </form> <script type="text/javascript"> new Validation('test', {immediate : true}); // ou new Validation(document.forms[0], {immediate : true}); </script> </p> http://www.odelia-technologies.com/node/112#comment CSS JavaScript Prototype Scriptaculous Wed, 07 Mar 2007 22:49:23 +0100 odelia technologies 112 at http://www.odelia-technologies.com