probleme de compatibilité

kazuzu · 13/01/2011, 15h04

bonjours a vous,

Voila je suis confronté à un problème de compatibilité avec le site internet que je suis en train de développer. je m'explique :

je developpe mon projet en PHP/MySQL et j'utilise du JQuery mon projet est sur un serveur apache.
Avec Internet Explorer quand "j'execute" mon site en local sa m'affiche bien tout correctement et idem avec FireFox.
Quand j'accède a mon site à distance à partir d'un autre PC sur FireFox le rendu est parfait mais avec Internet Explorer sa affiche n'importe comment bien que sur mon PC en local c'est niquel !

Auriez vous une solution à offrir ? parce que si problème de compatibilité il y a sa devrait faire la meme chose sur mon PC ? ? ?
Je précise j ai IE8 et sur les autres PC ou j ai effectué les test sont aussi sous IE8 voila,
d'avance merci.

Bovino · 13/01/2011, 15h19

Oui, c'est très simple, en s'inspirant du code que tu montres, ça donne :

Code :

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

abracadabra();

kazuzu · 13/01/2011, 15h46

désolé voici le code :

fichier index.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
	<head>
 
		<!-- indique ou se trouve le plug-in JQuery -->
		<script type="text/javascript" src="js/jquery.js" ></script>
		<!--debut du script JQuery-->
		<script type="text/javascript">
		//<!--	
			$(document).ready(function()
			{	
 
				$("#corps").css('background','rgb(164,157,155)');//.css('background','rgb(204,208,14)');
				$("h3").css('color','rgb(230,135,79)');
 
				$("#sous_menu_1").css('background','rgb(164,157,155)');
				$("#sous_menu_2").css('background','rgb(164,157,155)');
				$("#sous_menu_3").css('background','rgb(164,157,155)');
				$("#sous_menu_4").css('background','rgb(164,157,155)');
 
				$("#titre_site").animate(
					{ 
						//width: "70%",
						//opacity: 0.4,	
						//marginLeft: "0.6in",
						fontSize: "1em"
						//borderWidth: "10px"
					}, 
					1500);
				/*cette manière de faire simplifie le fait qu il ne faut pas 
				ecrire le code avec les instruction de PHP*/
				<?php
 
				if(!isset($_GET['idPage']))
				{
				?>
					// cache les éléments du DOM
					$("#head").hide();
					$("#menu").hide();
					$("#corps").hide();
					$("#footer").hide();
					$("#acceuil").hide();
 
					//fait apparaitre les éléments du DOM
					$("#head").fadeTo('slow','1');
					$("#menu").fadeTo('slow','1');
					$("#corps").fadeTo('slow','1');
					$("#footer").fadeTo('slow','1');
					$("#acceuil").fadeTo('slow','1');
 
					$("#titre_site").animate(
					{ 
						//width: "70%",
						//opacity: 0.4,	
						//marginLeft: "0.6in",
						fontSize: "1em"
						//borderWidth: "10px"
					}, 
					1500, 
					function()
					{
						alert("Bienvenue sur le site d'aide à l'emploi du CPAS");
					});
				<?php
				}
				?>
 
				/*
				//cache les sous menu
				$("#sous_menu_1").hide();
				$("#sous_menu_2").hide();
				$("#sous_menu_3").hide();
				$("#sous_menu_4").hide();
 
				$("#menu_1").click(function() 
				{
					if ($("#sous_menu_1").is(':hidden')) 
					{
						$("#sous_menu_1").slideDown('slow');
					}
					else 
					{
						$("#sous_menu_1").hide('slow');
					}
				});
 
				$("#menu_2").click(function() 
				{
					if ($("#sous_menu_2").is(':hidden')) 
					{
						$("#sous_menu_2").slideDown('slow');
					}
					else 
					{
						$("#sous_menu_2").hide('slow');
					}
				});
 
				$("#menu_3").click(function() 
				{
					if ($("#sous_menu_3").is(':hidden')) 
					{
						$("#sous_menu_3").slideDown('slow');
					}
					else 
					{
						$("#sous_menu_3").hide('slow');
					}
				});
 
				$("#menu_4").click(function() 
				{
					if ($("#sous_menu_4").is(':hidden')) 
					{
						$("#sous_menu_4").slideDown('slow');
					}
					else 
					{
						$("#sous_menu_4").hide('slow');
					}
				});
				*/
			});
		//-->
		</script>
 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
		<link rel="stylesheet" type="text/css" href="css/design.css"/>
		<title>Cpas de Tournai - aide à l'insertion</title>
 
	</head>
 
	<body >
 
		<?php
			include("head.php");
			include("menu.php");
			include("corps.php");
			include("footer.php");		
		?>
 
	</body>
