<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="http://wiki.edmc73.com/lib/exe/css.php?s=feed" type="text/css"?>
<rss version="2.0">
    <channel xmlns:g="http://base.google.com/ns/1.0">
        <title>EDMC73.com - devweb:jquery</title>
        <description></description>
        <link>http://wiki.edmc73.com/</link>
        <lastBuildDate>Tue, 02 Jun 2026 02:26:20 +0000</lastBuildDate>
        <generator>FeedCreator 1.8</generator>
        <image>
            <url>http://wiki.edmc73.com/_media/logo.png</url>
            <title>EDMC73.com</title>
            <link>http://wiki.edmc73.com/</link>
        </image>
        <item>
            <title>Agrandir div onMouseOver</title>
            <link>http://wiki.edmc73.com/devweb/jquery/agrandir_pre_hover?rev=1372003522&amp;do=diff</link>
            <description>Agrandir div onMouseOver



function log(s) {
    if (window.console &amp;&amp; window.console.log)
        window.console.log(s);
}

jQuery(document).ready (
    function () {
        // By default, &lt;pre&gt; should be styled &quot;overflow: auto&quot;
        // so as to degrade gracefully if Javascript is unavailable
        jQuery(&quot;pre&quot;).css({
                        zIndex: &quot;100&quot;,
                        position: &quot;relative&quot;,
                        overflow: &quot;hidden&quot;
                    })

        // We could …</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Sun, 23 Jun 2013 16:05:22 +0000</pubDate>
        </item>
        <item>
            <title>Animation 2d 3d</title>
            <link>http://wiki.edmc73.com/devweb/jquery/animation?rev=1424383658&amp;do=diff</link>
            <description>Animation 2d 3d

Texte movies

	*  &lt;http://www.megaptery.com/2012/08/9-plugins-jquery-effets-parallaxe.html&gt;

Remplace facilement le .animate() de jquery

	*  &lt;http://ricostacruz.com/jquery.transit/&gt;

Plugins poussé pour faire de l’animation et controler son avancement, inverser, ralentir etc...

	*  &lt;http://www.greensock.com/gsap-js/&gt;
	*  &lt;http://www.grafikart.fr/tutoriels/javascript/greensock-animation-platform-415&gt; tuto vidéo

Un peu de CSS3, JS et SVG

	*  &lt;http://www.grafikart.fr/tutoriels/…</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Thu, 19 Feb 2015 22:07:38 +0000</pubDate>
        </item>
        <item>
            <title>Datepicker</title>
            <link>http://wiki.edmc73.com/devweb/jquery/datepicker?rev=1455726550&amp;do=diff</link>
            <description>Datepicker

Installation

Utiliser jqueryUI et le fichier jquery.ui.datepicker-fr.js pour avoir les dates en français


/* French initialisation for the jQuery UI date picker plugin. */
/* Written by Keith Wood (kbwood{at}iinet.com.au),
			  Stéphane Nahmani (sholby@sholby.net),
			  Stéphane Raimbault &lt;stephane.raimbault@gmail.com&gt; */
jQuery(function($){
	$.datepicker.regional[&#039;fr&#039;] = {
		closeText: &#039;Fermer&#039;,
		prevText: &#039;Précédent&#039;,
		nextText: &#039;Suivant&#039;,
		currentText: &#039;Aujourd\&#039;hui&#039;,
		month…</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Wed, 17 Feb 2016 16:29:10 +0000</pubDate>
        </item>
        <item>
            <title>Deferred / Promise</title>
            <link>http://wiki.edmc73.com/devweb/jquery/deferred?rev=1549297408&amp;do=diff</link>
            <description>Deferred / Promise

Le code exemple qui m’a fait comprendre le fonctionnement


$(&#039;#result&#039;).html(&#039;waiting...&#039;);
 
var promise = wait();
promise.done(result);
 
function result() {
  $(&#039;#result&#039;).html(&#039;done&#039;);
}
 
function wait() {
  var deferred = $.Deferred();
 
  setTimeout(function() {
    deferred.resolve();
  }, 2000);
 
  return deferred.promise();
}</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Mon, 04 Feb 2019 16:23:28 +0000</pubDate>
        </item>
        <item>
            <title>Échappement</title>
            <link>http://wiki.edmc73.com/devweb/jquery/escape?rev=1383725667&amp;do=diff</link>
            <description>Échappement

Cas concret.

Vous voulez afficher le lien suivant en utilisant une fonction jquery


&lt;a href=&#039;supprimer&#039; onclick=&#039;return confirm(&quot;Êtes-vous sûr de vouloir supprimer ?&quot;)&#039;&gt;Supprimer&lt;/a&gt;


On va utiliser par exemple append(). premier réflexe, vous écrivez ceci en</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Wed, 06 Nov 2013 08:14:27 +0000</pubDate>
        </item>
        <item>
            <title>Event preventDefault stopPropagation</title>
            <link>http://wiki.edmc73.com/devweb/jquery/eventstop?rev=1700413715&amp;do=diff</link>
            <description>Event preventDefault stopPropagation



&lt;div class=&quot;container&quot;&gt;
  &lt;div class=&quot;element&quot;&gt;&lt;/div&gt;
&lt;/div&gt;



$(&#039;.container&#039;).click(function(e){
  // exec code
})

$(&#039;.element&#039;).click(function(e){
  e.preventDefault();
  e.stopPropagation();
  // exécute le code sans exécuter le code du container
})</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Sun, 19 Nov 2023 17:08:35 +0000</pubDate>
        </item>
        <item>
            <title>Filtrer</title>
            <link>http://wiki.edmc73.com/devweb/jquery/filtrer?rev=1618406471&amp;do=diff</link>
            <description>Filtrer


&lt;input type=&quot;search&quot; id=&quot;myInput&quot; onkeyup=&quot;myFunction()&quot; placeholder=&quot;Recherchez...&quot; title=&quot;&quot;&gt;

&lt;script&gt;
function myFunction() {
  var input, filter, table, tr, td, i;
  input = document.getElementById(&quot;myInput&quot;);
  filter = input.value.toUpperCase().normalize(&#039;NFD&#039;).replace(/[\u0300-\u036f]/g, &quot;&quot;);
  table = document.getElementById(&quot;myTable&quot;);
  tr = table.getElementsByTagName(&quot;tr&quot;);
  for (i = 0; i &lt; tr.length; i++) {
    td = tr[i].getElementsByTagName(&quot;td&quot;);
    if (td.length) {
  …</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Wed, 14 Apr 2021 13:21:11 +0000</pubDate>
        </item>
        <item>
            <title>Formulaire</title>
            <link>http://wiki.edmc73.com/devweb/jquery/form?rev=1381819594&amp;do=diff</link>
            <description>Formulaire

Checkbox

Récupérer les valeurs de plusieurs checkbox du même nom


var valeurs = [];
$(&#039;input:checked[name=liste_select]&#039;).each(function() {
  valeurs.push($(this).val());
});


Input text + select

&lt;http://harvesthq.github.io/chosen/&gt;</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Tue, 15 Oct 2013 06:46:34 +0000</pubDate>
        </item>
        <item>
            <title>Lazy Load - chargement d&#039;image progressif</title>
            <link>http://wiki.edmc73.com/devweb/jquery/lazyload?rev=1399931331&amp;do=diff</link>
            <description>Lazy Load - chargement d&#039;image progressif

Charger les images seulement quand elles apparaissent dans le viewport (parti visible du site dans le navigateur)

&lt;http://www.appelsiini.net/projects/lazyload&gt;</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Mon, 12 May 2014 21:48:51 +0000</pubDate>
        </item>
        <item>
            <title>Listener / écouteur</title>
            <link>http://wiki.edmc73.com/devweb/jquery/listener?rev=1452182218&amp;do=diff</link>
            <description>Listener / écouteur

Admettons un tableau classique comme ça avec un bouton qui par défaut est transparent


&lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;
      &lt;button class=&quot;menu transparent&quot;&gt;Menu&lt;/button&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;


On veut que lorsque la souris passe sur une ligne du tableau, on fasse apparaitre le bouton en supprimant la class transparent</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Thu, 07 Jan 2016 15:56:58 +0000</pubDate>
        </item>
        <item>
            <title>Parallax</title>
            <link>http://wiki.edmc73.com/devweb/jquery/parallax?rev=1424295825&amp;do=diff</link>
            <description>Parallax

	*  &lt;http://www.megaptery.com/2012/08/9-plugins-jquery-effets-parallaxe.html&gt;</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Wed, 18 Feb 2015 21:43:45 +0000</pubDate>
        </item>
        <item>
            <title>Performance</title>
            <link>http://wiki.edmc73.com/devweb/jquery/performance?rev=1594041003&amp;do=diff</link>
            <description>Performance

append() dans une boucle

Comparaison de 2 codes et résultat


    $.each(sites,function(key, value)
    {
        if( (type_station!=&#039;&#039; &amp;&amp; value.label_type==type_station) || type_station==&#039;&#039;){
            if(groupBy != value.id.substr(0,4)){
                if(groupBy != null)
                    $select.append(&#039;&lt;/optgroup&gt;&#039;);
                $select.append(&#039;&lt;optgroup label=&quot;&#039; + value.id.substr(0,4) + &#039;&quot;&gt;&#039;);
            }
            groupBy = value.id.substr(0,4);
            var …</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Mon, 06 Jul 2020 13:10:03 +0000</pubDate>
        </item>
        <item>
            <title>Plugins</title>
            <link>http://wiki.edmc73.com/devweb/jquery/plugins?rev=1456270128&amp;do=diff</link>
            <description>Plugins

jqueryTools

Les principaux plugins

	*  &lt;http://jquerytools.org/&gt;

jscrollpane

Permet de personnaliser les ascenseurs

	*  &lt;http://jscrollpane.kelvinluck.com/&gt;

isotope

Permet de ranger automatiquement des éléments pour un gain de place maximum

	*  &lt;http://isotope.metafizzy.co/&gt;

WayPoints

Permet de gérer des événements sur le scrolling de la page</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Tue, 23 Feb 2016 23:28:48 +0000</pubDate>
        </item>
        <item>
            <title>Scrollbar perso</title>
            <link>http://wiki.edmc73.com/devweb/jquery/scrollbar?rev=1410127995&amp;do=diff</link>
            <description>Scrollbar perso

Petit plugin simple mais efficace pour avoir un ascenseur personnalisé qui fonctionne !!

&lt;http://noraesae.github.io/perfect-scrollbar/&gt;

A essayer : &lt;https://github.com/gillescochez/gscrollbar&gt;</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Sun, 07 Sep 2014 22:13:15 +0000</pubDate>
        </item>
        <item>
            <title>Détecter le chargement des images</title>
            <link>http://wiki.edmc73.com/devweb/jquery/waitforimage?rev=1429279475&amp;do=diff</link>
            <description>Détecter le chargement des images

&lt;https://github.com/alexanderdickson/waitForImages&gt;

Ce plugins permet de vérifier que toutes les images d’une page soient bien chargées avant d’effectuer une action.</description>
            <author>anonymous@undisclosed.example.com (Anonymous)</author>
            <pubDate>Fri, 17 Apr 2015 14:04:35 +0000</pubDate>
        </item>
    </channel>
</rss>
