[DOM] DOM childNodes IE vs FFX
Bonjour,
Voici mon problème:
J'essaye de rendre le contenu d'un menu d'une page compatible firefox et IE.
Comme on peut l'apercevoir c'est une page jsp
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
|
<jsp:useBean id="IPCentrexSession" scope="session" class="com.francetelecom.webadmin.ui.session.IPCentrexSession" />
<div id="left">
<div id="leftmenu">
<ul><%
if ((IPCentrexSession.getAuthentifiedSession().getUserProfile().isSA())) {
%>
<li><a href="<%=request.getContextPath()%>/sa/showSuperAdmins.do" id="gestion super admin">gestion super admin</a></li>
<li><a href="<%=request.getContextPath()%>/referential/searchRefEnterprises.do" id="gestion de l'entreprise">gestion de l'entreprise</a></li>
<%} %>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showSite" id="gestion des sites">gestion des sites</a></li>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showAbbreviatedNumber" id="plan de numerotation">plan de numérotation</a>
<ul>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showAbbreviatedNumber" id="numeros abreges">numéros abrégés</a></li>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showRestriction" id="restrictions">restrictions</a></li>
</ul>
</li>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showService" id="services">services</a>
<ul>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showService" id="groupement de postes">groupement de postes</a></li>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showReception" id="accueil">accueil</a></li>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showFiltering" id="filtrage">filtrage</a></li>
<li><a href="<%=request.getContextPath()%>/ipcentrex/selectEnterprise.do?redirection=showMusic" id="musique d'attente">musique d'attente</a></li>
</ul>
</li>
</ul>
</div>
</div> |
Le problème à lieu lorsque j'essaie de regarder si en dessous d'une balise <LI> se situe une balise <UL>.
Avec firefox pas de problème il voit la balise <UL> situé sous la balise <LI>, par contre avec IE rien à faire, il me renvoie une erreur comme comme quoi il n'existe pas de balise <UL> sous la balise <LI>.
Cela se passe au moment de l'execution de
Code:
targetObj = targetObj.childNodes[BROWSER_OFFSET];
Voir code javascript ci dessous.
Message d'erreur DebugBar:
Message d'erreur: 'targetObj.nodeName' a la valeur Null ou n'est pas un objet.
Alors que la DebugBar voit toutes les balises.
Code javascript:
Code:
1 2 3 4 5 6
|
var BROWSER_OFFSET= got.ie ? 0 : 1;
targetObj = targetObj.childNodes[BROWSER_OFFSET];
if ( targetObj.nodeName.match( /li/i ) ) {
showNavParent( targetObj );
} |
Merci à tous