Uncaught TypeError: Cannot read property 'style' of null

**Exael** · 30/05/2017, 11h41

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:

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 :

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

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

[gestionDemande.php]

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

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

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.

**sekaijin** · 30/05/2017, 14h56

Code :

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

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

**Exael** · 30/05/2017, 15h12

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 :

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

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

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

**Exael** · 31/05/2017, 09h59

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.

Uncaught TypeError: Cannot read property 'style' of null

JavaScript

Discussions similaires

Partager

Partager