begin process at 2010 03 20 14:30:43
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Problème de compatibilité

 > 

Fonction JavaScript InnerHtml bug sous IE


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Fonction JavaScript InnerHtml bug sous IE

samedi 6 décembre 2008 à 15:28:31 | Fonction JavaScript InnerHtml bug sous IE

Const4ntine

Bonjour,

Je débute sous Javascipt, j'ai fais tout de meme une fonction qui me permet demodifier le texte lorsque l'on survole les images.

ma fonction marche très bien sous Firefox, voir le lien :

http://www.senteurszen.com/test/Bougies/BLF.php

Mais ne marche pas du tout sous IE.

Où est mon erreur ?

Voici la fonction JavaScript :

<script type="text/javascript">
        function changetext(id,choix) {
                 if(choix==1){
                    area = document.getElementById(id);
                    area.innerHTML="<span class='bodyText'><strong><u>Bougie Authentique en Verre avec couvercle galva</u></strong></span><br /><span class='bodyText' align='justify'><ul><li>baume des selliers</li><li>savon des lavandières</li><li>colle des écoliers</li><li>cire des antiquaires</li></ul></span>";
                }
                if(choix==2){
                    area = document.getElementById(id);
                    area.innerHTML="<span class='bodyText'><strong><u>Bougie Mini-Contenant</u></strong></span><br /><span class='bodyText' align='justify'><ul><li>Orange Tonique</li><li>Barbe à Papa</li><li>Monoï Tiaré</li><li>Griotte Fruits Rouges</li><li>Anis Badiane</li></ul></span><span class='bodyText'><strong><u>Bougie en Verre Accords Parfumés</u></strong></span><span class='bodyText' align='justify'><ul><li>Vanille Tonka</li><li>Cannelle Bergamote</li><li>Ylang Magnolia</li><li>Chèvrefeuille Fleur d'Oranger</li><li>Mangue Coco</li><li>Mûre Griotte</li></ul></span><span class='bodyText'><strong><u>Verrerie Cylindrique</u></strong></span><br /><span class='bodyText' align='justify'><ul><li>Couleur Bleu</li><li>Couleur Rose</li><li>Couleur Orange</li><li>Couleur Rouge</li></ul></span>";
                }
                if(choix==3){
                    area = document.getElementById(id);
                    area.innerHTML="<span class='bodyText'><strong><u>Bougie Pot Céramique-Osier</u></strong></span><br /><span class='bodyText' align='justify'><ul><li>Pêche de Vigne</li><li>Fraises de Jardin</li><li>Fleur de Pommier</li></ul></span>";
                }
                if(choix==4){
                    area = document.getElementById(id);
                    area.innerHTML="<span class='bodyText'><strong><u>Bougie Lounge Boite Cylindrique</u></strong></span><br /><span class='bodyText' align='justify'><ul><li>Rhum Tabac</li><li>Vanille Epicée</li><li>Moka Tonka</li></ul></span><span class='bodyText'><strong><u>Bougie Lounge Pot Céramique</u></strong></span><br /><span class='bodyText' align='justify'><ul><li>Rhum Tabac</li><li>Vanille Epicée</li><li>Moka Tonka</li></ul></span>";
                }
                if(choix==5){
                    area = document.getElementById(id);
                    area.innerHTML="<span class='SousTitreGris'>La possibilité d'une atmosphère nouvelle</span><br /><br /><p class='bodyText' align='justify'>La bougie offre aujourd'hui une extraordinaire richesse d'utilisation. Éclairante dans un premier temps, elle sait de par sa taille créer des ambiances différentes. Comme pour faire revivre la douce atmosphère des feux de cheminée d'antan, elle devient tour à tour chaleureuse, décorative, propre au recueillement où à l'échange convivial.<br /><br />Parfumante, elle donne une dimension nouvelle à sa vocation première en la renforçant subtilement. Outre notre sens visuel, la bougie fait appel à nos capacités olfactives et développe des atmosphères uniques comme autant de réminiscences de notre personnalité, de notre vie .<br /><br />Et pour respecter ces moments qui vous sont propres, Bougies La Française œuvre avec les plus grands spécialistes français du parfum; c'est en effet de Grasse que proviennent les essences, les fragrances qui sauront se développer en parfaite symbiose avec la flamme.</p>";
                }
}
</script>