</html>

fichier head.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
39
40
41
42
 
 
<?php
 
	try
	{
		$PDO_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
		$connectionBDD = NEW PDO('mysql:host=localhost;dbname=cpas-tournai-be','root','',$PDO_options);
 
		$requete = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'TP\'');
		$donne = $requete->fetch();
 
		$requete = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'LO\'');
		$logo = $requete->fetch();
 
		echo '<div id="head">';
 
			echo '<div id="logo">';
				echo '<img src='.$logo['textePrecedent'].'alt="logo du site">';
			echo '</div>';
 
			echo '<div id="titre_site">';
				echo '<h3>'.$donne['textePrecedent'].'</h3>';
			echo '</div>';
 
			echo '<div id="acceuil">';
				echo '<a href="index.php">Acceuil</a>';
			echo '</div>';
 
		echo '</div>';
 
		$requete->closeCursor();
 
	}
	catch(Exception $e)
	{
		die('Erreur :'.$e->getMessage());
	}
 
 
 
?>

le fichier menu.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
 
<?php
 
	echo "<div id='menu'>";
 
		echo "<div id='element_menu'>";
 
			echo '<ul class="non_puce">';
 
			try
			{
				$PDO_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
				$connectionBDD = NEW PDO('mysql:host=localhost;dbname=cpas-tournai-be','root','',$PDO_options);
 
				//recupère les éléments du menu principale
				$requete_1 = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'MP\'');
 
				$compteur = 0;
 
				//agencement des menus
				while($donne = $requete_1->fetch())
				{
					$compteur = $compteur +1;
 
					echo "<li id='menu_$compteur' class='gras'>".$donne['textePrecedent']."</li>";
 
					echo "<div id='sous_menu_$compteur'>";
					echo '<ul class="non_puce">';	
 
					//recupère les éléments des sous menus
					$requete_2 = $connectionBDD->query('SELECT * FROM insertion_job WHERE typeTexte=\'SM\'');
 
					//agencement des sous-menus
					while($donne_2 = $requete_2->fetch())
					{	
						$text_1 = $donne['idPage'];
						$text_1 = substr($text_1,0,3);
 
						$text_2 = $donne_2['idPage'];
						$text_2 = substr($text_2,0,3);
 
						if(substr_compare($text_1,$text_2,0,3)==0)
						{
							$id = $donne_2['pointeVers'];
							echo "<li><a href='index.php?idPage=$id'>".$donne_2['textePrecedent']."</a></li>";
						}
 
					}
					$requete_2->closeCursor();
					echo '</ul>';
					echo '</div>';
				}
				$requete->closeCursor();
				echo "</ul>";
 
				echo "</div>";
 
				echo "</div>";
			}
			catch(Exception $e)
			{
				die('Erreur :'.$e->getMessage());
			}
 
?>

le fichier corps.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
 
