Uncaught TypeError: Cannot read property 'style' of null

Version imprimable

Bonjour à tous,

Je fais appelle à vous car je suis un novice en Javascript alors je vous prie de m'excuser si mes questions sont parfois stupides. Je vous explique mon problème:
Je suis en train de transformer une application web en un plugin Wordpress afin de gérer ma base de données.

Pour cela j'ai créé une interface graphique qui doit s'intégrer dans ma page HTML malheureusement cette interface ne s'affiche pas mais j'ai bien accès à ma page.

Pour diagnostiquer l'erreur j'ai utilisé l'outil de développement de mon navigateur et ce dernier m'affiche l'erreur:

Citation:

Uncaught TypeError: Cannot read property 'style' of null
at displayLaunchBar (gestion.php:346)
at loadDesktopConfig (gestion.php:325)
at onload (gestion.php:71)

Tout cela correspond à mon code Javascript malheureusement je ne m'y connais pas du tout en Javascript alors si quelqu'un pouvez m'aider ce serait vraiment gentil.

Je vous laisse mon code:
[gestion.php]

Code:

<body onLoad="loadDesktopConfig()" onmousemove="MoveWindow(event)" >

[gestionDemande.php]
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 function loadDesktopConfig() { displayLaunchBar(); } function displayLaunchBar() { var ajax = getAjax(); ajax.open("POST", "../Inscriptions/loadLaunchBar.php", true); ajax.onreadystatechange = updateContent(ajax,'launchBarDiv'); ajax.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); var launchBar=getDomObject('launchBarDiv'); launchBar.style.visibility="visible"; ajax.send('default'); } function getDomObject(domObjectId) { if (document.getElementById) { var domObject=document.getElementById(domObjectId); return domObject; } if (document.all && !document.getElementById) { var domObject=document.all[domObjectId]; return domObject; } if (document.layers) { var domObject=document.layers[domObjectId]; return domObject; } return NULL; }
[adminCss.css]
Code:

1 2 3 4 5 6 .launchBar{ padding:0px; border-style:hidden; border-spacing:0px; border-collapse:collapse; }
J'espère que vous pourrez m'aider. Merci d'avance et bonne journée à vous.

Code:

1
2
3
4
5
// tu cherche dans ta page un truc qui s'appelle'launchBarDiv'.
 	var launchBar=getDomObject('launchBarDiv');
//mais cet élément ne semble pas exister cela te retourne null
//donc là il tu ne peux pas accéder au membre style de null
 	launchBar.style.visibility="visible";

A+JYT

Dans un fichier appelé adminFonction.php qui contient la moitié de toute les fonctions utilisés dans mon application web il y a le fameux launchBarDiv.

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
function pageGestionDemandes($utf8)
{
	echo"<div id=\"bureau\"  >";
	echo"</div>";
	echo"<div id=\"retourSelections\" >";
	echo"</div>";
	echo"<div id=\"fenetreColonnesDiv\">";
	echo"</div>";
	echo"<div id=\"fenetreFiltresDiv\">";
	echo"</div>";
	echo"<div id=\"launchBarDiv\">";
	echo"</div>";
	echo"<div id=\"sousTitreDiv\">";
	echo"</div>";
	echo"<div id=\"fenetreConfigDiv\">";
	echo"</div>";
	echo"<div id=\"fenetreSousConfigDiv\">";
	echo"</div>";
	echo"<table id=\"tableBas\">";
		echo"<tbody>";
			echo"<tr>";
				echo"<td>";
					echo"<div id=\"actionDiv\">";
					echo"</div>";
				echo"</td>";
			echo"</tr>";
			echo"<tr>";
				echo"<td>";
					echo"<div id=\"barreBasDiv\">";
					echo"</div>";
				echo"</td>";
			echo"</tr>";
		echo"</tbody>";
	echo"</table>";
}

mon fichier gestionDemande.php fait appel à lui à la fin du fichier :

Code:

1
2
require('adminFonctions.php');
	pageGestionDemandes(FALSE);

31/05/2017, 09h59
Exael

Merci pour votre remarque Sekaijin, je me suis rendu compte que comme l'appelle était fait en fin de fichier launchBarDiv était bien null en le mettant en tête de fichier l'erreur c'est arrêté. Merci encore.