Uncaught TypeError: Cannot read property 'style' of null

Résolu/Fermé

Nanashi17 Messages postés 193 Date d'inscription mardi 28 mars 2017 Statut Membre Dernière intervention 19 juin 2017 - 29 mai 2017 à 11:55
Nanashi17 Messages postés 193 Date d'inscription mardi 28 mars 2017 Statut Membre Dernière intervention 19 juin 2017 - 29 mai 2017 à 15:23

Bonjour,

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:

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

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

Merci d'avance pour vos réponses !

A voir également:

Cannot read properties of null (reading 'style')
Typeerror: 'module' object is not callable ✓ - Forum Python
Uncaught typeerror: cannot access offset of type string on string - Forum PHP
Typeerror: can't multiply sequence by non-int of type 'float' - Forum Python
Typeerror: 'int' object is not subscriptable - Forum Python
Fatal error: uncaught typeerror: unsupported operand types: string + int ✓ - Forum PHP

2 réponses

Réponse 1 / 2

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 526
29 mai 2017 à 12:14

Salut,

D'après le message d'erreur, la variable js launchBar serait égale à null, la fonction getDomObject() n'aurait donc pas réussi à récupérer l'élément html.

Quel est le code de la fonction getDomObject() ?
Comment est défini l'élément "launchBar" en html ?

Si l'élément lauchnBar possède un identifiant (<div id="launchBarDiv">), tu pourrais remplacer la fonction getDomObject() par un getElementById :

var launchBar = getElementById('launchBarDiv');
launchBar.style.visibility = "visible";

Bonne journée,

Nanashi17 Messages postés 193 Date d'inscription mardi 28 mars 2017 Statut Membre Dernière intervention 19 juin 2017 99
Modifié le 29 mai 2017 à 12:32

Bonjour, merci de ta réponse, voici le code de la fonction getDomObject:

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

Et voici ma LaunchBar :

function loadLaunchBar()
{
 /*basiquement un tableau sur une ligne*/
 echo"<table class=\"launchBar\">";
  echo"<tbody>";
   echo"<tr>";
    echo"<td class=\"pointeGaucheLB\">";
    echo"</td>";
    /*configuration*/
    echo"<td class=\"blocLB\" >";
    echo'<img id="imgConfig" src="https://arpae.info/wp-admin/upload.php?item=19454" width="25" height="25" border="0" onMouseOver="obtienFocusLB(this,'Configuration')" onMouseOut="perdFocusLB(this)" onClick="openConfigBox()">';
    echo"</td>";
    
    /*afficher fenetre colonnes*/
    echo"<td class=\"blocLB\" >";
    echo"<img id=\"imgConfig\" src=\"/home/arpaeinfbf/wp-admin/Plugin_ARPAE/Inscriptions/images_admin/virusDetected.png\" width=\"25\" height=\"25\" border=\"0\" onMouseOver=\"obtienFocusLB(this,'Afficher Fenetre Colonnes')\" onMouseOut=\"perdFocusLB(this)\" onClick=\"alternerAffichageConfiguration(0)\"\">";
    
    /*afficher fenetre filtres*/
    echo"<td class=\"blocLB\" >";
    echo"<img id=\"imgConfig\" src=\"/home/arpaeinfbf/wp-admin/Plugin_ARPAE/Inscriptions/images_admin/virusDetected2.png\" width=\"25\" height=\"25\" border=\"0\" onMouseOver=\"obtienFocusLB(this,'Afficher Fenetre Filtres')\" onMouseOut=\"perdFocusLB(this)\" onClick=\"alternerAffichageConfiguration(1)\"\">";
    
    /*ajouter colonne*/
    echo"<td class=\"blocLB\" >";
    echo"<img id=\"imgConfig\" src=\"/home/arpaeinfbf/www/wp-admin/Plugin_ARPAE/Inscriptions/images_admin/viewRight.png\" width=\"25\" height=\"25\" border=\"0\" onMouseOver=\"obtienFocusLB(this,'Visualiser')\" onMouseOut=\"perdFocusLB(this)\" onClick=\"loadSection(2)\"\">";
    /*rechercher*/
    echo"<td class=\"blocLB\" >";
    echo"<img id=\"imgConfig\" src=\"/home/arpaeinfbf/www/wp-admin/Plugin_ARPAE/Inscriptions/images_admin/xmag.png\" width=\"25\" height=\"25\" border=\"0\" onMouseOver=\"obtienFocusLB(this,'Rechercher')\" onMouseOut=\"perdFocusLB(this)\" onClick=\"loadSection(0)\"\">";
    echo"</td>";
    
    /*trier*/
    echo"<td class=\"blocLB\" >";
    echo"<img id=\"imgConfig\" src=\"/home/arpaeinfbf/www/wp-admin/Plugin_ARPAE/Inscriptions/images_admin/cal.png\" width=\"25\" height=\"25\" border=\"0\" onMouseOver=\"obtienFocusLB(this,'Trier par')\" onMouseOut=\"perdFocusLB(this)\" onClick=\"loadSection(1)\"\">";
    echo"</td>";
    
    /*appliquer*/
    echo"<td class=\"blocLB\" >";
    echo"<img id=\"imgConfig\" src=\"/home/arpaeinfbf/www/wp-admin/Plugin_ARPAE/Inscriptions/images_admin/reload.png\" width=\"25\" height=\"25\" border=\"0\" onMouseOver=\"obtienFocusLB(this,'Lancer requete')\" onMouseOut=\"perdFocusLB(this)\" onClick=\"appliquer(),hideBox('fenetreConfigDiv')\"\">";
    echo"</td>";
    echo"<td class=\"pointeDroiteLB\">";
    echo"</td>";
   echo"</tr>";
  echo"</tbody>";
 echo"</table>";
}

