Comment débugguer quand IE ne fait qu'à sa tête? par titipotter - page 1

Voici le code que j'ai:

<?php
//On relève les items du membre qui sont DANS le sac à dos
$sql_spacebag = mysql_query("SELECT 
				" . TABLE_INVENTAIRE . ".id, 
				" . TABLE_INVENTAIRE . ".id_item AS id_item, 
				" . TABLE_INVENTAIRE . ".in_bag_quantite AS in_bag_quantite,
				" . TABLE_SHOP_ITEMS . ".id, 
				" . TABLE_SHOP_ITEMS . ".nom AS nom_item, 
				" . TABLE_SHOP_ITEMS . ".screenshot AS screenshot 
				FROM " . TABLE_INVENTAIRE . " 
				LEFT JOIN " . TABLE_SHOP_ITEMS . " ON " . TABLE_INVENTAIRE . ".id_item = " . TABLE_SHOP_ITEMS . ".id 
				WHERE 
				" . TABLE_INVENTAIRE . ".id_player='" . $id . "' AND in_bag_quantite > 0
				ORDER BY " . TABLE_SHOP_ITEMS . ".id_categorie");
if(mysql_num_rows($sql_spacebag) > 0) 
{
	// Tant qu'il y a des items
	while($spacebag = mysql_fetch_assoc($sql_spacebag)) 
	{
		$q = 1; // Initialisation de la quantité de l'item
		while($q <= $spacebag['in_bag_quantite']) // Tant qu'il a de la quantité
		{
			echo "<div style='width:30px; float:left; display:block;'>
				<div id='item_spacebag" . $spacebag['id_item'] . $q . "'>
				  <a class='bon_mal'><img src='images/shop/catalogue/" . $spacebag['screenshot'] . "' width='30' height='30' /><span><div id='divnomitem" . $spacebag['id_item'] . $q ."' class='invisible'>" . $spacebag['nom_item'] . "</div><div id='divitemnbr" . $spacebag['id_item'] . $q . "' class='invisible'>1</div></span>
				  </a>
				</div>
			</div>";	
			?>

<script type="text/javascript">
// <![CDATA[
<!-- Gestionnaire du sac à dos -->
var item_name = $('divnomitem<?php echo $spacebag['id_item'] . $q; ?>').innerHTML; // Nom de l'item
var item_nbr = parseInt($('divitemnbr<?php echo $spacebag['id_item'] . $q; ?>').innerHTML); // Quantité de l'item
var myMenuItemssb<?php echo $spacebag['id_item'] . $q; ?> = [
  {
    name: item_name
  },{
    separator: true
  },{
    name: 'Utiliser',
    className: 'edit', 
    callback: function() {
		if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','usb',true,'idi','<?php echo $spacebag['id_item']; ?>');
		}else{
			alert('Vous ne possedez plus cet objet dans votre sac.');
		}
    }
  },{
    name: 'Troquer', 
    disabled: true,
    className: 'delete'
  },{
    name: 'Vendre',
    className: 'save',
    callback: function() {
      alert('Impossible de faire des ventes pour le moment');
    }
  },{
    name: 'Jeter',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','jsb',true,'idi','<?php echo $spacebag['id_item']; ?>');
		}else{
			alert('Vous ne possedez plus cette objet dans votre inventaire.');
		}
    }
  },{
    name: 'Mettre en inventaire',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','isb',true,'idi','<?php echo $spacebag['id_item']; ?>');
		}else{
			alert('Vous ne possedez plus cette objet dans votre sac.');
		}
    }
  }
]

new Proto.Menu({
  selector: '#item_spacebag<?php echo $spacebag['id_item'] . $q; ?>', // id de la div ou le clic droit se fera
  className: 'menu desktop', // CSS a appliquer au menu
  menuItems: myMenuItemssb<?php echo $spacebag['id_item'] . $q; ?> // array pour les actions du menu
})
// ]]>
</script>
<?php
			$q++;
		}
	}
}
?>

Ce code sert a lister des produits issus d'une BDD. Le code javascript permet pour chaque produit de lui associé un menu contextuel qui apparait au clic droit (comme le menu du navigateur). Et donc il n'y a que sur IE que çà bugg. Du moins, avec IE8.

