DOM

Articles de cette rubrique

• 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 vorrei essere un link! in vorrei essere un link!
  Creeremo una funzione che riceve in argomento il codice HTML che andrà a racchiudere il contenuto degli elementi a cui la applicheremo.
  Supponiamo di avere nella variabile this l’elemento a cui vogliamo applicare la trasformazione.
  Memorizziamo in un’altra (...)
  
  

• 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) ... ) ;
  C’est (...)
  
  

• 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 (...)
  
  

• 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 .
  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 , 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 ) dont l’id est texte ; ensuite, avec #texte/p on considère les paragraphes appartenant (...)
  
  

• 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 de notre page.
  Tout d’abord, il faut ajouter dans les entêtes de la page HTML un appel à la librairie jquery.
  .....
  Ensuite, le contenu de notre page :
  .... Voici le lien 1. Et le lien 2.
  Le script ci-dessous — que nous allons insérer dans l’entête de la page — attend que celle-ci soit « prête » (complètement chargée), et appelle ensuite l’ensemble des (...)