CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 04 01:14:56

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

[VISUAL STUDIO 2010] LES TESTS CASES C'EST BIEN, MAIS JE VAIS DEVOIR TOUT RééCRIRE ? par Etienne Margraff

MVP[GRIBOUILLON].ADDYEAR par Gribouillon

CLINIQUE INSIA - PROJET DE FIN D'ETUDES (SILVERLIGHT 3 MVVM ET OUTOFBROWSER, WCF, TFS) - PART 1 par davidrei

CUSTOMISATION THICKBOX JQUERY AJAX HELP par jerrrrrry

RE : JAVASCRIPT par kazma

RE : JAVASCRIPT par woresa

RE : SAVOIR SI UN CHAMPS EST SELECTIONNé EN TEMPS RéEL par Divinity78180

RE : DIV FLIPFLOP par jdmcreator

+ de logiciels à télécharger

1 464 098 membres
7 nouveaux aujourd'hui
15 044 membres club

Trouver une ressource

Trouvez une ressource parmi 40 093 codes, 1 302 717 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DOM BUILDER : PROTOTYPE ROCKS !

Information sur la source

Catégorie :Divers Classé sous : dom, builder, prototype, class, singleton Niveau : Expert Date de création : 06/07/2008 Date de mise à jour : 08/07/2008 00:38:51 Vu / téléchargé: 2 871 / 86

Auteur : ralecul

Site perso

Ecrire un message privé

Note :
Aucune note

Commentaire sur cette source (7)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Cette petite source contient un builder DOM compatible avec la syntaxe de celui de Prototype.
J'ai réalisé ce builder DOM pour le challenge et parce que celui de Prototype n'est pas encore finalisé.
J'ai effectivement découvert des "bug" avec les attributs camelized sous IE.
Au début je n'avais constaté le bug que pour useMap, puis en creusant un peu j'en ai trouvé beaucoup plus.
-> Au final, j'ai récupéré la liste complète des attributs incriminés dans le code de Mootools.

Le benchmark fournit avec la source est "volontairement" favorable à ma source.
En réalité mon code n'est pas 2x plus rapide que celui de Prototype, je pense juste que c'est leur Event.observe qui n'est pas assez optimisé.
Rien à voir avec le DOM donc... en revanche mon builder corrige quelques bugs de celui de Prototype et ajoute quelques fonctionnalités.

Le fichier myPrototype.js contient plusieurs Singleton :
Element -> Entièrement de moi
Ajax    -> Entièrement de moi (excepté l'évaluation de script)
Event   -> Entièrement de moi
document.viewport -> Version de Prototype 1.6.0.2 + optimisation
Element.Methods   -> Version de Prototype 1.6.0.2 + optimisation

Pour ceux qui ne savent pas ce qu'est un DOM Builder, vous pouvez jetter un coup d'oeil à la source ci-dessous.

Source

//Version DOM classique non Cross-Browser à cause des "spécificités" de IE ;-)
var input = document.createElement('input');
input.setAttribute('name', 'prenom');
input.setAttribute('disabled', 'disabled');
input.setAttribute('value', 'toto');
//Version utilisant un DOM Builder qui masque tous les problèmes de compatibilités
var input = new Element('input', {
name : 'prenom',
disabled : true,
value : 'toto'
});

//Version DOM classique non Cross-Browser à cause des "spécificités" de IE ;-)
var input = document.createElement('input');
input.setAttribute('name', 'prenom');
input.setAttribute('disabled', 'disabled');
input.setAttribute('value', 'toto');

//Version utilisant un DOM Builder qui masque tous les problèmes de compatibilités
var input = new Element('input', {
  name     : 'prenom',
  disabled : true,
  value    : 'toto'
});

Conclusion

Je n'ai pas eu le temps de tout tester donc il est possible que certains workaround pour IE ne fonctionnent pas...
Donc si certaines choses ne fonctionnent pas, vous êtes priez de me le faire savoir ;-)

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

css
- style.css 1 057 octets
js
- Chrono.js 630 octets
- myPrototype.js 11 825 octets
- prototype.js 128 321 octets
bench_builder.html 1 380 octets
bench_innerHTML.html 1 204 octets
bench_prototype.html 1 376 octets
index.html 3 985 octets
screenshot.jpg 150 437 octets

Télécharger le zip

Historique