Oui bien sur:
HTML généré

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bonjour Titipotter2, bienvenue à Last Survivor !</title>
<link href="design/glace.css" rel="stylesheet" type="text/css" />
<link href="design/styles_communs.css" rel="stylesheet" type="text/css" />
<link href="design/autres.css" rel="stylesheet" type="text/css" />
<link href="design/cymaps.css" rel="stylesheet" type="text/css" />
<link href="design/mp.css" rel="stylesheet" type="text/css" />
<link href="design/alerte_context.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="jslibs/functions_javascript.js"></script>
<script type="text/javascript">
var arr = [ 
	'Test: Ceci est un message de test','Test: Ceci est un message de test',];
var arrLAPI = [
	'Ceci est le titre 1','Ceci est le titre 2', 'Et enfin, Ceci est le titre 3 et dernier titre','test4','test5'
];
window.onload = function(){
	// Ludissea LiveSMS
	div = $(id_d); // On sauvegarde le conteneur dans une variable globale
	ajouter_span(); // On ajoute un premier <span>
	div.onmouseover=function(){ // Au survol du conteneur
		clearTimeout(timer); // On stoppe le défilement
	};
	div.onmouseout=function(){ // A la fin du survol
		timer = setTimeout(defile,vit); // On le relance
	};
	timer = setTimeout(defile,vit); // On lance la fonction de défilement
	// Ludissea LiveAPI
	divLAPI = $(id_dLAPI); // On sauvegarde le conteneur dans une variable globale
	ajouter_spanLAPI(); // On ajoute un premier <span>
	divLAPI.onmouseover=function(){ // Au survol du conteneur
		if(enpause){
			clearTimeout(timerLAPI); // On stoppe le défilement
		}
	};
	divLAPI.onmouseout=function(){ // A la fin du survol
		if(enpause){
			clearTimeout(timerLAPI);
			timerLAPI = setTimeout(function(){
				defileLAPI();
				enpause = false;
			},tps_pause); // On le relance
		}
	};
	timerLAPI = setTimeout(defileLAPI,vitLAPI); // On lance la fonction de défilement
}
</script>
</head>
<body>
<div id="all">
	<div id="header">
    	<div class='logout_img'><a href="#" onclick="alerte_confirm('get','mods/alerte_confirm.php','exit','ok'); return false;"></a></div>
    </div>
    <div id="menu">
        <ul>
            <li class="monperso"><a onclick="SubMenu('monperso')" onmouseover="separatemenu_On('1')" onmouseout="separatemenu('1')"></a></li>
            <li class="separatemenu" id="separatemenu_1"></li>
            <li class="macabane"><a onclick="SubMenu('macabane')" onmouseover="separatemenu_On('2')" onmouseout="separatemenu('2')"></a></li>
            <li class="separatemenu" id="separatemenu_2"></li>
            <li class="laville"><a onclick="SubMenu('laville')" onmouseover="separatemenu_On('3')" onmouseout="separatemenu('3')"></a></li>
            <li class="separatemenu" id="separatemenu_3"></li>
            <li class="api"><a onclick="SubMenu('API')" onmouseover="separatemenu_On('4')" onmouseout="separatemenu('4')"></a></li>
            <li class="separatemenu" id="separatemenu_4"></li>
            <li class="rp"><a onclick="SubMenu('RP')" onmouseover="separatemenu_On('5')" onmouseout="separatemenu('5')"></a></li>
            <li class="separatemenu" id="separatemenu_5"></li>
            <li class="finmenu"><div id='meteo_img'><a class='meteobulle'><img src='images/cadre/meteo/neigeux.png' width='27' height='27' /><span><div id='meteo_donnees'>Paris : 10°C<div class='lien' onclick="MAJPage('incmods/meteo/',true); return false;">Voir la météo</div></div></span></a></div><span id='heure'><script type="text/javascript">gofortime();</script></span></li>
        </ul>
    </div>
    <div id="content">
    	<div id="bg_submenu">
            <div id="submenu" style='display:none'>
                <div class="links" id="monperso">
                	<ul>
                        <li><a href="#" class="selected" rel="#default" style='display:none'></a></li>
                        <li><a href="#" onclick="MAJPage('index_ajax.php',true); return false;">Accueil</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('profil/profil.php',true); return false;">Mon profil</a></li>
                        <li class="separate">|</li>
                        <li><a href="mods/profil/aptitudes.php" rel="#iframe">Mes aptitudes</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('quete',true); return false;">Mes quêtes</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('profil/mp.php',true); return false;">Mes messages</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('profil/option_navig.php',true); return false;">Options de navigation</a></li>	
                    </ul>
                </div>
                
                <div class="links" id="macabane">
                	<ul>
                        <li><a href="#" onclick="MAJPage('cabane',true); return false;">Mon habitation</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('aucun.php',true); return false;">Ma bibliothèque</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('atelier-labo/atelier.php',true); return false;">L'atelier</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('atelier-labo/labo_index.php',true); return false;">Le laboratoire</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('shop/catalogue.php',true); return false;">Catalogue</a></li>
                    </ul>
                </div>
                
                <div class="links" id="laville">
                	<ul>
                        <li><a href="#" onclick="MAJPage('ville/ville.php',true); return false;">Entrer dans la ville</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('ville/carte_pays.php',true); return false;">Carte du pays</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('aucun.php',true); return false;">Vue satellite du monde</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('aucun.php',true); return false;">Mes autres plans</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('aucun.php',true); return false;">Se déplacer</a></li>
                    </ul>
                </div>
                
                <!-- <div class="links" id="LastShop">
                    <ul>
                        <li><a href="incmods/shop" onclick="MAJPage('incmods/shop',true,'content_site'); return false;">Boutique officielle</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('incmods/marche.php',true); return false;">Le marché</a></li>
                        <li class="separate">|</li>
                        <li><a href="#" onclick="MAJPage('test/sharemessenger.php',true); return false;">Le troc</a></li>
                        <li class="separate">|</li>
                        <li><a href="incmods/LSOptelo/LSOptelo.php">La banque</a></li>
                    </ul>
                </div> -->
                
                <div class="links" id="API">
                	<ul>
                        <li><a href="#" onclick="MAJPage('api_news',true); return false;">Agence de Presse</a></li>
                        <li class='separate'>|</li>
                        <li><a href="#" onclick="MAJPage('classement',true); return false;">Classement</a></li>
                        <li class='separate'>|</li>
                        <li><a href="http://www.api-ls.com/index.php?transfert=eec2e773e5e94033d49fbf8a3cab18d9fda30c9a&amp;transfertchek=76">Aller sur www.api-ls.com ! <sup>News, journal, FAQ ...</sup></a></li>
                    </ul>
                </div>
                
                <div class="links" id="RP">
                	<ul>
                        <li class="rp"><a href="http://forum.last-survivor.com/index.php">Forum Last-Survivor</a></li>
                        <li class="separate">|</li>
                        <li class="rp"><a href="#" onclick="MAJPage('aucun.php',true); return false;">Place du marché</a></li>
                        <li class="separate">|</li>
                        <br />
