Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 21-07-2011 20:56:31
difficulté d'afficher le résultat d'une requête dans un bloc div
Salut tout le monde, je n'arrive pas a affiché le résultat de ma requête dans le bloc <div id="contenu">ici contenu de ma requête</div>
de mon index.html après un clique sur un lien dans dans mon volet de navigation. Help me please!!!!
Voici le code mon de ma page d'accueil index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<title>Acueille</title>
</head>
<body>
<div id="header"></div>
<div id="barremenu">
<!-- Ici on mettra la bannière -->
<ul>
<li>
<a class="" href="lesvariables.html" >
<span title="Accueil">Accueil</span>
</a>
</li>
<li class="">
<a class='' href='lesvariables.html'>
<span title='Cours'>Cours</span></a>
<span class='speedbarre_arrow'></span>
<ul>
<li class="">
<a href="../../guinee4u/tutoriel-3-309961-dynamisez-vos-sites-web-avec-javascript.html">JavaScript</a>
</li>
<li class="">
<a href="../../guinee4u/1tutoriel-3-13666-apprenez-a-creer-votre-site-web.html">xHTML et CSS</a>
</li>
<li class="">
<a href="../../guinee4u/tutoriel-3-197288-introduction-a-php.html">PHP et MySQL</a>
</li>
</ul>
</li>
<li class="" id="speed_etudes">
<a class='' href='home.html'>
<span title='Ecoles'>Ecoles</span></a>
<span class='speedbarre_arrow'></span>
</li>
</ul>
</div>
<div id="navgauche">
<div class="cours">Cours de JavaScript</div>
<div class="menu1"><a href="../requete.php">HIstorique du JavaScript</a></div>
<div class="menu2"><a href="variable.php">Les Variables</a></div>
<div class="menu3"><a href="operateur.php">Les Operateurs</a></div>
</div>
<div id="contenu">Ici doit être le contenu</div>
<div id="navdroite">Ici doit se trouver la publiciter
</div>
<div id="footer">
<div class="copyright">OnesatCorporation<br />Contact:onesatforever@gmail.com
</div>
</div>
</body>
</html>
Et voici le code mon de mon design design.css
html, body {
margin: 0;
padding: 0;
}
#header{height:93px; /*definie la hauteur de l'entete*/
background:#69C url('') repeat-x top;
margin-top:0em; /*definie la marge haut de la position de l'entete*/
clear:both;
}
/*barremenu*/
#barremenu{position:relative;height:30px;background-color:#333;
padding:0 0 0 218px;z-index:1000;margin:0 0 0 0;
list-style-type:none;}
#barremenu li { float:left; margin:auto;background-color:#333; font-size:14px; }
#barremenu li a {display:block;width:100px;color:#fff;text-decoration:none; padding:5px; }
#barremenu li a:hover {color:#F00;text-decoration:underline;background-color:#fff;}
#barremenu li a:active { color:green;}
#barremenu ul li ul {display:none;text-align:left;border:#00F solid;border-left-width:thin;border-right-width:thin; border-bottom-width:thin;border-top:hidden;}
#barremenu ul li:hover ul {display:block;}
#barremenu li:hover ul li {float:none;background-color:#fff;}
#barremenu li ul {position:absolute;}
#barremenu li ul a{color:#00F; }
#navgauche{float:left;text-align:left;border:#333 solid;height:250px;width: 222px;margin:30px 0 0 0;-moz-border-radius:7px;border-bottom:hidden;border-left:hidden;border-right-width:1px;}
#navgauche .cours{float:left;width:222px;height:25px;background-color:#333;border-bottom:1px solid;color:#fff;text-align:center;}
#navgauche .menu1{float:left;width:222px;height:25px;background-color:#fff;border-bottom:1px solid;color:blue;text-align:center;}
#navgauche .menu2{float:left;width:222px;height:25px;background-color:#fff;border-bottom:1px solid;color:blue;text-align:center;}
#navgauche .menu3{float:left;width:222px;height:25px;background-color:#fff;border-bottom:1px solid;color:blue;text-align:center;}
#navdroite{float:right;width:350px;height:250PX;border:1px solid;position:relative;margin-left: auto;margin-right: auto;top: 30px;-moz-border-radius:10px;border-bottom:hidden;}
#contenu {float:left;width:580px;height:200px;border:#333 solid;left:230px;overflow: hidden;position:absolute;padding:10px 10px 0 30px;top: 135px;-moz-border-radius:10px;border-bottom:hidden;margin: 30px 10px 10px 10px;}
#footer{float:doxheight:93px; /*definie la hauteur de l'entete*/
background:#66F repeat-x top;clear:both;text-align: center;font-family: Arial, "Times New Roman", Verdana;margin:500px 0 0 0;}
#footer .copyright {margin: 8px 0 0 0;font-size: 1em;text-align: center;}
Et voici le code php pour prendre les données dans ma base de données
<?php
$connexion=mysql_connect("localhost","root","");
mysql_select_db("basedugenie",$connexion);
//On se connecte
// On prépare la requête
$requete= "SELECT titre, contenu, date FROM contenu where id_contenu='1'";
// On lance la requête (mysql_query) et on impose un message d'erreur si la requête ne se passe pas (or die)
$resultat = mysql_query($requete) or die('Erreur SQL !<br />'.$requete.'<br />'.mysql_error());
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
<body>
<?php
while($cours = mysql_fetch_array($resultat)){
echo 'Titre : <strong>'.$cours['titre'].'</strong><br />';
echo 'Contenu : '.$cours['contenu'].'<br />';
echo 'Sa date de creation : '.$cours['date'].'<br /><br/>';
}
?>
</body>
</html>
Mr onesat
Hors ligne
#2 21-07-2011 21:13:00
Re : difficulté d'afficher le résultat d'une requête dans un bloc div
Merci de lire le mode d'emploi du forum et d'utiliser la coloration syntaxique^^:rolleyes::(
POO PHP+Ajax en MVC avec PDO et Bases de données épaisses : What else?
Hors ligne