<?php
 
	try
	{
		$PDO_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
		$connectionBDD = NEW PDO('mysql:host=localhost;dbname=cpas-tournai-be','root','',$PDO_options);
 
		if(!isset($_GET['idPage']))
		{
			$requete_1 = $connectionBDD->query('SELECT * FROM insertion_job WHERE idPage=\'P00000\'');
			echo '<div id="corps">';
 
				echo '<p>';
 
					while($donne = $requete_1->fetch())
					{
						if($donne['typeTexte'] == "DT")
						{
							echo '<h4>'.$donne['textePrecedent'].'</h4>';
						}
						if($donne['typeTexte'] == "DX")
						{
							echo '<p>'.$donne['textePrecedent'].'</p>';
						}
					}
					$requete_1->closeCursor();
 
				echo '</p>';
 
			echo '</div>';
		}
		if(isset($_GET['idPage']))
		{	
			$i = 0;
			$requete_1 = $connectionBDD->query('SELECT * FROM insertion_job WHERE idPage=\''.$_GET['idPage'].'\'AND sequence > 0 ORDER BY sequence');
 
			echo '<div id="corps">';
 
				echo '<p>';
					if($_GET['idPage']=="P01011" OR $_GET['idPage']=="P01021" OR $_GET['idPage']=="P01121")
					{
						$requete_2 = $connectionBDD->query('SELECT * FROM insertion_job WHERE idPage=\'P01001\' AND typeTexte=\'DU\' ORDER BY sequence');
						echo '<div class="rappelMenu">';
							echo '<span class="gras">Le CV</span><br/>';
							while($donnee_2 = $requete_2->fetch())
							{
								$id = $donnee_2['pointeVers'];
								echo "<a href='index.php?idPage=$id'>".$donnee_2['textePrecedent']."</a><br/>";
							}
							$requete_2->closeCursor();
						echo '</div>';
					}
					while($donne = $requete_1->fetch())
					{
 
						//si c'est le titre d'un texte
						if($donne['typeTexte'] == "DT")
						{
							echo '<h4>'.$donne['textePrecedent'].'</h4>';	
						}	
						//si c'est du texte simple
						if($donne['typeTexte'] == "DX")
						{
							echo '<p>'.$donne['textePrecedent'].'</p>';
 
						}
						//si c'est une URL
						if($donne['typeTexte'] == "DU")
						{
							$id = $donne['pointeVers'];
							echo "<center><a href='index.php?idPage=$id'>".$donne['textePrecedent']."</a></center><br/>";
						}
						//si le texte est numéroté
						if($donne['typeTexte'] == "DN")
						{
							$i = $i + 1;
							echo '<span class="tabulation">'.$i.'.<span class="tabulation">'.$donne['textePrecedent'].'</span></span><br/>';
						}
						if($donne['typeTexte'] == "AU")
						{
							echo "<p>".$donne['textePrecedent']."<a href='http://www.google.com/'>".$donne['url']."</a></p>";
						}
						if($donne['typeTexte'] == "AP")
						{
							$id = $donne['pointeVers'];
 
							if($_GET['idPage']=="P01021")
							{
								echo "<span class='tabulation'>".$donne['textePrecedent']."<a href='index.php?idPage=$id' class='gras'>".$donne['url']."</a>".$donne['texteSuivant']."</span><br/>";
							}
							else
							{
								echo $donne['textePrecedent']."<a href='index.php?idPage=$id'>".$donne['url']."</a>".$donne['texteSuivant']."<br/>";
							}
						}
						if($donne['typeTexte'] == "DI")
						{
							echo "<span class='italique'>".$donne['textePrecedent']."</span>";
						}
					}
					$requete_1->closeCursor();
				echo '</p>';
 
			echo '</div>';
		}
	}
	catch(Exception $e)
	{
		die('Erreur :'.$e->getMessage());
	}
 
?>

le fichier footer.php :

Code :

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

1
2
3
4
5
6
7
8
9
 
 
<?php
	echo '<div id="footer">';
		echo '<p>
				<span class="gras">Copyright</span> CPAS de Tournai
			</p>';
	echo '</div>';
?>

mon fichier css:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
.element a
{
	color : #C5C5B5;
}
 
.element_menu a:hover
{
	background-color : #B3B3B3;
	color : black;
}
#logo
{
	float : left;
	width : 25%;
}
#acceuil
{
	position : relative;
	margin-top : 100px;
}
#titre_site
{
	margin-left : -50px;
	font-size : 0.1px;
}
#head  h3,.centrer
{
	text-align: center;
}
#head
{
	/*height : 40%;*/
	/*margin-bottom : 0px;*/
}
#menu
{
	float : left;
	display : inline;
	position : absolute;
	padding-right : -50px;
	text-align : justify;
	width: 375px;
 
}
 