<b>Notice</b>:  Undefined variable: acces1 in <b>D:\Programmes\EasyPHP30\www\glace\ls\incdyn\header.php</b> on line <b>180</b><br />
                    </ul>
                </div>
            </div>
        </div>
        <div id="livesms">
        	<div id='sms'></div>
            <div id='envoyersms'>
            	<a href="#" onclick="window.open('../popup.html', 'Ludissea_LiveSMS', 'height=300, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no'); return false;"></a>
			</div>
		</div>
        
        <div id="content_site"><div id='spacebag'>
	<div class='sadtext'></div>
	<div class='content_bag' id='content_bag'>
		<div class='saditems' id='saditems' style='position:absolute; top:0; left:0;'><div style='width:30px; float:left; display:block;'>
				<div id='item_spacebag531'>
				  <a class='bon_mal'><img src='images/shop/catalogue/cadenas_high_security.png' width='30' height='30' /><span><div id='divnomitem531' class='invisible'>Cadenas</div><div id='divitemnbr531' class='invisible'>1</div></span>
				  </a>
				</div>
			</div>
<script type="text/javascript">
// <![CDATA[
<!-- Gestionnaire du sac à dos -->
var item_name = $('divnomitem531').innerHTML;
var item_nbr = parseInt($('divitemnbr531').innerHTML);
var myMenuItemssb531 = [
  {
    name: item_name
  },{
    separator: true
  },{
    name: 'Utiliser',
    className: 'edit', 
    callback: function() {
		if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','usb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cet objet dans votre sac.');
		}
    }
  },{
    name: 'Troquer', 
    disabled: true,
    className: 'delete'
  },{
    name: 'Vendre',
    className: 'save',
    callback: function() {
      alert('Impossible de faire des ventes pour le moment');
    }
  },{
    name: 'Jeter',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','jsb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cette objet dans votre inventaire.');
		}
    }
  },{
    name: 'Mettre en inventaire',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','isb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cette objet dans votre sac.');
		}
    }
  }
]

