Discussion :

[vladimire]

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

dans la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Bovino]

Salut.

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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[vladimire]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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");
}

[andry.aime]

Bonjour,

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

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Gatsu35]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="divname">

C'est quoi que tu comprends pas là ?

[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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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...

[andry.aime]

Re,

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

Mets un alert pour voir ce qui se passe,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 .

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...