Bonjour à tous!
Voila j'ai un petit souci, j'aimerai faire un caddies virtuel en PHP, le probleme c ke je ne c pas comment mi prendre.
En fait j'ai réaliser une carte intéractive que vous pouvez consulter a l'adresse suivante http://ecolog.free.fr/siteFRET/carteVegetation2.php
Lorsque je clique sur une ville (brest, Toulouse..) sa affiche dans des zones de textes le nom de la ville et le prix de la carte, en fait ce que j'aimerai faire, c'est qu'une fois que le client à choisi sa carte et qu'il valide, que le nom de la carte et le prix se mette dans le tableau du heaut mais le souci c ke j'aimeré ke le visiteur puisse ajouter plusieur carte é modifier le tableau s'il le souhaire et ensuite valider ses achat grave a un bouton commande ki le dirigera vers un formulaire d'inscription.
Mais je n'arrive pas comment faire ...
Je vous remercie
PS voila mon code :
<html>
<!-- Date de création: 19/04/2004 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Organigramme de la FRET</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Usager non enregistré">
<meta name="generator" content="WebExpert 5">
<!--script permettant d'ouvrir les fenetres HTML de taille réduite-->
<!-- <SCRIPT language=javascript>
function ouvrirpage(page,nom,option) {
window.open(page,nom,option);
}
</SCRIPT> -->
<!--script permettant de faire le scrollbar de couleur-->
<STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: #3E4A32; scrollbar-shadow-color: #000000;scrollbar-highlight-color: #99CC33;scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #99CC33; scrollbar-arrow-color: #FFCC00;
}
</STYLE>
<!--script permettant de faire le menu du haut-->
<style type="text/css">
<!--
BODY {
margin-top:0;
margin-left:0;
margin-right:0;
background-color: #085410;
}
.lien {
position: relative; top: -5px; color: #FFFFFF; font-size: 8pt; font-family: verdana; font-weight: bold; letter-spacing: -1pt; text-decoration: none;
}
.divise {
position: relative; top: -3px; color: #C0C0C0; background: #000000; font-size: 12pt;
}
.Style1 {color: #FFFFFF}
-->
</style>
<!-- appel d'une feuille css -->
<link rel="stylesheet" href="emx_nav_left.css" type="text/css" />
<style type="text/css">
<!--
.Style3 {font-size: 12px}
-->
</style>
<--carte de la végétation-->
<script language="javascript">
ville=new Array()
ville[0]=new Array()
ville[1]=new Array()
ville[2]=new Array()
ville[3]=new Array()
ville[0][0]="Toulouse"
ville[0][1]="37"
ville[1][0]="Lille"
ville[1][1]="22,68"
ville[2][0]="Brest"
ville[2][1]="22,68"
ville[3][0]="Corse"
ville[3][1]="22,68"
function affiche(ville)
{ with (document.carte)
{
nom.value=ville[0];
prix.value=ville[1];
}
}
function selection(ville)
{ with (document.carte)
{
nom.value=ville[0];
prix.value=ville[1];
}
}
function affiche(numero)
{ with (document.carte)
{
nom.value=ville[numero][0];
prix.value=ville[numero][1];
}
}
</script>
</head>
<body class="body2">
<div id="cadre0rga">
<img alt="" src="images/puce1.jpg" height="6" width="6" id="tl" />
<img src="images/bando1.jpg" border="0" usemap="#Map2">
<map name="Map2">
<area shape="rect" coords="2,9,106,107" href="http://www.cnrs.fr" alt="site du cnrs">
</map>
<img alt="" src="images/puce2.jpg" height="6" width="6" id="tr" />
<div id="MenuP">
<table width="100%" cellpadding="0" border="0" cellspacing="0" summary="" >
<tr>
<td align="right" height="25"><nobr><span class="divise"> </span>
<a href="menu3.htm" class="lien" onMouseOver="netie(-1,4)?this.style.color='#D4EB5C':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">Accueil</a>
<span class="divise">|</span>
<a href="http://www2.cnrs.fr/band/2.htm" class="lien" onMouseOver="netie(-1,4)?this.style.color='#99cc33':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;"><font face="Times New Roman">Le CNRS</font></a>
<span class="divise">|</span>
<a href="http://www.dr14.cnrs.fr" class="lien" onMouseOver="netie(-1,4)?this.style.color='#D4EB5C':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">Délégation Midi-Pyrénées</a>
<span class="divise">|</span>
<a href="http://www.dsi.cnrs.fr" class="lien" onMouseOver="netie(-1,4)?this.style.color='#D4EB5C':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">DSI</a>
<span class="divise">|</span>
<a href="UMRS.htm" class="lien" onMouseOver="netie(-1,4)?this.style.color='#99cc33':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">UMRS</a>
<span class="divise">|</span>
<a href="" class="lien" onMouseOver="netie(-1,4)?this.style.color='#99cc33':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">Intranet</a>
<span class="divise">|</span>
<a href="sites.html" class="lien" onMouseOver="netie(-1,4)?this.style.color='#99cc33':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">Autres sites</a>
<span class="divise">|</span>
<span class="Style1"></span></nobr>
</td>
</tr>
</table>
<!--script permettant d'établir le menu du haut-->
<script type='text/javascript' src='exmplmenu_var2.js'></script>
<script type='text/javascript' src='menu_com.js'></script>
<noscript>
<p>Your browser does not support script</p>
</noscript>
<map name="France">
<!--Toulouse-->
<area coords="196,384,256,419"
shape="rect" href="Javascript:void(0)" alt="Toulouse 37?"
onMouseOver="affiche(Toulouse)" onMouseOut="affiche(efface)" onClick="affiche(0)" >
<!--Lille-->
<area coords="246,8,321,52"
shape="rect" href="Javascript:void(selection)" alt=" Lille 22,68?"
onMouseOver="affiche(Lille)" onMouseOut="affiche(efface)" onClick="affiche(1)" >
<!--Brest-->
<area coords="14,109,86,179"
shape="rect" href="Javascript:void(0)" alt=" Brest 22,68?"
onMouseOver="affiche(Brest)" onMouseOut="affiche(efface)" onClick="affiche(2)" >
<!--Corse-->
<area shape="rect" coords="439,441,488,525"
href="Javascript:void(0)" alt=" Corse 22,68?"
onMouseOver="affiche(Corse)" onMouseOut="affiche(efface) " onClick="affiche(3)">
<!--Metz-->
<area shape="rect" coords="373,81,429,127" href="Javascript:void(0)"
onMouseOver="affiche(Metz)" onMouseOut="affiche(efface)">
</map>
<!--caddies-->
<table width="190" height="94" border="1" bordercolor="#339933" id="caddie">
<tr>
<th width="90" height="25" bgcolor="#99cc33" scope="row"><span class="Style12 Style3">Nom </span></th>
<td width="84" bgcolor="#99cc33"><span class="Style3 Style12"><strong>Prix</strong></span></td>
</tr>
<tr>
<th height="36" nowrap bgcolor="#CAE497" scope="row"><span class="Style12 Style3"><span class="Style12"><?php echo "$nom" ?></span></span></th>
<td bgcolor="#CAE497"><span class="Style12"><?php echo "$prix" ?></span></td>
</tr>
<tr>
<th height="23" bgcolor="#99cc33" class="Style12 Style3" scope="row"> </th>
<td bgcolor="#99cc33"> </td>
</tr>
</table>
<div id="carte">
<form name="carte" method="post" action="">
<table border>
<tr>
<td><pre>ville:
<input type="text" size="16" name="nom" Value="">
<p>
prix:
<input type="text" size="16" name="prix" value="">
<p>
<p>
<input type="submit" value="Valider">
</td>
<td><img src="images/carte.jpg" usemap="#France" border="0"></td>
</tr>
</td>
</tr>
</table>
</form>
</body>
</html>
AHYLOU