new Proto.Menu({
  selector: '#item_spacebag531', // id de la div ou le clic droit se fera
  className: 'menu desktop', // CSS a appliquer au menu
  menuItems: myMenuItemssb531 // array pour les actions du menu
})
// ]]>
</script>
<div style='width:30px; float:left; display:block;'>
				<div id='item_spacebag532'>
				  <a class='bon_mal'><img src='images/shop/catalogue/cadenas_high_security.png' width='30' height='30' /><span><div id='divnomitem532' class='invisible'>Cadenas</div><div id='divitemnbr532' class='invisible'>1</div></span>
				  </a>
				</div>
			</div>
<script type="text/javascript">
// <![CDATA[
<!-- Gestionnaire du sac à dos -->
var item_name = $('divnomitem532').innerHTML;
var item_nbr = parseInt($('divitemnbr532').innerHTML);
var myMenuItemssb532 = [
  {
    name: item_name
  },{
    separator: true
  },{
    name: 'Utiliser',
    className: 'edit', 
    callback: function() {
		if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','usb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cet objet dans votre sac.');
		}
    }
  },{
    name: 'Troquer', 
    disabled: true,
    className: 'delete'
  },{
    name: 'Vendre',
    className: 'save',
    callback: function() {
      alert('Impossible de faire des ventes pour le moment');
    }
  },{
    name: 'Jeter',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','jsb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cette objet dans votre inventaire.');
		}
    }
  },{
    name: 'Mettre en inventaire',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','isb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cette objet dans votre sac.');
		}
    }
  }
]

new Proto.Menu({
  selector: '#item_spacebag532', // id de la div ou le clic droit se fera
  className: 'menu desktop', // CSS a appliquer au menu
  menuItems: myMenuItemssb532 // array pour les actions du menu
})
// ]]>
</script>
<div style='width:30px; float:left; display:block;'>
				<div id='item_spacebag533'>
				  <a class='bon_mal'><img src='images/shop/catalogue/cadenas_high_security.png' width='30' height='30' /><span><div id='divnomitem533' class='invisible'>Cadenas</div><div id='divitemnbr533' class='invisible'>1</div></span>
				  </a>
				</div>
			</div>
<script type="text/javascript">
// <![CDATA[
<!-- Gestionnaire du sac à dos -->
var item_name = $('divnomitem533').innerHTML;
var item_nbr = parseInt($('divitemnbr533').innerHTML);
var myMenuItemssb533 = [
  {
    name: item_name
  },{
    separator: true
  },{
    name: 'Utiliser',
    className: 'edit', 
    callback: function() {
		if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','usb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cet objet dans votre sac.');
		}
    }
  },{
    name: 'Troquer', 
    disabled: true,
    className: 'delete'
  },{
    name: 'Vendre',
    className: 'save',
    callback: function() {
      alert('Impossible de faire des ventes pour le moment');
    }
  },{
    name: 'Jeter',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','jsb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cette objet dans votre inventaire.');
		}
    }
  },{
    name: 'Mettre en inventaire',
    className: 'save',
    callback: function() {
    	if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','isb',true,'idi','53');
		}else{
			alert('Vous ne possedez plus cette objet dans votre sac.');
		}
    }
  }
]

new Proto.Menu({
  selector: '#item_spacebag533', // id de la div ou le clic droit se fera
  className: 'menu desktop', // CSS a appliquer au menu
  menuItems: myMenuItemssb533 // array pour les actions du menu
})
// ]]>
</script>
<div style='width:30px; float:left; display:block;'>
				<div id='item_spacebag341'>
				  <a class='bon_mal'><img src='images/shop/catalogue/aspirine.png' width='30' height='30' /><span><div id='divnomitem341' class='invisible'>Boîte(s) d'aspirine</div><div id='divitemnbr341' class='invisible'>1</div></span>
				  </a>
				</div>
			</div>
