innerHTML ne marche pas et script executé à l'envers

Version imprimable

27/02/2010, 18h44
vladimire

innerHTML ne marche pas et script executé à l'envers
Bonsoir
Code:

1 2 3 4 alert("before"); var coords = document.getElementById("divName").innerHTML; alert("inner works : "+coords);
dans la page

Code:

<div class="divName">41.3108238809182,-0.615234375</div>

Le bloc de innerHTML est dans un script que j'appelle lors du chargement de la page, et le deuxieme bloc de code se trouve dans la page chargé

J'aimerai savoir pour quoi le innerHTML dans cet exemple ne marche pas !
le deuxieme alert ne s'affiche pas et la variable coords reste null. J'avais essayé avec "class" et "id" pour la divName, et aussi les quotes et double quote pour le getElementById
27/02/2010, 19h05
Bovino

Salut.

Ce qui t'étonne, c'est quoi, que getElementById ne renvoie pas les éléments par rapport à leur classe ???
27/02/2010, 19h22
vladimire

Exactement Bovino
ça ne renvoit rien envers la variable Coords, et l'execution du script s'arrette dans la ligne du innerHTML.

plus bas dans le code, j'essaie une insertion avec innerHTML en faisant :

Code:

document.getElementById('divName').innerHTML = strHtml;

où strHTML est une chaine de caractere, et là encore même souci, le script s'arrete à cette ligne sans porter de modifications, comme si le innerHTML ne marche plus

Je me suis dis que peut etre de la où j'execue le innerHTML le DOM n'est pas completement chargé, alors j'ai mis mon code dans
window.onload = function {code}

mais là, bizarrement mon script s'execute à l'envers !
ça commence par executer les lignes depuis la fin du fichier...
voici le code dont je parle :
http://pastie.org/845979

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
window.onload = function() {
    alert("top");
    var strHtml = '';
    var akey        = 'ABQIAAAAznbYKnw5PiIZDEZzbV-nAhTv1voBitB27e5IkLhqfardrn8cwRSngiDQarPv4TcbyHO6x83Zx0r7Iw';
    var divnam      = 'map';
    var coords      = document.getElementById('googlemaps').innerHTML;
    //alert("inner works : "+coords);
 
    if ( coords == "")
    {   //affichage du message d'erreur depuis le fichier de langue'
        alert(tinyMCEPopup.getLang('googlemaps_dlg.missing_stuff'));
    }
    else
    {
        strHtml = '<span id="spangooglemaps">\n';
        strHtml += '<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key='+akey+'" type="text/javascript"></script>';
alert("before script");
        strHtml += '<script type="text/javascript">\n';
alert("after 1 script");
        strHtml += 'function load() \n';
        strHtml += '{\n';
        strHtml += '  if (GBrowserIsCompatible())\n';
        strHtml += '  {\n';
alert("after 2 script");
        strHtml += '  var map = new GMap2(document.getElementById("'+divnam+'"))\;\n';
        strHtml += '  var center = new GLatLng('+coords+')\;\n';
        strHtml += '  map.setCenter(center, 4)\;\n';
        strHtml += '  map.addOverlay(new GMarker(center))\;\n';
 
                    //definition du types des controls. 3D controls pour cette version
                    strHtml += '  var customUI = map.getDefaultUI();\n';
                    strHtml += '  customUI.maptypes.hybrid = false;\n';
                    strHtml += '  map.setUI(customUI);\n';
                    //fin du definition des controls
 
                    strHtml += '  }\n';
                    strHtml += '}\n';
 
                    strHtml += 'function addLoadEvent(func) \n';
                    strHtml += '{\n';
                    strHtml += 'var oldonload = window.onload;\n';
                    strHtml += '  if (typeof window.onload != \'function\') \n';
                    strHtml += '  {\n';
                    strHtml += '  window.onload = func;\n';
                    strHtml += '  } \n';
                    strHtml += '  else \n';
                    strHtml += '  {\n';
                    strHtml += '  window.onload = function() \n';
                    strHtml += '    {\n';
                    strHtml += '    if (oldonload) \n';
                    strHtml += '    {\n';
                    strHtml += '    oldonload();\n';
                    strHtml += '    }\n';
                    strHtml += '    func();\n';
                    strHtml += '}\n';
                    strHtml += '}\n';
                    strHtml += '}\n';
 
                    strHtml += 'addLoadEvent(load)\;\n';
 
                    strHtml += 'if (window.attachEvent) {\n';
                    strHtml += '  window.attachEvent("onunload", function() {\n';
                    strHtml += '  GUnload();      // Internet Explorer\n';
                    strHtml += '        });\n';
                    strHtml += '} else {\n';
                    strHtml += 'window.addEventListener("unload", function() {\n';
                    strHtml += 'GUnload(); // Firefox and standard browsers\n';
                    strHtml += '    }, false);\n';
                    strHtml += '}\n';
 
 
        strHtml += '</script>\n';
 
        strHtml += '<div id="'+divnam+'" style="background:#d3d3d3;width: 400px; height: 250px;" class="map">&nbsp;</div>\n';
        strHtml += '</span>\n';
 
        //insertion de la map
        document.getElementById('googlemaps').innerHTML = strHtml;
    }
 
alert("bottom");
}