06 juillet 2008 00:17:47 :: Je dois mettre une explication alors que je ne fais que modifier la prévisualisation ;-(
08 juillet 2008 00:38:51 :: Ajout des méthodes writeAttribute et readAttribute + correction du bug ('disabled' : false) + gestion de tous(?) les attributs de types booléens + introduction de nouveau(x) bug(s) (?)

Sources du même auteur

CLASSE AJAX : PROTOTYPE ROCKS !

AFFICHAGE DE PANORAMA 360° (JAVASCRIPT ORIENTÉ OBJET) - YAJE...

RECHERCHE DU PLUS COURT CHEMIN - ALGO DE DIJKSTRA - EN JAVAS...

MYFLASHPANO VERSION JAVASCRIPT - UN SYSTÈME DE VISITE VIRTUE...

Toutes les sources de ralecul

Sources de la même categorie

AFFICHE SOBREMENT LES TWEET (SELON RECHERCHE) par islacoul12

CHECKUSERACTIVITY : DETECTER L'INACTIVITÉ DU VISITEUR par kankrelune

CRYPTOR - PROTEGEZ VOS CODES SOURCES ! par amrounix

QUERYSELECTORALL par Kimjoa

CODE UTF-8 par amrounix

Toutes les sources de la catégorie Divers

Sources en rapport avec celle ci

JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv

CLASS.JS , TEST D'IMPLÉMENTATION DE CLASS EN JAVASCRIPT par Kimjoa

CLASSE AJAX : PROTOTYPE ROCKS ! par ralecul

TABLEAU HTML DYNAMIQUE AVEC JAVASCRIPT DOM par LogansRun

CLASS VERIFICATION DES SAISIES par TheWeasel47

Commentaires et avis

Commentaire de ralecul le 06/07/2008 10:20:30

Une bonne lecture pour la comparaison DOM vs innerHTML :http://www.quirksmode.org/dom/innerhtml.html

Mon benchmark n'utilise pas la méthode cloneNode, il est donc comparable au test "W3C DOM 1" présent sur ce site. En ce qui concerne la version innerHTML, elle est très basique et elle est donc comparable au test "innerHTML 1".

Commentaire de XtremDuke le 07/07/2008 16:35:03

Sympa mais une remarque qui me vient à l'esprit :

Celà fonctionne-t-il ?

var input = new Element('input', {
  name : 'prenom',
  disabled : false,
  value : 'toto'
});

Commentaire de ralecul le 07/07/2008 18:12:16

Il y a effectivement un bug avec mon DOM Builder si tu précises une valeur false pour l'ajout d'attribut de type booléen.
Après cela parait bizarre de spécifier "disabled : false" alors qu'il suffirait de ne pas spécifier de valeur pour disabled.
Mais cela peut être intéressant si l'état de l'attribut booléen est stocké dans une variable.

J'ai écrit une nouvelle version de mon DOM Builder avec les méthodes writeAttribute et readAttribute donc il me sera plus facile de corriger ce bug. Par contre je n'ai pas encore pu re-tester tous les workarounds de IE donc je vais attendre un peu avant de poster les modifications.

Commentaire de XtremDuke le 18/07/2008 12:34:32

Je viens de tomber sur un problème et par curiosité j'ai regardé si celà se produisant avec ta méthode :

var input = new Element('input', {
  type : 'radio',
  name : 'prenom',
  checked : true
});

Sous IE, impossible d'affecter l'attribut 'checked'.

Commentaire de XtremDuke le 18/07/2008 14:47:06

Bon apparement, sous IE, il n'est pas possible de jouer sur l'attribut "checked" tant que l'élément n'est pas inseré.

"...You will noticed I set the checked status on the checkbox. But when IE renders that code the checkbox is unchecked. But when I do the alert it tells me true. What the...? Well, it turns out IE's rendering doesn't care what I do to the checkbox before I insert it into the document. IE only reflects those changes made after the insertion..."

Commentaire de ralecul le 22/07/2008 23:33:05

Encore une "spécificité" de IE, cool ;-)
Je l'avais rencontré il y a longtemps mais je n'utilisais pas encore de DOM builder.
Le seul workaround fonctionnel (de mémoire), créer l'input via innerHTML là il est pris en compte correctement...

<troll>Vivement IE8 et qu'il corrige tout ça...</troll>

Commentaire de XtremDuke le 23/07/2008 09:53:21

"Vivement IE8 et qu'il corrige tout ça..."

>> je pencherai plutôt pour la version IE12 en 2038. ^^

Bon ok, j'arrête mes sarcasmes...

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

modif CLASS et attribut en dynamique ? [ par McPeter ] Salutquelqu'un aurait une idée pour attribuer un valign="middle" en dynamique sous JavaScriptje sais le faire pour align="center" mais je sèche pour l Aidez moi ... Plizzzz ... comment modifier un class ...? [ par GuilleW ] j'ai des fichier class que j'arrive a ouvrir grace a Decafé (decompilateur .class qui sauvegarde en .java) et je les recompile avec jk2jk22kjrks un tr [DOM MOZILLA]urgent [ par dionysos6868 ] bonsoirvoila j'ai cadocument.getElementById("cadremenu").style.top=posYmenu+24;cela marche tres bien sou IE mais pas sous MOZILLAQuelqu'un pourrais m' Class Defilement auto d'images avec animation [ par MeTh ] Je suis sur d'etre pret du but et je suis également convaincu que ce script peut servir à bcp de personne. Ceci ma première tentative probleme mozilla [ par javert ] salut, je vient de faire un petit calendrier en js, mais il ne fonctionne malheureusement pas sous mozilla. impossible de lui faire comprendre la li Aidez-moi s'il vous plait [ par pandzobo ] Bonjour,J'ai téléchargé ici le script que j'ai utilisé dans le fichier DHTML inclus ci-après pour un menu déroulant. Mai probleme triangle de pascal [ par tofismagic ] 1 - Déterminer l’algorithme permettant de calculer les coefficients du triangle de Pascal<?xml:namespace prefix Aide pour Newsletter [ par Nownow ] Où est le problème ?<html> <head><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content=" Récupérer toutes les class d'un élément [ par flexx ] Salut J'attribut à un div plusieurs classes ( <div class="toto tata"> ) Comment, en javascript, je peux récupérer toutes les cla Class CSS dans code javascript [ par micfont999 ] Salut à tous, voila j'ai un piti problème que je n'arrive pas à résoudre depuis ce matin..Peut être très simple mais pas