Accueil > Forum > > > > Problème avec le DOM
Problème avec le DOM
mercredi 28 mai 2008 à 19:20:40 |
Problème avec le DOM

nicomilville
|
Salut,
Voila j'ai un problème de fonction, normalement, je charge ma fonction une fois que le DOM est construit avec attachEvent sous ie et addEventListener pour tout les autres navigateurs !
voici mon code javascript :
function griserInterface() { document.getElementById('boite').style.zIndex = "50"; document.getElementById('boite').style.padding = "100px"; document.getElementById('boite').style.backgroundColor = "grey"; if(document.all) { document.getElementById('boite').style.filter = alpha(opacity=50); } else { document.getElementById('boite').style.opacity = "0.5"; } } if(document.attachEvent) { document.attachEvent("onload", griserInterface()); } else { document.addEventListener("load", griserInterface(), false); }
et voici mon code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [ Lien ]"> <html> <head> <title>Boite de dialogue</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="dialogue.js"></script> </head> <body> <div id="boite">bonjour</div> </body> </html>
mais ça ne marche pas, j'ai une erreur comme quoi getElementById('boite') n'a pas de propriété...
l'erreur :
Erreur : document.getElementById("boite") has no properties Fichier source : [ Lien ] Ligne : 2
Merci d'avance !
a++ Si la réponse vous convient, pensez : Réponse accepté !
|
|
jeudi 29 mai 2008 à 09:15:10 |
Re : Problème avec le DOM

PetoleTeam
|
Bonjour, Supprimes les paranthéses sur les fonctions loadée if(document.attachEvent) { document.attachEvent("onload", griserInterface); } else { document.addEventListener("load", griserInterface, false); } ;O)
|
|
jeudi 29 mai 2008 à 09:56:42 |
Re : Problème avec le DOM

Anthed
|
Hello, Un simple <body onload="griserInterface()"> suffirait, non ? Tchô.
|
|
jeudi 29 mai 2008 à 11:12:25 |
Re : Problème avec le DOM

PetoleTeam
|
Bonjour, Anthed entièrement d'accord avec toi, sauf que l'on a pas le contexte global... Il reste intéréssant de noter les 2 façons d'affecter les fonctions sur à événement, par affectation directe <body onload="griserInterface()"> ou par adresse et dans ce dernier cas il ne faut pas mettre les parenthéses... document.addEventListener("load", griserInterface, false); ;O)
|
|
jeudi 29 mai 2008 à 14:45:20 |
Re : Problème avec le DOM

bultez
|
Réponse acceptée !
Bonjour, perso je préfère ( pour FF, mais pour IE le pendant est pareil ) window.addEventListener ( "load", function() { griserInterface(); }, false );
parce que s'il y a des paramètres à passer pour griserInterface(paramètres.... ) ça reste valable.... quelques ( menues ) explications ici
Cordialement  Bul [ mon Site] [ M'écrire]
|
|
jeudi 29 mai 2008 à 16:33:44 |
Re : Problème avec le DOM

nicomilville
|
Salut tout le monde, Merci pour vos réponse ! @Anthed : entièrement daccord sauf que dans mon cas je sépare tout mon javascript du html et je trouve cette manière de faire plus propre !
@bultez : je suis également daccord mais dans cette fonction il n'y a pas de paramètres ! @PetoleTeam : je test et je te tiens au courant ! a++ Si la réponse vous convient, pensez : Réponse accepté !
|
|
jeudi 29 mai 2008 à 16:40:04 |
Re : Problème avec le DOM

nicomilville
|
Re, ça ne change rien, a part que j'ai une autre erreur : la ligne concerné : content webdeveloper jar:chrome/webdeveloper.jar!/content/webdeveloper/ contentaccessible=yes l'erreur : Avertissement : Warning: Unrecognized chrome registration modifier 'contentaccessible=yes'. Fichier source : [ Lien ]Ligne : 2 a++ PS : j'utilisait la fonction filter mais je l'ai retiré, le problème c'est que j'ai toujours ce message d'erreur ! Si la réponse vous convient, pensez : Réponse accepté !
|
|
jeudi 29 mai 2008 à 17:06:38 |
Re : Problème avec le DOM

Anthed
|
nicomilville, quand tu dis que tu sépares ton code javascript, cela signifie-t-il que l'externalise dans un fichier js ? Si tel est le cas (effectivement c'est plus propre), je ne vois pas en quoi ma solution ne satisfait pas cette façon de faire. Je ne joue pas au susceptible, je n'essaie pas de faire l'apologie de ma solution (toujours être AWARE ... :) ), c'est juste de la curiosité. Merci. A+.
|
|
jeudi 29 mai 2008 à 17:31:30 |
Re : Problème avec le DOM

PetoleTeam
|
To nicomilville
| ça ne change rien, a part que j'ai une autre erreur |
| donc ça change... L'erreur, la nouvelle peut être, est ailleurs...
To TheBultez, je ne suis pas fan des fonctions anonymes qui pêchent par leur manque de lisibilté, pas toujours il est vrai, et pour passer des paramètres il y a toujours possibilité d'avoir recours à une fonction tampon.
To Anthed, il est vrai que quand je passe par un fichier JS externe, j'utilise les addEventListener et consor et que lorsque j'intégre le script dans la page je mets directement sur la balise, la meilleur ??? perso pas de bille pour répondre.
;O)
|
|
jeudi 29 mai 2008 à 18:02:31 |
Re : Problème avec le DOM