Code pour l'image (un exemple):

<a href="Retro.php" onmouseover='changetext("description",1 )'>
            <img src="BLF_Gamme/img_retro.jpg" width="140" height="181" alt="BLF Retro"/></a>
samedi 6 décembre 2008 à 15:50:22 | Re : Fonction JavaScript InnerHtml bug sous IE

Bul3

Membre Club
bonjour
ah bon... ?
j'ai essayé avec FF et IE, et même asepct à priori,
mais loin d'avoir tout testé....
tu as des messages d'erreurs ? un dysfonctionnement ? quoi ? où ?
et :
Chrome
contrôler page actuelle / Options pour développeurs
/ Console Javascript
FireFox
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/>

regardes déjà avec FF, le css est mieux analysé ( dous euphémisme )
et un } en trop va savoir...

          [mon Site] [M'écrire] Bul   

samedi 6 décembre 2008 à 17:06:38 | Re : Fonction JavaScript InnerHtml bug sous IE

Const4ntine

Grace au débugueur j'ai trouvé et modifié quelques erreur, mais apparement ce n'était pas le problème.

J'ai toujours une police très moche sous IE et un javaScript qui ne marche pas,

IE me met l'erreur :

ligne 256   (qui correspond à if(choix==5){)
Erreur d'excution inconnue
Code 0
samedi 6 décembre 2008 à 17:11:50 | Re : Fonction JavaScript InnerHtml bug sous IE

Const4ntine

La fonction qui me permet de modifier le texte lorsque l'on survole les images ne marche pas sous IE, il me met l'erreur ci dessus

dimanche 7 décembre 2008 à 08:37:10 | Re : Fonction JavaScript InnerHtml bug sous IE

Bul3

Membre Club


à mon avis ce serait plutôt sur la ligne suivante...
  area = document.getElementById(id);

 peut-être du au onmouseover='changetext("description",5 )'
       ou <élément id="description"...> qui n'existe pas...

c'est d'ailleurs un problème de délai....

si on évite de mettre la souris sur la page avant que les images
   ne soient affichées.... plus d'erreurs ensuite

un window.onload=function() { ... }  à ajouter ?
un onmouseover déclenché trop tôt ?
...

Cordialement

          [mon Site] [M'écrire] Bul         

dimanche 7 décembre 2008 à 16:49:33 | Re : Fonction JavaScript InnerHtml bug sous IE

Const4ntine

Salut,

En mettant la bar debug sur IE, j'ai vu qu'il y avait une erreur pour toutes les actions Javascript, soit pour chaque choix.

L'élément id="description" existe sour une balise div fermé, séparé de la fonction, j'avais vu sous IE qu'il valait mieux séparer les éléments appelé et fonction.

Aurais tu une autre piste à exploiter ?

Cordialement,
dimanche 7 décembre 2008 à 17:26:10 | Re : Fonction JavaScript InnerHtml bug sous IE

Bul3

Membre Club

>>j'avais vu sous IE qu'il valait mieux séparer les éléments appelé et fonction.
?? pas compris...
je n'ai pas du tout contrôler ce qui était fait, ce queje constaté
c'est qui si on laisse aux images le temps de s'afficher
( ou presque ) ça baigne
je ne sais d'ailleurs pas ce que tu fais, parce que afficher la source
avec IE... c'est difficile !! ( et ça;... faut l'faire )

aujourdh'hui ( mais avec les autres navigateurs aussi ! ) on préfère
dissocié le js, le css, le html.... pour "plus de clarté" ( ?!? )

j'aurais donc fait ( sans avoir compris/régardé pourquoi ça plante ! )

window.onload=function() {
   pour tous les éléments voulus
   { élément.on évênement=function() {
     { le boulot à faire....
     }
   }
}

          [mon Site] [M'écrire] Bul         

dimanche 7 décembre 2008 à 17:36:25 | Re : Fonction JavaScript InnerHtml bug sous IE

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
 
Rappels IMPORTANTS
- IExplorer est capable de substituer un id à un name, et inversement.
- Un id doit être unique.
- Eviter d'utiliser des mots réservés.

Mets un alert( area.tagName) dans le corps de ta fonction et tu auras la surprise de voir s'afficher META

c'est en fait ta une balise
<META NAME="Description" CONTENT="Bougies...
qui piège dans ce cas IExplorer

Change l'id du DIV...

;O)
dimanche 7 décembre 2008 à 17:44:23 | Re : Fonction JavaScript InnerHtml bug sous IE

Const4ntine

Dans l'aide de débuggage de Windows sour IE, j'avais vu qu'il fallait mieux dissocié ma fonction Javascript dans une autre Balise que celle où l'on affichait le texte avec InnerHtml.

je ne sais d'ailleurs pas ce que tu fais, parce que afficher la source
avec IE... c'est difficile !! ( et ça;... faut l'faire )
??? Je n'ai pas compris

aujourdh'hui ( mais avec les autres navigateurs aussi ! ) on préfère
dissocié le js, le css, le html.... pour "plus de clarté" Mon Css et mon html est dissocié, mon javascript est dans une balise Script. Et j'utilise une fonction pour JavaScript

window.onload=function() {
   pour tous les éléments voulus
   { élément.on évênement=function() {
     { le boulot à faire....
     }
   }
}

Je débute totalement en JavaScript, je n'ai donc aucune connaissance sur ce texte Java ci dessus, pourrais tu me le developper un peu plus pour que je puisse tester. De plus, quand je passe sur mes images et donc actif ma fonction java, mes images sont toujours bien téléchargé, par ailleurs le java est inséré dans une balise <a> et non associé à l'image. Est ce vraiment necessaire d'attendre que les images soient bien chargé ?

Bien Cordialement,
dimanche 7 décembre 2008 à 18:11:36 | Re : Fonction JavaScript InnerHtml bug sous IE

Const4ntine

Merci PetoleTeam,

C'était bien ça, j'ai changé le nom de mon ID et ça marche nickel sous IE.

Encore Merci
++


Cette discussion est classée dans : id, choix, innerhtml, area, bougie


Répondre à ce message

Sujets en rapport avec ce message

modifier text qui n'est pas une text box ou text area [ par nyxon ] J'ai donc creer un tableau tout simple avec une simple ligne...Cette ligne content du texte blablabla J'ai creer une fonction qui permet de cliquer s Bouton radio (affichage de div suivant le choix) [ par Scooper ] Bonjour,Je suis en train de créer un système de questionnaire en PHP/MySQL où suivant le choix de l'utilisateur, telle ou telle question s'affiche à l Problème de innerHTML sous opera [ par galouboy ] Bonjour à tous,voulant modifier le contenu d'un calque gràce à la fonction innerHTML, je me trouve confronté à un problème sous opera (pour tous les a errreur que je ne comprend pas [ par diaod8 ] Bonjour tout le monde, j'aimerais que vous m'expliquer le probleme de ce codes sources qui contient mes question. Un gros merci d'avance tout le monde Incompatibilté navigateur [ par porciner ] function writit(text,id){ if(document.getElementById) {  x=document.getElementById(id);  x.innerHTML='';  x.innerHTML=text;& Choisir entre 2 partie d'un forumaires [ par JypX ] Bonjour, Je ne veux pas faire juste cacher l'une des 2 parties d'un formulaire mais que seul la partie active soit envoyer et pas les 2 comme c'est l Function avec variable [ par tigre19 ] Bonjour, Ce code marche bien: function cacher(nom_ID) { document.getElementById(nom_ID).style.visibility="hidden" } function cacher_delay() { setTi probleme code "objet attendu" [ par ju0123456789 ] Bonjour, j'ai un piti probleme sur une fonction, quand je la compile sous IE ça me mets sans cesse un erreur, "objet attendu". Je génére un certain n besoin d'aide svp [ par milimouse ] [size=200][/size] bonjour j ai crée un menu en java via des sources de divers forum mais le design ce n'est franchement pas sa du tout... si quelqu Tri par ordre alphabétique [ par El_CaNaRdO ] Bonjour, Mon frère m'a aidé dernièrement à développer un petit JS pour faire des miracles. En résumé, j'ai un site qui recense des adresses. J'ai as


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 12,371 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales