jQuery.info
Découvrir et utiliser jQuery, la librairie javascript du XXIIème siècle

Accueil du site > DOM

DOM

Dernier ajout : 12 septembre 2006.


  • Racchiudere il contenuto di un elemento... in un altro elemento

    12 settembre 2006, di Renato
    Una semplice tecnica utile ad inserire tra un elemento ed il suo contenuto, un altro elemento, ad esempio un link. Il nostro obiettivo è di trasformare questo frammento di HTML <div class="linkami"> vorrei essere un link! </div> in <div id="linkami"> <a href="#">vorrei essere un link!</a> </div> Creeremo una funzione che riceve in argomento il codice HTML che andrà a racchiudere il contenuto degli elementi a cui la (...)

  • Jouer à Shanghaï

    9 septembre 2006, par Fil
    Chacun connaît le jeu de solitaire appelé Shanghaï, qui se joue avec des pièces de Mah-jong qu’on doit retirer du plateau, par paires. On en programme ici une version (très limitée) en jQuery. L’objectif, sur le plan technique, est double : — faire une interface qui ne se limite pas à des effets visuels ; — gérer des données qui sont présentes dans la page HTML, et pas dans des globales javascript. Installation du plateau de jeu Notre script d’initialisation se lance dès que la page est prête, et (...)

  • Cloner des éléments

    27 août 2006, par piif
    Comment prendre une certaine liste de nœuds du DOM, et les manipuler en les recopiant (clonage), et en modifiant certaines de leurs propriétés. On va essayer de modifier les liens présents dans une page afin de créer dynamiquement des variantes. Pour cela, on commence par lister les liens qui nous intéressent (ici ceux ayant le titre « perdu ») : $("a[@title='perdu']") Pour chacun d’eux, on applique une fonction qui va nous permettre de les tripoter tranquillement : .each(function(i) (...)

  • Ajouter une image dans une page

    26 août 2006, par Fil
    Comment charger (en javascript) une image dans un document. Sur la mailing-list de jquery, sDisk donnait un script permettant d’ajouter une image dans un document, et lancer une action (ici, une alerte) quand l’image a fini de charger. Le problème du code proposé est qu’il ne fonctionnait pas sur Safari, je l’ai donc un peu réécrit. Ce qui est intéressant — outre la question du chargement d’une image dans le DOM —, c’est que ce script est écrit comme un plugin de jQuery. Une première partie du code (...)

  • Ajouter une boîte à coucou

    17 août 2006, par Fil
    L’idée est d’ajouter dans la page, à un endroit bien choisi, une <div/>. Tout d’abord, choisir l’endroit qui convient : disons, par exemple, au début du deuxième paragraphe du texte de la page. Nous repérons le texte comme étant la <div id="texte" />, avec $("#texte"). Ensuite, pour repérer le deuxième paragraphe, on utilise l’expression jQuery correspondante : $("#texte/p:nth-child(2)") #texte va sélectionner l’élement (ici, une <div/>) dont l’id est (...)

  • Transformer tous les liens d’une page

    15 août 2006, par Fil
    Notre objectif pour ce premier article est de voir comment jQuery peut nous permettre d’agir sur toutes les balises <a> de notre page. Tout d’abord, il faut ajouter dans les entêtes de la page HTML un appel à la librairie jquery. <html> <head> <script src="/chemin/vers/jquery.js" type="text/javascript"></script> </head> <body> ..... Ensuite, le contenu de notre page : .... <body> Voici le <a (...)


Derniers commentaires

Nouveautés sur le Web