Articles taggés par DOM

Utilisation de la balise video

Firefox 3.1 est en béta et bien que je déteste les beta-software, je me suis amusé à trifouiller dans les entrailles de la bête, à l’initiative de John Resig. Et voici comment, en 3 heures, je me suis retrouvé à coder une fonction pour la gestion de la balise video pour Firefox 3.1. lire la suite →

Manipuler une table via le DOM

Lorsque l’on apprend le DOM, la plupart des didactitiels que l’on trouve sur le net se termine en montrant comment on peut créer « from scratch » une table en utilisant uniquement les propriétés du DOM Level 1. Du fait de la complexité de la structure d’une table en HTML, cet exemple montre l’efficacité du DOM, mais oublie de mentionner au développeur l’existence de propriétés et de méthodes DOM plus simples pour manipulation les tables HTML. lire la suite →

getNextNode, getPreviousNode ou comment compléter les méthodes relationnelles du DOM

Je vous présente 4 fonctions javascript que vous pourriez ajouter à votre librairie javascript personnelle. Elles ont pour but de compléter les méthodes relationnelles d’un élément sélectionnés via DOM.

En tant que programmeur javascript on est régulièrement amené à déterminer l’élément qui suit ou qui précède l’élément que l’on a sélectionné. Pour se faire le DOM Core Level I nous permet de déterminer ces éléments en utilisant 2 méthodes previousSibling et nextSibling. Le seul problème avec ces 2 méthodes est qu’en DOM les espaces sont considérés comme étant des élément à part entière. Du coup l’utilisation de ces 2 méthodes est rendu quasi inutile car ce que l’on recherche la plupart du temps c’est le prochain élément et non les espaces blancs qui l’entoure ;) . lire la suite →

Y’en a marre des codes html de merde!!

On est en Mars 2008 et je poste mon premier vrai coup de gueule. Celui-ci est adressé aux soit disant designers, développeurs web qui se disent être des professionnels. Y’en a marre des codes javascript de merde que je rencontre dans les design html que je commande chez de tels individus. lire la suite →

Emuler target= »_blank » avec javascript, mon howto

J’ai décidé d’améliorer mon code d’ouverture d’une page externe à mon site. Pour cela j’ai un peu googlé et surtout je me suis souvenu des fondamentaux du Javascript, souvent cela aide. Essayons donc de résoudre à nouveau le vieux problème de la disparition de l’élément target de la spécification XHTML 1.0 Strict. En attendant sa réhabilitation via le HTML 5.0, lire la suite →

Est-ce que ma page à la même dimension que mon document ?

Je sais cette question empoisonne la vie des humbles developpeurs de sites web que nous sommes. Alors d’emblé j’y réponds sans détour NON!!. Et de continuer sur ma lancée en disant que c’est tellement ennuyeux de calculer se genre de données qu’après plusieurs recherche sur le net, et plusieurs essais et erreurs, car je ne comprenais pas très bien aussi au départ,
j’ai décidé de mettre dans une fonction les réponses à toutes ces questions afin que je ne me l’ai pose plus car récemment j’ai du utilisé ces données un peu trop souvent. Et les recoder à chaque fois cela devient pénible à la fin donc voici la fonction en brute, sans exemples car j’ai pas le temps en ce moment…

var dimension_detect=function(){
 var d={
 'viewW':0, //viewPort Width
 'viewH':0, //viewPort Height
 'docH':0,  //document Height
 'docW':0,  //document Width
 'left':0,  //content Left Position according to the document flow
 'top':0    //content top position according to the document flow
 };
 if(document.body.scrollHeight>document.body.offsetHeight){
 	d.docW=document.body.scrollWidth;
 	d.docH=document.body.scrollHeight;
 } else {
 	d.docW=document.body.offsetWidth;
 	d.docH=document.body.offsetHeight;
 }
 if(self.innerWidth){
 	d.viewW=self.innerWidth;
 	d.viewH=self.innerHeight;
 	d.left=window.pageXOffset;
 	d.top=window.pageYOffset;
 } else {
 	var ie=(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body;
 	d.viewW=ie.clientWidth;
 	d.viewH=ie.clientHeight;
 	d.left=ie.scrollLeft;
 	d.top=ie.scrollTop;
 }
 return d;
};

Bon ok je vais être sympa et je vous montre ce que cela donne pour ce billet

QSparser erratum

En attendant de rendre cette page dynamique ( je suis assez paresseux en ce moment ) , je tiens à signaler que j’ai honteusement baisser ma garde dans l’intro de QSParser ou j’ai par mégarde confondu javascript et DOM. Honte à moi qui me voulait grand défenseur de la cause DOMesque ;) .

Je prépare également un script assez fun mais qui tourne pour l’instant uniquement sous Firefox grrr…Opera m’a laché singulièrement et je sais pas pourquoi ? Je crois que je vais essayer de le patcher pour qu’il fonctionne sous IE et ensuite, j’espère qu’une âme charitable qui passe par là m’expliquera pourquoi mon script ne fonctionne pas sous Opera, car moi je comprends pas pourquoi :(

Remise à plat du site

Après plus d’un an de tergiversation, je me suis enfin décider pour un design simple ( en apparence ) de mon site. Vue mes super talents en logiciel de retouche de dessins, j’ai après moultes efforts et tentatives avortées aboutis au design actuel censé fonctionner de manière efficace sur les plus grands navigateurs actuel et futurs ( devinez à qui je parle ;) ).Bref sans plus attendre, et en changeant radicalement de sujet, ne vous êtes vous jamais demander mais comment récupérer cette info dans cette url ? , et comment la modifier ?. Ne vous posez plus jamais cette question car en voici la réponse avec ma dernière contribution javascriptal QSParser en espérant qu’elle sera utile au moins à quelqu’un !!