Et oui l'élément possède bien un <div id=\"launchBarDiv\"> que j'affiche dans une fonction avec echo

Réponse 2 / 2

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 526
29 mai 2017 à 15:02

Le problème semble venir du fait que tu n'attends pas le retour de la réponse ajax pour changer le style.

Puisque la launchBar est affichée à la suite de la requête ajax (via onreadystatechange), il faut également faire les modifications de style après l'affichage. Actuellement tu fais les modifications de style avant même que la requête soit envoyée (ajax.send).

Déplace les deux lignes

var launchBar=getDomObject('launchBarDiv'); launchBar.style.visibility="visible";

à la fin de ta fonction updateContent() afin de modifier le style après avoir afficher la launchBar.

Nanashi17 Messages postés 193 Date d'inscription mardi 28 mars 2017 Statut Membre Dernière intervention 19 juin 2017 99
29 mai 2017 à 15:14

Je viens de déplacer mes deux lignes mais l'erreur persiste et toujours aucun affichage.

Nanashi17 Messages postés 193 Date d'inscription mardi 28 mars 2017 Statut Membre Dernière intervention 19 juin 2017 99
29 mai 2017 à 15:23

Je viens de me rendre compte que le launchBar dans lunchBar.style.visibility venait de mon CSS:

.launchBar{
	padding:0px;
	border-style:hidden;
	border-spacing:0px;
	border-collapse:collapse;
}

Discussions similaires

Uncaught TypeError: Cannot read property 'top' of undefined

Bonjour,
J'utilise le code suivant qui me permet d'ajouter une class à un élément du menu lorsque celui-ci est au niveau de l'écran de l'internaute :
$(document).ready(function () { $(document).on("scroll", onScroll); }); function onScroll(event){ var scrollPos = $(document).scrollTop(); $('#nav-main a').each(function () { var currLink = $(this); var refElement = $(currLink.attr("href")); if (refElement.position().top scrollPos +55) { $('#mnav-main ul li a').removeClass("active"); currLink.addClass("active"); } else{ currLink.removeClass("active"); } }); }

Il...

Cannot read property 'addEventListener' of null

Bonjour,

J'ai une erreur qui est la suivante à la ligne 19: Uncaught TypeError (anonymous function): Cannot read property 'addEventListener' of null.
Je suppose que c'est ma fonction "sousMenu. Ce qui fait que mon icône ne se modifie pas quand je clique mais, mon menu, s'ouvre et se ferme bien. Je vous remercie de votre aide.
function sousMenu() { var sous_menu = document.getElementById('sub-nav-mobile'); var btn_sous_menu = document.getElementById("btn-sous-menu"); if (sous_menu.style.display == 'none' || sous_menu.style.display == '') { ...

JavaScript Cannot read property

Bonjour,
Je ne comprends pas cette erreur, voici ce que donne la console

Map3.html?map=PilotePrive/Itineraires/Itineraires.xml:42 Uncaught TypeError: Cannot read property 'resetStyle' of undefined
at e.resetHighlight (Map3.html?map=PilotePrive/Itineraires/Itineraires.xml:42)
at e.fire (leaflet.js:5)
at e._fireDOMEvent (leaflet.js:5)
at e._handleDOMEvent (leaflet.js:5)
at HTMLDivElement.r (leaflet.js:5)
resetHighlight @ Map3.html?map=PilotePrive/Itineraires/Itineraires.xml:42
fire @ leaflet.js:5
_fireDOMEvent @ leaflet.js:5
_handleDOMEvent @ leaflet.js:5
r @ leaflet.js:5

Map3.html?map=PilotePrive/Itineraires/Itineraire...

Cannot read properties of undefined (reading 'user')

Bonjours quand je lance mon bot discord tous marche, mais en exécutant la commande j'ai cette erreur Cannot read properties of undefined (reading 'user') ça fait 1 semaine que je cherche sur internet regarde sur youtube et cetera voilà le code ps: je suis avec discord.js V13
const Discord = require("discord.js"); const {MessageEmbed} = require("discord.js"); const config = require("../../botconfig/config.json") var ee = require("../../botconfig/embed.json") const moment = require("moment") const settings = require("../../botconfig/settings.json"); module.exports = { name: "serverinfo", statut: "???? Non-fonctionnelle bug à fix ????", category: "Bug", aliases: ["sinfo"], coo...

Uncaught TypeError: Cannot set property 'disabled' of null

Bonjour
Je cherche a faire un petit jeu et il se trouve que je me retrouve bloquer face a ce probleme.
lorsque je veut désactiver les 4 bouton je recois l'erreur suivante:
Uncaught TypeError: Cannot set property 'disabled' of null

si je n'en desactive que 3 il ne me dit rien.
voici le programme en question (En gras la partie touchée): (JS)
const attaqueHero= () => {

if(critique(Joueur.PRE)){
Attak= Joueur.ATT*2
}
else {
Attak= Joueur.ATT
}
defence(Ennemi.DEF)
Ennemi.HP -= Degats
Info()
Tour()
}
function Tour() {
var AT...

Numéro de suivi colissimo invalide

Bonjour,

J'ai passé une commande sur un site internet, mais le numéro de suivi colissimo ne fonctionne pas. Voici le message qui apparait "Aucun colis ne correspond à vos critères de recherche. Veuillez vérifier la saisie de votre n° de colis et qu'il a été envoyé il y a moins de 90 jours".
Au début je pensais qu'il s'agissait d'un simple problème de mise à jour sur le site colissimo, mais après plusieurs jours d'attente le numéro de suivi ne marche toujours pas. Quelqu'un saurait-il m'aider?

Merci