<script type="text/javascript">
// <![CDATA[
<!-- Gestionnaire du sac à dos -->
var item_name = $('divnomitem341').innerHTML;
var item_nbr = parseInt($('divitemnbr341').innerHTML);
var myMenuItemssb341 = [
  {
    name: item_name
  },{
    separator: true
  },{
    name: 'Utiliser',
    className: 'edit', 
    callback: function() {
		if(item_nbr>0){
			alerte_confirm('get','mods/alerte_confirm.php','usb',true,'idi','34');
		}else{
			alert('Vous ne possedez plus cet objet dans votre sac.');
		}
    }
  },{
    name: 'Troquer', 
    disabled

titipotter

11 juin 2009 à 19:20:13

Bonjour,
Je viens de tester mon site sous FF3 et Safari, et je n'ai que des problèmes mineurs de compatibilité d'affichage, et donc en gros, pas de soucis. Mais quand je tente d'accéder à ce même site via IE8, il ne m'affiche que le header et rien d'autre, les reste de ma page ne se charge pas. Et pour seul message j'ai:

Détails de l’erreur de la page Web

Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
Horodateur : Thu, 11 Jun 2009 17:14:25 UTC

Message : HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Ligne : 0
Caractère : 0
Code : 0
URI : http://www.monsiteamoi.com/ds/

Je sais vraiment pas trop quoi faire avec çà et je me demande à quand un module de débugg pour le code javascript sous IE car on est vraiment lésé et je ne trouve pas le problème.

Je vous aurait bien fourni l'adresse de la page web mais elle est protégée par code d'accès et donc innaccessible aux visiteurs.

Golmote

11 juin 2009 à 19:37:28

Alors, après une rapide recherche sur Google... il semblerait que tu as soit une bannière Flash qui pose souci, soit un script...

Le message veut dire en gros, qu'un script tente de modifier un élément parent et cette modification se répercuterait sur le script en question... en gros... enfin je crois...

Ce serait cool que tu montres le code

11 juin 2009 à 21:34:54

Je t'es envoyé les codes d'acces par MP (en espérant que ta boîte n'est pas saturé)

11 juin 2009 à 22:32:10

Hm... ça me dit que le pseudo ou mot de passe est erroné...

Mais pourquoi tu donnes pas les codes de test que tu m'as donné sur le fofo ? Ainsi chacun pourra aller voir...

Yoveo

12 juin 2009 à 7:56:41

Moi j'opterais pour un code JS dans un div pas encore fermé qui modifie ce div ou son/ses parent(s). Du style:

<div id="maman">
    <div id="papa">
        <div id="fiston">
            <!-- du code html blablabla -->
        </div>
        
        <script type="text/javascript">
              // ici du code JS qui modifie ou fait quelque chose avec #papa ou #maman
        </script>
    </div>
</div>

En gros, bouge tout ton JS tout en bas de ta page HTML. Ou alors, mets tout ton JS dans:

window.onload = function(){
    // mets ton code ici
}

Je sais que IE est assez chiant avec ça.

12 juin 2009 à 15:22:27

12 juin 2009 à 15:24:09

On pourrait voir le HTML généré à la place du PHP ?

12 juin 2009 à 15:31:35

12 juin 2009 à 16:32:34

Commence par mettre tout ton JS dans le window.onload et ça devrait aller mieux je pense

12 juin 2009 à 16:42:06

Je peux pas car dans le JS ya du PHP tiré de plusieurs requetes sql.

12 juin 2009 à 17:52:34

Mmmh, on va la refaire.

"J'ai trop la flemme car dans le JS y a du PHP tiré de plusieurs requêtes SQL"

Je vois pas en quoi c'est impossible de bouger ton JS

Au pire suffit d'aménager un peu ton code et ça roule.

12 juin 2009 à 18:11:14

D'accord, je veux bien un coup de main car je ne suis pas trop à l'aise avec je JS :euh:

Comment débugguer quand IE ne fait qu'à sa tête?

Comment débugguer quand IE ne fait qu'à sa tête?

Supprimer

Modérer

Signaler le message aux modérateurs