Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

DOM en JSON

En debuggant un des Ajax Toolkits, je suis tombé sur une petite merveille. Lorsque l'on fait un peu de JavaScript on est très souvent en train de manipuler le DOM pour créer de nouveaux éléments. Pour cela on utilise la méthode document.createElement puis on lui affecte les propriétés qui vont bien avant de faire un parentNode.appendChild.

La méthode $common.createElementFromTemplate disponible dans le fichier common.js des toolkits permet de créer un noeud DOM à partir d'une syntaxe JSON.

Voici un exemple :

var container = {}; $common.createElementFromTemplate({ nameTable : container, parent : $get('pnl1'), nodeName : 'div', name : '_elt', cssClasses : [ 'class0', 'class1' ], visible : true, opacity : .8, properties : { style : { height : '100px', width : '100px', backgroundColor :'#00FFFF' } }, // ne pas oublier de faire des $clearHandlers lors du dispose events : { click : function() { alert("foo"); }, mouseover : function() { container._elt.style.backgroundColor = '#FF00FF'; }, mouseout : function() { container._elt.style.backgroundColor = '#00FFFF'; } }, children : [ { name : '_btn', nodeName : 'button', events : { click : function(){alert('yeeahhh');} } }, { nodeName : 'span', properties : { innerHTML : 'value1' } } ] });

Dommage que cette méthode se trouve dans les toolkits plutot que dans Microsoft Ajax Library, car si vous voulez utiliser ce code, ou n'importe quelle code des toolkits dans votre propre composant : vive la galère ...

Posted: samedi 9 juin 2007 12:28 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Pas de commentaires

Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- Merci par Blog de Jérémy Jeanson le 10-01-2019, 20:47

- Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

- Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

- Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

- Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

- Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

- Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01