#corps
{
 
	position : relative;
	margin-left : 500px;
	margin-right : 50%;
	width : 45%;
	height : 100%;
}
 
#footer
{
	position :relative;
	top: 500px;	
}
.gras
{
	font-weight:bold;
}
.rappelMenu a
{
	margin-left : 8%;
}
.rappelMenu
{
	width : 39%;
	height : 50%;
	font-size : 0.7em;
}
.tabulation
{
	margin-left:30px;
}
.italique
{
	font-style : italic;
}
#footer p
{
	text-align: center;
}
#corps p
{
	margin-left : 10px;
}
#corps h4
{
	text-align : center;
}
.non_puce
{
	list-style-type: none;
}
a
{
	text-decoration : none;
	color :rgb(194,91,29);
}
body
{
 
	font-family: georgia,Times New Roman, Times, serif;
 
}
li
{
	text-align : justify;
}

RomainVALERI · 13/01/2011, 21h20

Citation:

Envoyé par Bovino

Oui, c'est très simple, en s'inspirant du code que tu montres, ça donne :

Code :

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

abracadabra();

@kazuzu : du PHP ?

ABCIWEB · 14/01/2011, 02h04

Oui vaudrait mieux que tu fournisse le code source de ta page qui bug.

Sinon à tout hasard t'aurais pas oublié de poster un fichier sur le serveur distant (qui serait à jour sur le serveur d'évaluation).
Et que donne ta page au validateur ?
Aussi tu n'a pas précisé si le défaut de mise en page concerne le html généré par jquery.
Et puis si ta page est en ligne tu pourrais peut-être donner le lien ...

kazuzu · 14/01/2011, 06h57

heu non la page n est pas en ligne on a créer un alias avec wamp server.
sinon le script JQuery passe bien en fait le menu qui est sensé etre a gauche se retrouve centrer avec la div corps sur le millieu de la page

13/01/2011, 15h04	#1
kazuzu Candidat au titre de Membre du Club Inscription : mars 2009 Messages : 73 Détails du profil Informations forums : Inscription : mars 2009 Messages : 73 Points : 11 Points : 11	probleme de compatibilité bonjours a vous, Voila je suis confronté à un problème de compatibilité avec le site internet que je suis en train de développer. je m'explique : je developpe mon projet en PHP/MySQL et j'utilise du JQuery mon projet est sur un serveur apache. Avec Internet Explorer quand "j'execute" mon site en local sa m'affiche bien tout correctement et idem avec FireFox. Quand j'accède a mon site à distance à partir d'un autre PC sur FireFox le rendu est parfait mais avec Internet Explorer sa affiche n'importe comment bien que sur mon PC en local c'est niquel ! Auriez vous une solution à offrir ? parce que si problème de compatibilité il y a sa devrait faire la meme chose sur mon PC ? ? ? Je précise j ai IE8 et sur les autres PC ou j ai effectué les test sont aussi sous IE8 voila, d'avance merci.
	00

13/01/2011, 15h19	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	Oui, c'est très simple, en s'inspirant du code que tu montres, ça donne : Code : Sélectionner tout - Visualiser dans une fenêtre à part abracadabra(); __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

14/01/2011, 02h04	#5
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 234 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 234 Points : 1 554 Points : 1 554	Oui vaudrait mieux que tu fournisse le code source de ta page qui bug. Sinon à tout hasard t'aurais pas oublié de poster un fichier sur le serveur distant (qui serait à jour sur le serveur d'évaluation). Et que donne ta page au validateur ? Aussi tu n'a pas précisé si le défaut de mise en page concerne le html généré par jquery. Et puis si ta page est en ligne tu pourrais peut-être donner le lien ...
	00

14/01/2011, 06h57	#6
kazuzu Candidat au titre de Membre du Club Inscription : mars 2009 Messages : 73 Détails du profil Informations forums : Inscription : mars 2009 Messages : 73 Points : 11 Points : 11	heu non la page n est pas en ligne on a créer un alias avec wamp server. sinon le script JQuery passe bien en fait le menu qui est sensé etre a gauche se retrouve centrer avec la div corps sur le millieu de la page
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email