Ce qui est bien quand on programme, c’est que des fois on s’extasie pour pas grand chose

function disableCommandsWhileEditing()
{
  $("img.disableOnEdit").each(function (i) {
    src = $(this).attr('src');
    pos = src.lastIndexOf(".");
    if (pos>0) {
      $(this).attr('src',src.substring(0,pos) + "_disabled" + src.substring(pos));
    }
  });
}

Depuis quelques temps je vais un peu de Javascript sur mon temps libre (j’en ai pas tant que ça). Je sais c’est bizarre comme truc à faire sur son temps libre … je vous rassure j’ai aussi une vie sociale, je fais du vélo et tout et tout.

Donc voilà, je (re)découvres le Javascript et la programmation web. Et notamment l’utilisation du framework JQuery qui est quand même overpuissant ;) .

La jolie fonction ci-dessus va parcourir toute les images (de la page courante) qui ont pour classe disableOnEdit et modifier le attribut src pour y ajouter _disabled. C’est à dire qu’une image définit de la façon suivante

<img src="map_delete.png" id="map_clear" class="disableOnEdit" alt="Effacer toute la carte" title="Effacer toute la carte" />

deviendra

<img src="map_delete_disabled.png" id="map_clear" class="disableOnEdit" alt="Effacer toute la carte" title="Effacer toute la carte" />

Je vous l’avais bien dit … il m’en faut peu …

7 Comments

  1. Et ca fait quoi disableonedit ?

  2. nicolas says:

    le disabelonedit c’est une “class” de mon invention qui me sert ensuite à filtrer les images. en gros dans ma page j’ai des images qui sont des boutons aux quels sont associés des actions. et lorsque je suis en édition je veux “disabler” certaines actions. donc je changes l’image associée à ces boutons (en plus de désactiver l’action elle même).

    rien de révolutionnaire … juste que j’aime bien la simplicité de la syntaxe.

  3. Edwin says:

    Vu que le javascript te branche bien depuis un moment, et que beaucoup de bruit annonce le trio html5, javascript WebGL comme le futur du web. Ca te dirais pas de poster plus souvent sur le javascript ? Genre site intéressant, techniques …

  4. nicolas says:

    je peux essayer ouais

  5. nicolas says:

    et sinon pour l’instant j’ai pas trop regardé du coté de WebGL … je sais même pas quelle version de browser il faut avoir pour que ça fonctionne.

    pour me tenir au courant je suis principalement ce qui se passe chez Mozilla, notamment lui http://twitter.com/paulrouget qui est évengéliste Javascript chez Mozilla (il fait plein de démo cool dès qu’il y a une nouvelle features dans Mozilla). et ce site aussi : http://hacks.mozilla.org/.

    faudrait que je suives un peu plus ce que fait Google.

    je vous tiens au courant ;)

  6. Hulud says:

    JQuery rulez :) Surtout les fonctions Ajax, tellement simple à utiliser. Un bon exemple de l’utilisation des closures de JS !

  7. nicolas says:

    ouais je commences enfin à comprendre l’intérêt des closures d’ailleurs ;)

Leave a Reply