28/02/2010, 10h56
andry.aime

Bonjour,

Citation:

Envoyé par Bovino

Ce qui t'étonne, c'est quoi, que getElementById ne renvoie pas les éléments par rapport à leur classe ???

Code:

<div class="divName" id="divName">41.3108238809182,-0.615234375</div>
28/02/2010, 10h56
Gatsu35
Citation:

Envoyé par vladimire

Exactement Bovino
ça ne renvoit rien envers la variable Coords, et l'execution du script s'arrette dans la ligne du innerHTML.

plus bas dans le code, j'essaie une insertion avec innerHTML en faisant :

Code:

document.getElementById('divName').innerHTML = strHtml;

où strHTML est une chaine de caractere, et là encore même souci, le script s'arrete à cette ligne sans porter de modifications, comme si le innerHTML ne marche plus

document.getElementById ça veut dire qu'il teretourne un élément avec l'id correspondant

et toi tu as
Code:

1 2 <div class="divname">
C'est quoi que tu comprends pas là ?
28/02/2010, 13h23
vladimire

Bonjour Gatsu35,
j'ai deja precisé que j'ai essayé avec class="divname" et id="divname", meme resultat
Salut Andry,
oui, j'ai essayé de faire même :

Code:

<div class="divName" id="divName">41.3108238809182,-0.615234375</div>

Tout les elements en dessus du innerHTML s'execute, et ça s'arrete lors de l'execution de cette derniere

Et là quand j'ai inclus le code dans window.onload = function {} pour m'assurer que ça s'execute lorsque le DOM is ready j'ai mon code qui s'execute bizarrement à l'envers, ça commence par executer les lignes from the bottom to the top...
28/02/2010, 18h25
andry.aime
Re,

Citation:

j'ai mon code qui s'execute bizarrement à l'envers, ça commence par executer les lignes from the bottom to the top...

:koi:
Mets un alert pour voir ce qui se passe,
Code:

1 2 var coords = document.getElementById("divName").innerHTML; alert (coords);
Mais il y a deux div("divName" et "googlemaps") dans ton code dont tu affectes ses contenues dans la(les) variable(s) coords :calim2:.
28/02/2010, 18h34
vladimire
allons Andry, le alert est deja en place, et j'ai deja dis que la variabe coords reste "undefined"
(mon tout premier poste)
Code:

1 2 var coords = document.getElementById("divName").innerHTML; alert("inner works : "+coords);
"divname" c'etait pour l'exemple, mais dans le script ça s'appelle "googlemaps"

maintenant c'est vraiment le script qui s'exécute à l'envers qui m'intrigue... j'ai posé des alerts tout au long du script et c'est celles d'en bas qui s'affichent en premier...