nicomilville
|
@Anthed : effectivement j'externalise tout dans un fichier js et je ne vois pas pourquoi je jouerai le suceptible, ce n'ai pas mon genre ! a++ Si la réponse vous convient, pensez : Réponse accepté !
|
|
Cette discussion est classée dans : problème, style, boite, document, getelementbyid
Répondre à ce message
Sujets en rapport avec ce message
Problème d'opacité... [ par nicomilville ]
Salut,J'utilise la propriété de petoleTeam pour avoir une même opacité sur tout les navigateurs...J'ai un div qui grise la page et qui a une opacié de
Internet Explorer et object [ par bond_never_die ]
Bonjour à tous. Voilà, j'ai un petit script qui permet d'afficher dynamiquement une zone d'affichage au dessus de ma page. Problème : sous Internet Ex
probleme de compatibilité de fonction javascript avec la balise <table> [ par misshasnae ]
slt ts le mondej'ai un petit problème dans le code html de ma page de réservation, svp si quelq'un a une idée repond moi c urgent é merci d'avance.
scrollTo m'envois en l'air! [ par zen69 ]
Bon ce n'est pas du AJAX mais c'est pas comme si j'avais eu le choix... :PJ'ai un probleme avec un microscript... j'essaie simeplement de setter la po
Balise <DIV [ par JCEY ]
Bonjour, javascript:Insert_Emoticon('/imgs2/smile.gif');Je voulais en JS afficher une zone localité avec déroulant si l'on est en France ou en input t
positionnement div emplacement pointeur et map area [ par demnatis ]
Bonjour a tous,Les forums de javascript.com m'ont souvent fait progresser dans mes recherches et j'y ai souvent trouvé la solution corriger mes script
Compatibilité W3C - style.left [ par stanilou ]
Bonjour,Ce test fonctionne sous IE mais pas sous FF (Le div ne se déplace pas):<html xm
Remplacement d'une animation flash par une photo via test de plugin [ par benji3rv ]
Bonjour,Mon but comme l'explique assez bien le titre est de, dans un premier temps, faire un test pour savoir si le navigateur de l'internaute intègre
verifier un email avec onblur [ par arradakram ]
bonjoursdabord j'ai un projet de verification d'un formulaire d'inscription, et j'ai un tout petit prob:la verification des champs se fait en cours al
Comment puis-je améliorer ce script ??? [ par nanti ]
Bonjour à tous !Tout d'abord, j'espère être dans le bon thème... !?Comme annoncer, je souhaite améliorer ces scripts pour n'en faire qu'un qui soit op
Livres en rapport
|
Derniers Blogs
FAIRE APPARAITRE L'ONGLET 'DéVELOPPEUR' DANS OFFICE 2010FAIRE APPARAITRE L'ONGLET 'DéVELOPPEUR' DANS OFFICE 2010 par neodante
La nouvelle interface d'Office 2010 à amener quelques modifications par rapport à celle de 2007. Certes mineures, ces modifications ont fait disparaître la case à cocher de l'onglet 'Développeur' en première page du panneau du 'bouton Office' (dans Office...
Cliquez pour lire la suite de l'article par neodante [ASTUCE] PATCH POUR MICROSOFT FORUMS NNTP BRIDGE V1[ASTUCE] PATCH POUR MICROSOFT FORUMS NNTP BRIDGE V1 par pierre
Si vous avez téléchargé comme moi Microsoft Forums NNTP Bridge V1 avant le 11 mars 2010 (voir [Astuce] Disponibilité de Microsoft Forum NNTP Bridge Version 1.0), un problème de date localisée pour les non anglais était présent. Un patch est disponibl...
Cliquez pour lire la suite de l'article par pierre PB LORS DE L'INSTALLATION SHAREPOINT 2010.PB LORS DE L'INSTALLATION SHAREPOINT 2010. par Patrick Guimonet
Lors de l'installation de SharePoint 2010, j'ai rencontré un problème de plantage à l'étape 5 du configuration Wizard. Ca se termine sur cet écran : Et en analysant le fichier de journalisation, on remarque vers la fin des 15000 et quelques lign...
Cliquez pour lire la suite de l'article par Patrick Guimonet [WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (2/2)[WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (2/2) par JeremyJeanson
Après mon précédent article qui attaque les contraintes par la fasse Nord de l'Everest. passons à la seconde possibilité offerte par WF4 pour valider une activité : la metadata . Je vous en ai déjà toucher un ou deux mots. La metadata dans WF4 est un élém...
Cliquez pour lire la suite de l'article par JeremyJeanson [WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (1/2)[WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (1/2) par JeremyJeanson
De WF3 à WF4 pas mal de choses on été changées pour faciliter la vie des développeurs, mais certain points peuvent sembler obscures. comme les contraintes. Pour vous guider, je me lance dans une série de deux articles. Ils présenterons deux approches poss...
Cliquez pour lire la suite de l'article par JeremyJeanson
Forum
SLTSLT par kurapikt
Cliquez pour lire la suite par kurapikt
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|