<!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"><!-- InstanceBegin template="/Templates/principal.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Covoiturage-libre.fr - Le site du covoiturage libre et gratuit !</title>
<!-- InstanceEndEditable -->
<link href="css/covoiturage-libre.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui2.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-fr.js"></script>
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.16.custom.css"/>
<?php include('include/include.php');?>
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
function initialize() {
var latlng = new google.maps.LatLng(46.7, 2.5);
var myOptions = {
zoom: 6,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('map_infos'));
}
function showItineraire(){
waypts = new Array();
var etape1=document.getElementById('ETAPE1').value;
var etape2=document.getElementById('ETAPE2').value;
var etape3=document.getElementById('ETAPE3').value;
if(etape1!==''){waypts.push({location:etape1,stopover:true})};
if(etape2!==''){waypts.push({location:etape2,stopover:true})};
if(etape3!==''){waypts.push({location:etape3,stopover:true})};
directionsService.route({
origin: document.getElementById('DEPART').value,
destination: document.getElementById('ARRIVEE').value,
waypoints: waypts,
unitSystem: google.maps.DirectionsUnitSystem.METRIC,
travelMode: google.maps.DirectionsTravelMode.DRIVING
}, function(result, status){
if (status == google.maps.DirectionsStatus.OK){
directionsDisplay.setDirections(result);
} else {
alert('Le calcul d\'itin?raire a ?chou?.');
}
});
}
function init() {
key_count_global = 0;
document.getElementById("DEPART").onkeyup = function() {key_count_global++;setTimeout("depart("+key_count_global+")", 600);}
}
function init2() {
key_count_global = 0;
document.getElementById("ARRIVEE").onkeyup = function() {key_count_global++;setTimeout("arrivee("+key_count_global+")", 600);}
}
function init3() {
key_count_global = 0;
document.getElementById("ETAPE1").onkeyup = function() {key_count_global++;setTimeout("etape1("+key_count_global+")", 600);}
}
function init4() {
key_count_global = 0;
document.getElementById("ETAPE2").onkeyup = function() {key_count_global++;setTimeout("etape2("+key_count_global+")", 600);}
}
function init5() {
key_count_global = 0;
document.getElementById("ETAPE3").onkeyup = function() {key_count_global++;setTimeout("etape3("+key_count_global+")", 600);}
}
$(document).ready(init);
$(document).ready(init2);
$(document).ready(init3);
$(document).ready(init4);
$(document).ready(init5);
function depart(key_count){
if(key_count == key_count_global) {
var ville=$('#DEPART').val();
var ville2=encodeURI(ville);
var chiffre=$('#DEPART').val().length;
if(chiffre>=3){
$('#DEPART').addClass('wait');
$('#liste_depart').load('ajax/depart.php?COMMUNE='+ville2);
$('#liste_depart').show();
}
else {
$('#liste_depart').hide();
$('#DEPART').removeClass('wait');
}
}
}
function arrivee(key_count){
if(key_count == key_count_global) {
var ville=$('#ARRIVEE').val();
var ville2=encodeURI(ville);
var chiffre=$('#ARRIVEE').val().length;
if(chiffre>=3){
$('#ARRIVEE').addClass('wait');
$('#liste_arrivee').load('ajax/arrivee.php?COMMUNE='+ville2);
$('#liste_arrivee').show();
}
else {
$('#liste_arrivee').hide();
}
}
}
function etape1(key_count){
if(key_count == key_count_global) {
var ville=$('#ETAPE1').val();
var ville2=encodeURI(ville);
var chiffre=$('#ETAPE1').val().length;
if(chiffre>=3){
$('#ETAPE1').addClass('wait');
$('#liste_etape1').load('ajax/etape1.php?COMMUNE='+ville2);
$('#liste_etape1').show();
}
else {
$('#liste_etape1').hide();
$('#ETAPE1').removeClass('wait');
}}
}
function etape2(key_count){
if(key_count == key_count_global) {
var ville=$('#ETAPE2').val();
var ville2=encodeURI(ville);
var chiffre=$('#ETAPE2').val().length;
if(chiffre>=3){
$('#ETAPE2').addClass('wait');
$('#liste_etape2').load('ajax/etape2.php?COMMUNE='+ville2);
$('#liste_etape2').show();
}
else {
$('#liste_etape2').hide();
$('#ETAPE2').removeClass('wait');
}}
}
function etape3(key_count){
if(key_count == key_count_global) {
var ville=$('#ETAPE3').val();
var ville2=encodeURI(ville);
var chiffre=$('#ETAPE3').val().length;
if(chiffre>=3){
$('#ETAPE3').addClass('wait');
$('#liste_etape3').load('ajax/etape3.php?COMMUNE='+ville2);
$('#liste_etape3').show();
}
else {
$('#liste_etape3').hide();
$('#ETAPE3').removeClass('wait');
}}
}
function blank(){$('#DEPART').val('');$('#DEPART_LAT').val('');$('#DEPART_LON').val('');$('#DEPART').removeClass('check');}
function blank2(){$('#ARRIVEE').val('');$('#ARRIVEE_LAT').val('');$('#ARRIVEE_LON').val('');$('#ARRIVEE').removeClass('check');}
function blank3(){$('#ETAPE1').val('');$('#ETAPE1_LAT').val('');$('#ETAPE1_LON').val('');$('#ETAPE1').removeClass('check');}
function blank4(){$('#ETAPE2').val('');$('#ETAPE2_LAT').val('');$('#ETAPE2_LON').val('');$('#ETAPE2').removeClass('check');}
function blank5(){$('#ETAPE3').val('');$('#ETAPE3_LAT').val('');$('#ETAPE3_LON').val('');$('#ETAPE3').removeClass('check');}
function conducteur(){
if(document.form1.TYPE[0].checked==true){
$('.conducteur').show();
}
else {
$('.conducteur').hide();
}
}
$(document).ready(function(){
initialize();
disableAutocomplete('DEPART');
disableAutocomplete('ARRIVEE');
disableAutocomplete('DATE_PARCOURS');
disableAutocomplete('ETAPE1');
disableAutocomplete('ETAPE2');
disableAutocomplete('ETAPE3');
conducteur();
});
function CHECK()
{
sujetoption = -1
for (i=0; i<document.form1.TYPE.length; i++)
{
if(document.form1.TYPE[i].checked){sujetoption = i}
}
if (sujetoption == -1){alert("Veuillez indiquer si vous ?tes conducteur ou passager s'il vous pla?t");return false;}
else
if(document.form1.DEPART.value=='')
{alert('Veuillez pr?ciser un lieu de d?part s\'il vous pla?t');document.form1.DEPART.focus();return false;}
else
if(document.form1.DEPART_LAT.value=='')
{alert('Veuillez pr?ciser un lieu de d?part dans la liste de suggestions s\'il vous pla?t');document.form1.DEPART.focus();return false;}
else
if(document.form1.ARRIVEE.value=='')
{alert('Veuillez pr?ciser un lieu d\'arriv?e s\'il vous pla?t');document.form1.ARRIVEE.focus();return false;}
else
if(document.form1.ARRIVEE_LAT.value=='')
{alert('Veuillez pr?ciser un lieu d\'arriv?e dans la liste de suggestions s\'il vous pla?t');document.form1.ARRIVEE.focus();return false;}
else
if(document.form1.DATE_PARCOURS.value=='')
{alert('Veuillez pr?ciser la date de votre trajet s\'il vous pla?t');document.form1.DATE_PARCOURS.focus();return false;}
else
if((document.form1.TYPE[0].checked)&&(document.form1.PLACES.value==''))
{alert('Veuillez pr?ciser le nombre de places disponibles s\'il vous pla?t');document.form1.PLACES.focus();return false;}
else
sujetoption = -1
for (i=0; i<document.form1.CONFORT.length; i++)
{
if(document.form1.CONFORT[i].checked){sujetoption = i}
}
if ((document.form1.TYPE[0].checked)&&(sujetoption == -1)){alert("Veuillez indiquer le niveau de confort de votre v?hicule s'il vous pla?t");return false;}
else
if((document.form1.TYPE[0].checked)&&(document.form1.PRIX.value==''))
{alert('Veuillez pr?ciser le prix du trajet s\'il vous pla?t');document.form1.PRIX.focus();return false;}
else
if((document.form1.ETAPE1.value!=='')&&(document.form1.ETAPE1_LAT.value==''))
{alert('Veuillez pr?ciser une premi?re ?tape dans la liste de suggestions s\'il vous pla?t');document.form1.ETAPE1.focus();return false;}
else
if((document.form1.ETAPE1.value!=='')&&(document.form1.PRIX1.value==''))
{alert('Veuillez pr?ciser le prix de la premi?re ?tape s\'il vous pla?t');document.form1.PRIX1.focus();return false;}
else
if((document.form1.ETAPE2.value!=='')&&(document.form1.ETAPE2_LAT.value==''))
{alert('Veuillez pr?ciser une seconde ?tape dans la liste de suggestions s\'il vous pla?t');document.form1.ETAPE2.focus();return false;}
else
if((document.form1.ETAPE2.value!=='')&&(document.form1.PRIX2.value==''))
{alert('Veuillez pr?ciser le prix de la seconde ?tape s\'il vous pla?t');document.form1.PRIX2.focus();return false;}
else
if((document.form1.ETAPE3.value!=='')&&(document.form1.ETAPE3_LAT.value==''))
{alert('Veuillez pr?ciser une troisi?me ?tape dans la liste de suggestions s\'il vous pla?t');document.form1.ETAPE3.focus();return false;}
else
if((document.form1.ETAPE3.value!=='')&&(document.form1.PRIX3.value==''))
{alert('Veuillez pr?ciser le prix de la troisi?me ?tape s\'il vous pla?t');document.form1.PRIX3.focus();return false;}
else
sujetoption = -1
for (i=0; i<document.form1.CIVILITE.length; i++)
{
if(document.form1.CIVILITE[i].checked){sujetoption = i}
}
if (sujetoption == -1){alert("Veuillez indiquer si vous ?tes un homme ou une femme s'il vous pla?t");return false;}
else
if(document.form1.NOM.value=='')
{alert('Veuillez pr?ciser votre nom / pseudo s\'il vous pla?t');document.form1.NOM.focus();return false;}
else
if(document.form1.EMAIL.value=='')
{alert('Veuillez pr?ciser votre adresse e-mail s\'il vous pla?t');document.form1.EMAIL.focus();return false;}
else
var illegal = new RegExp("[\(\),;:!?<>\$??&?????\*\^\'\"]+","g");
var legal = new RegExp("^\\w[\\w\-\_\.]*\\w@\\w[\\w\-\_\.]*\\w\\.\\w{2,4}$");
var c=document.form1.EMAIL.value;
if((illegal.test(c)==true)||(legal.test(c)!=true)){alert("L'adresse e-mail qui a ?t? saisie est incorrecte");return false;}
return true
}
</script>
<style type="text/css">
.conducteur {
}
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="conteneur">
<div id="header">
<a href="index.php" id="lienhome"></a>
<?php include('include/facebook.php');?>
<!-- InstanceBeginEditable name="headersite" -->
<!-- InstanceEndEditable --></div>
<div id="contenu">
<!-- InstanceBeginEditable name="contenu" -->
<a href="index.php">< retour à la page d'accueil</a>
<h1>Nouveau trajet </h1>
<div id="map_canvas"></div>
<div id="map_infos"></div>
<form name="form1" id="form1" method="POST" action="" onsubmit="return CHECK()">
<table width="500" border="0" cellpadding="3" cellspacing="0">
<tr>
<td colspan="2"><h2>Le parcours</h2></td>
</tr>
<tr>
<td style="width:150px;">Je suis <span class="dispo1">*</span></td>
<td><input type="radio" name="TYPE" value="Conducteur" id="TYPE_0" onclick="conducteur()" />
Conducteur
<input type="radio" name="TYPE" value="Passager" id="TYPE_1" onclick="conducteur()" />
Passager</td>
</tr>
<tr>
<td>Ville de départ <span class="dispo1">*</span></td>
<td id="focusdepart">
<input name="DEPART" type="text" id="DEPART" size="25" onkeyup="depart()" onfocus="blank()" /><div id="liste_depart"></div>
<input type="hidden" name="DEPART_LAT" id="DEPART_LAT" value="" />
<input type="hidden" name="DEPART_LON" id="DEPART_LON" value="" />
<input type="hidden" name="GERARD" id="GERARD" /></td>
</tr>
<tr>
<td>Ville d'arrivée <span class="dispo1">*</span></td>
<td>
<input name="ARRIVEE" type="text" id="ARRIVEE" size="25" onkeyup="arrivee()" onfocus="blank2()" /><div id="liste_arrivee"></div>
<input type="hidden" name="ARRIVEE_LAT" id="ARRIVEE_LAT" value="" />
<input type="hidden" name="ARRIVEE_LON" id="ARRIVEE_LON" value="" />
<input type="hidden" name="HARRY" id="HARRY" /></td>
</tr>
<tr>
<td> </td>
<td><a href="#" onclick="showItineraire()">> Vérifier le parcours sur la carte</a></td>
</tr>
<tr>
<td>Date du parcours <span class="dispo1">*</span></td>
<td><label for="DATE_PARCOURS"></label>
<input name="DATE_PARCOURS" type="text" id="DATE_PARCOURS" size="10" maxlength="10" readonly="readonly" /></td>
</tr>
<tr>
<td>Heure de départ <span class="dispo1">*</span></td>
<td><label for="HEURE"></label>
<label for="HEURE_H"></label>
<select name="HEURE_H" id="HEURE_H">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12" selected="selected">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
hh
<label for="HEURE_M"></label>
<select name="HEURE_M" id="HEURE_M">
<option value="00">00</option>
<option value="05">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
minutes</td>
</tr>
<tr class="conducteur">
<td>Nombre de place(s) disponible(s) <span class="dispo1">*</span></td>
<td><label for="PLACES"></label>
<select name="PLACES" id="PLACES">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select></td>
</tr>
<tr class="conducteur">
<td>Confort du véhicule <span class="dispo1">*</span></td>
<td><input type="radio" name="CONFORT" value="Basique" id="CONFORT_0" />
Basique
<input type="radio" name="CONFORT" value="Normal" id="CONFORT_1" />
Normal
<input type="radio" name="CONFORT" value="Confortable" id="CONFORT_2" />
Confortable
<input type="radio" name="CONFORT" value="Luxe" id="CONFORT_3" />
Luxe</td>
</tr>
<tr class="conducteur">
<td>Prix par personne <span class="dispo1">*</span></td>
<td><label for="PRIX"></label>
<input name="PRIX" type="text" id="PRIX" size="3" maxlength="3" />
€</td>
</tr>
<tr class="conducteur">
<td> </td>
<td> </td>
</tr>
<tr class="conducteur">
<td colspan="2"><h2>Etapes éventuelles (facultatif)</h2>
<p>Les étapes sont utilisées pour faire resortir votre parcours dans le moteur de recherche sur les villes ci-dessous. Cela suppose évidemment que vous puissiez y déposer des passagers.</p></td>
</tr>
<tr class="conducteur">
<td colspan="2"><table width="100%" border="0" cellpadding="3" cellspacing="0">
<tr>
<td> </td>
<td>Ville</td>
<td align="center">Prix depuis la ville de départ</td>
</tr>
<tr>
<td width="147">Etape1 </td>
<td>
<input name="ETAPE1" type="text" id="ETAPE1" size="25" onkeyup="etape1()" onfocus="blank3()" /><div id="liste_etape1"></div>
<input type="hidden" name="ETAPE1_LAT" id="ETAPE1_LAT" value="" />
<input type="hidden" name="ETAPE1_LON" id="ETAPE1_LON" value="" /></td>
<td align="center"><input name="PRIX1" type="text" id="PRIX1" size="3" maxlength="3" value="" />
€</td>
</tr>
<tr>
<td>Etape2 </td>
<td>
<input name="ETAPE2" type="text" id="ETAPE2" size="25" onkeyup="etape2()" onfocus="blank4()" /><div id="liste_etape2"></div><input type="hidden" name="ETAPE2_LAT" id="ETAPE2_LAT" value="" />
<input type="hidden" name="ETAPE2_LON" id="ETAPE2_LON" value="" />
</td>
<td align="center"><input name="PRIX2" type="text" id="PRIX2" size="3" maxlength="3" value="" />
€</td>
</tr>
<tr>
<td>Etape3 </td>
<td>
<input name="ETAPE3" type="text" id="ETAPE3" size="25" onkeyup="etape3()" onfocus="blank5()" /><div id="liste_etape3"></div><input type="hidden" name="ETAPE3_LAT" id="ETAPE3_LAT" value="" />
<input type="hidden" name="ETAPE3_LON" id="ETAPE3_LON" value="" />
</td>
<td align="center"><input name="PRIX3" type="text" id="PRIX3" size="3" maxlength="3" value="" />
€</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><h2>Commentaires (importants)</h2>
<p> (détails sur votre parcours, sur le lieu précis du départ, sur vos attentes, si vous êtes fumeur, si vous acceptez les animaux de compagnie, etc.)</p></td>
</tr>
<tr>
<td colspan="2"><label for="COMMENTAIRES"></label>
<textarea name="COMMENTAIRES" id="COMMENTAIRES" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><h2>Vous</h2></td>
</tr>
<tr>
<td>Vous êtes <span class="dispo1">*</span></td>
<td><input type="radio" name="CIVILITE" value="homme" id="CIVILITE_0" />
un homme
<input type="radio" name="CIVILITE" value="femme" id="CIVILITE_1" />
une femme</td>
</tr>
<tr>
<td>Votre nom/pseudo<span class="dispo1">*</span></td>
<td><label for="NOM"></label>
<input type="text" name="NOM" id="NOM" /></td>
</tr>
<tr>
<td>Votre âge <em>(facultatif)</em></td>
<td><label for="AGE"></label>
<input name="AGE" type="text" id="AGE" size="3" maxlength="3" />
ans</td>
</tr>
<tr>
<td>Votre téléphone portable</td>
<td><label for="TELEPHONE"></label>
<input type="text" name="TELEPHONE" id="TELEPHONE" /></td>
</tr>
<tr>
<td> </td>
<td>Votre numéro de portable sera affiché tel quel. Si vous ne souhaitez pas laisser votre portable sur le site, ne remplissez pas ce champs</td>
</tr>
<tr>
<td>Votre email <span class="dispo1">*</span></td>
<td><label for="EMAIL"></label>
<input type="text" name="EMAIL" id="EMAIL" /></td>
</tr>
<tr>
<td> </td>
<td>Obligatoire et valide. Un message de confirmation vous y sera envoyé.</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="button" id="button" value="Enregistrer mon annonce" disabled="disabled" /></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1" />
</form>
<p> </p>
<!-- InstanceEndEditable -->
</div>
<div id="footer">
<?php include('include-footer.php'); ?></div>
</div>
</body>
<!-- InstanceEnd --></html>
|
Download
