<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated on Thu, 07 Aug 2008 23:23:54 +0200 -->
<rss version="2.0">
  <channel>
    <title>Tutoriels, exemples de scripts Ajax</title>
    <link>http://www.exemple-ajax.com</link>
    <description>Tutoriels, exemples de scripts Ajax</description>
    <language>fr-fr</language>
    <managingEditor>e.vauxmoret@gmail.com</managingEditor>
    <webMaster>e.vauxmoret@gmail.com</webMaster>
    <generator>FreeGlobes</generator>
    <item>
      <title><![CDATA[ Défilement de photos JS + Ajax ]]></title>
      <description><![CDATA[ <p>Slideshow (V2) est &eacute;crit en javascript et s'appuit sur Mootools 1.2 pour une gestion des images tr&egrave;s fluide et agr&eacute;able <img alt="" src="/class/fckeditor/editor/images/smiley/msn/regular_smile.gif" /></p>
<p>Script &agrave; ne pas rater pour vos photos de vacances <img alt="" src="/class/fckeditor/editor/images/smiley/msn/shades_smile.gif" /></p> ]]></description>
      <link>http://www.exemple-ajax.com/defilement-photos-ajax-s-48.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/48.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Comment faire des info-bulles (avec preview d'image) via jQuery ? ]]></title>
      <description><![CDATA[ <p>Voici comment faire des info-bulles (tooltip) tr&egrave;s facilement gr&acirc;ce &agrave; <strong>jquery</strong>. </p>
<p>Avec en plus la possibilit&eacute; d'y inclure une pr&eacute; visualisation d'image !</p> ]]></description>
      <link>http://www.exemple-ajax.com/comment-faire-des-info-bulles--avec-preview-dimage--via-jquery-s-47.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/47.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Formulaire de contact php/ajax ]]></title>
      <description><![CDATA[ <font face="Arial"><strong>LightForm</strong> repose sur <strong>FormCheck2</strong> pour la v&eacute;rification/validation des champs de saisie et sur <strong>NiceForms</strong> pour la pr&eacute;sentation graphique des ces m&ecirc;mes champs de saisie.</font> ]]></description>
      <link>http://www.exemple-ajax.com/formulaire-contact-php-ajax-s-46.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/46.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Coins arrondis avec jQuery, CSS et une seule image ]]></title>
      <description><![CDATA[ L&rsquo;id&eacute;e est donc de pouvoir faire un cadre arrondi &agrave; n&rsquo;importe quel &eacute;l&eacute;ment d&rsquo;une page sans r&eacute;p&eacute;ter son code, en utilisant la librairie <a title="jQuery: The Write Less, Do More, JavaScript Library" hreflang="en" href="http://jquery.com/">jQuery</a> vu qu&rsquo;elle est fournit en standard avec <strong>WordPress</strong> (ce qui m&rsquo;arrange puisque mon probl&egrave;me concerne un futur th&egrave;me WordPress) et en utilisant une seule image pour les quatres coins ]]></description>
      <link>http://www.exemple-ajax.com/coins-arrondis-avec-jquery-css-une-seule-image-s-44.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/44.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Navigation sans rechargement de page via javascript (jQuery) ]]></title>
      <description><![CDATA[ <p>Dans ce tutoriel, je vais vous montrez comment mettre en place une navigation sans rechargement de page sur votre site. Evidement gr&acirc;ce &agrave; l'aide je <a class="st_tag internal_tag" title="Voir les articles taggés avec jquery" rel="tag" jquery1205831692328="5" href="http://www.webinventif.fr/tag/jquery/">jQuery</a> <img class="wp-smiley" alt=":)" src="http://www.webinventif.fr/wp-includes/images/smilies/icon_smile.gif" /> </p>
<p>Donc en gros, toutes vos pages se chargeront dans la page courante, exactement comme mes pages &ldquo;A propos&rdquo;, &ldquo;Archives&rdquo;, &ldquo;Contact&rdquo; et &ldquo;Plan du site&rdquo;. Bon, allez jeter un oeil sur <strong><a target="_blank" jquery1205831692328="6" href="http://www.webinventif.fr/wp-content/uploads/projets/ajaxisation/">la demo</a></strong> ..</p> ]]></description>
      <link>http://www.exemple-ajax.com/navigation-sans-rechargement-page-via-javascript--jquery--s-43.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/43.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Une galerie d'images en PHP / MySQL / Ajax ]]></title>
      <description><![CDATA[ <p>Voici une <strong>galerie</strong> sympa pour mettre mes <strong>photos</strong> et faire une sorte de r&eacute;cit de ce qu'on a fait. </p>
<p><strong>Une galerie d'images en <acronym title="Hypertext Preprocessor">PHP</acronym> / MySQL</strong> utilisant une touche d'Ajax.</p>
<p>Elle porte bien son nom &eacute;tant donn&eacute; que le design est tr&egrave;s &eacute;pur&eacute; et l'administration <strong>ultra simple.</strong> </p>
<p>La mise en ligne des photos peut se faire via l'outil ou directement par <acronym title="File Transfer Protocol">FTP</acronym> (plus simple pour mettre un paquet de photo d'un coup). </p>
<p><strong>Ajax est simplement utilis&eacute; pour faire de l'&eacute;dition en ligne pour les descriptions et les titres.</strong> L'ajout de commentaire est possible et le vote des photos aussi (via un hacks tr&egrave;s simple). Il est aussi possible d'int&eacute;grer facilement une lightbox pour plus de sta&iuml;le ! <br />
<br />
</p> ]]></description>
      <link>http://www.exemple-ajax.com/une-galerie-dimages-php-mysql-ajax-s-42.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/42.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Créer un moteur de recherche en Ajax ]]></title>
      <description><![CDATA[ <p><font face="Arial">Voici comment d&eacute;velopper le composant avec les technologies JavaScript et XmlHttpRequest. </font></p>
<p><font face="Arial">Un service Web se charge ici de g&eacute;rer les requ&ecirc;tes, et la mise en page est support&eacute;e par des CSS.</font></p> ]]></description>
      <link>http://www.exemple-ajax.com/creer-moteur-recherche-ajax-s-41.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/41.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Un slider en Javascript avec JQuery ]]></title>
      <description><![CDATA[ <p>La mode du web 2.0 nous a apport&eacute; beaucoup de nouvelle approche au niveau des &eacute;l&eacute;ments affichables sur une page web. </p>
<p>C'est dans cette ordre d'id&eacute;e que nous avons vue appara&icirc;tre les Sliders. </p>
<p>Mais qu'est-ce qu'un sliders ? Un sliders en gros permet dans un espace restreint par exemple 250 pixel d'y faire d&eacute;filer manuellement &agrave; l'aide d'un bouton plusieurs texte ou image.</p> ]]></description>
      <link>http://www.exemple-ajax.com/slider-javascript-avec-jquery-s-40.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/40.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Disparition d'une rubrique avec mootools ]]></title>
      <description><![CDATA[ <p>Tutoriel en anglais pour faire disparaitre ou apparaitre une rubrique en un clic</p>
<p>=&gt; Exemple plus parlant sur la page du tutoriel</p> ]]></description>
      <link>http://www.exemple-ajax.com/disparition-dune-rubrique-avec-mootools-s-39.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/39.jpg" length="0" type="" />
    </item>
    <item>
      <title><![CDATA[ Autocompletion sans framework ]]></title>
      <description><![CDATA[ Exemple en anglais mais simple &agrave; comprendre pour proposer des choix lors de la frappe d'un internaute dans un champs texte ]]></description>
      <link>http://www.exemple-ajax.com/autocompletion-sans-framework-s-38.html</link>
      <enclosure url="http://www.exemple-ajax.com/public/thumbs/38.jpg" length="0" type="" />
    </item>
  </channel>
</rss>