Javascript Girl
  1. Javascript Girl
  3. Sélection de JavaScript / cadre de gamme
Intereting Posts
Comment puis-je observer les changements de tableau et voir quel nouvel élément est ajouté? Google Drive API, ne peut pas ouvrir une boîte de dialogue de partage standard via JS (erreur x-frame-options) Comment puis-je modifier les marqueurs? Javascript échiqué par PHP ne fonctionne pas Js contenteditable – empêcher l'écriture dans l'élément nouvellement inséré Comment inverser l'ordre dans une boucle FOR D3.js: Zoom sur l'axe des x et les données avec la molette de la roulette de la souris Prototype Javascript Regex Modification d'un élément css position après défilement vers le bas de la page Regex pour les diacritiques Afficher / Masquer en utilisant la liste déroulante Décharger CSS à partir de la page Web Résolvez une promesse une fois que toutes les promesses concurrentes internes ont résolu ou rejeté Modifier les params sans rechargement en angulaire 2 Comment analyser JSON facilement?

Sélection de JavaScript / cadre de gamme

J'ai travaillé avec des objets de sélection / gamme, et en raison de la quantité incroyable d'incohérences entre les navigateurs pour des trucs spécifiques de sélection / gamme (même plus que le DOM), je me demandais s'il y avait un cadre qui m'aiderait à les traverser.

(Réponse faite par demande;)

Jetez un oeil à IERange :

IERange est une mise en œuvre complète des W3C DOM Ranges pour Internet Explorer, permettant aux utilisateurs d'écrire une version cross-browser de leur code de manipulation de portée.

Supporte les API de la gamme:

  • document.createRange()
  • startContainer , startOffset , endContainer , endOffset , commonAncestorContainer , collapsed
  • setStart() , setEnd() , setStartBefore() , setStartAfter() , setEndBefore() , setEndAfter() , selectNode() , selectNodeContents() , collapse()
  • insertNode() , surroundContents()
  • extractContents() , cloneContents() , deleteContents()
  • compareBoundaryPoints() , cloneRange() , createContextualFragment() , toString()

Supporte les API de sélection:

  • Dddddddice Da Marcoddiceaddiceaddiceaddiceeadiceddiceaddiceeaeadiceeadiceddiceaddiceeaeadiceddicediceeadiceddicediceddice
  • window.getSelection()
  • addRange() , removeAllRanges() , getRangeAt() , toString()

J'ai écrit une nouvelle gamme / bibliothèque de sélection appelée Rangy qui est similaire à celle d'IERange mais va beaucoup plus loin. Le noyau est assez complet et actuellement disponible pour téléchargement . Je suis actuellement bugfixing et le documenter et il ne devrait être que quelques semaines avant une version complète.

MISE À JOUR 31 août 2011

Rangy est maintenant stable et à la version 1.2 ( page de téléchargement ).

Fieldselection est un plugin jquery très utile pour la sélection / la manipulation de la gamme.