|
|
|
|
Bonjour,
voila, j'ai eu un tp à faire et j'ai un petit soucis sur la fin :
En premier j'ai créé en php une calculatrice (ca fonctionne)
En second j'ai créé en php un formulaire de contact qui fonctionne aussi.
Maintenant j'ai 3 pages html (une pour l'accueuil, une pour implanter la calculatrice et une pour implanter le formulaire). J'ai réussi à implanter séparément, donc en gardant les 3 pages et tout fonctionne, maintenant, le coeur du problème est que notre prof ne veut que UNE seule page web au lieu de 3, donc quand on clique sur le lien du menu de gauche la meme page doit s'ouvrir mais avec la calculatrice ou le formulaire et ça je sais pas comment faire.
Voici la premiere page html (les autres sont formées à l'identique) et le style est dans une feuille a part.
PS: je ne veux pas une réponse avec tout le code mais juste des pistes et des exemples qui m'aiguilleront pour finir ce tp. Merci par avance!
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>TP PHP1</title> <!-- titre -->
<link rel="stylesheet" type="text/css" href="annexe/style.css">
</head><body>
<div id="ensemble">
<div id="entete">
<img src="annexe/logo.gif">
<h1>accueil</h1>
</div>
<div id="menu">
<br>
<lien_ok>accueil</lien_ok><br>
<a href="page2.php" >calculatrice</a><br>
<a href="page3.php">coordonnées</a><br>
</div>
<div id="contenu">
<h4>page d'accueil</h4>
<hr/>
</div>
<div id="pied">
<a href="page1.html" ><img src="annexe/acceuil.gif"></a>
<p>tp n° 2 php 22/09/09</p></div>
</div>
</body></html>
Configuration: Windows Vista Firefox 3.5.3
Bonjour,
<div id="contenu1" style="display:none"><?php include("page1.php") ?></div>
<div id="contenu2" style="display:none"><?php include("page1.php") ?></div>
Dans le <head> tu mets un peut de Javascript : <script language="javascript">
function afficherMaPage(value){
document.getElementById("contenu1").style.display = "none";
document.getElementById("contenu2").style.display = "none";
if(value==1){
document.getElementById("contenu1").style.display = "inline";
}
if(value==2){
document.getElementById("contenu2").style.display = "inline";
}
}
</srcipt>
Et tes liens : <a href="#" onclick="afficherMaPage(1);>page1</a><br> <a href="#" onclick="afficherMaPage(2);>page2</a><br> Tout ça a adapter ;) |
Euh je suis débutante je n'ai pas encore vu le javascript, je ne sais donc pas comment ça fonctionne lol!!
|
Ok ok, je suis parti un peu en live (mets ma 1ere technique de côté quand même au cas ou^^)
<a href="page2.php" >calculatrice</a><br> <a href="page3.php">coordonnées</a><br> </div> <div id="contenu"> </div> Tu mets :
<a href="mapage.php?choixpage=calculatrice" >calculatrice</a><br>
<a href="mapage.php?choixpage=coordonnees">coordonnées</a><br>
</div>
<div id="contenu">
<? if(isset($_GET["choixpage"])){
if($_GET["choixpage"]=="calculatrice"){
include(page2.php);
} else if($_GET["choixpage"]=="coordonnees"){
include(page3.php);
}
}
</div>
N'oublie pas d'adapter ;) |