en lançant le firebug ou l'outils de développement de IE il y a une erreur de détecter à la ligne 275, ce qui correspont à ça : var retour = JSON.parse(data);
Comment faire pour corriger cette erreur...?
Merciiii!
[html]<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="fr" >
<head>
<title>Agenda</title>
<!-- Load jQuery + jQuery UI + UI THEMES CSS -->
<script type="text/javascript" src="jscripts/jquery-1.7.1.min.js"></script>
<link type="text/css" href="jscripts/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="jscripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="jscripts/date.format.js"></script>
<!-- STYLES -->
<link rel="stylesheet" media="all" type="text/css" href="css/kit_10/style.css" />
<style>
/* Styles pour redéfinir/inhiber des styles du thème */
body {
font-size: 80% ;
background-color : #cccccc;
}
p,div,td,input,span,textarea,select,option {
font-size: 1em ;
}
h1 {
border: none;
}
h1,h2 {
color:#37509b;
}
h3,h4 {
color: #8fa4cf;
}
h5,h6 {
color: #8fa4cf;
}
.logoPage {
position: relative;
left:0; top:0;
width:fit-content;
}
.titrePage {
font-size:3em;
position: absolute;
left:138px;
top:2px;
float:left;
margin-left:245px;
height: 40px;
width: fill-available;
}
.infosPage {
margin:auto;
text-align: center;
font-size:0.8em;
position: absolute;
left:115px;
top:0;
float:left;
margin-left:245px;
margin-top:60px;
width: 512px;
height: fit-content;
}
.moteur_recherche {
background-color:transparent;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 0px groove #000;
height: fit-content;
}
#entetePage, #menuPage, #contenuPage, #footerPage {
padding:1px 0;
}
#entetePage {
background-color:#FFFFFF;
width:100%;
height: fit-content;
}
#mainPage {
/*max-width:960px;*/
position:relative;
}
#menuPage {
margin-top:20px;
position:absolute;
right:5px;
color:white;
background: transparent;
opacity: 1;
z-index:99999;
display: block;
}
#menuPage a {
color: white;
}
#conteneurMenu
{
z-index: 9999999;
position: absolute;
color:white;
background: black;
opacity: 0.9;
font-family: Verdana, Georgia, Arial;
font-size: 9pt;
text-align: justify;
margin-top: 20px;
overflow-y: hidden;
overflow-x: hidden;
word-wrap: break-word;
-o-text-overflow: ellipsis; /* pour Opera 9 */
text-overflow: ellipsis; /* pour le reste du monde */
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
float:left;
}
#contenuPage {
/*margin-left:200px;*/
height: fit-content;
margin-left:370px;
}
#footerPage {
background-color:transparent;
text-align:center;
clear:both;
}
</style>
</head>
<body>
<!-- ENTETE -->
<div id="entetePage">
<div class="logoPage">
<style type="text/css">
.logo {
display: block;
background-color : transparent;
margin-right:40px;
}
</style>
<div class="logo">
<a href="indexPages.php"><img src="images/logo.png" alt="Logo" border="0" /></a>
</div>
</div>
<!-- TITRE DE LA PAGE -->
<div class="titrePage">
<ul>Agenda - Administration</ul>
</div>
<!-- BARRE D'INFOS RSS -->
<!-- affichage des alertes -->
<div class="infosPage">
<marquee direction="right" behavior="alternate" scrolldelay="200" style="width:100%;font-size:9pt;text-align:center;margin:auto;">
<a href="?codepage=BOITE_DE_RECEPTION"
style="vertical-align:middle" title="Voir boite de réception">
<img style="width:16px;height:16px;" src="images/ico_nouveauMessage.png"
alt="Voir boite de réception" title="Voir boite de réception" />
Vous avez reçu 29 nouveau message</a> <a href="?codepage=BOITE_D_ENVOI"
style="vertical-align:middle" title="Voir boite d'envoi"
onmouseover="">
<img style="width:16px;height:16px;" src="images/ico_nouveauMessage.png"
alt="Voir boite d'envoi" title="Voir boite d'envoi" />
Vous avez envoyé 29 nouveau message</a> </marquee>
</div>
<!-- Moteur de recherche Google -->
<!--<div id="moteur_recherche" class="moteur_recherche" style="float:right;width:300px; position: absolute; right:0; top:0;">
<form action="http://www.google.fr/search" target="blank">
<input type="hidden" name="hl" value="fr" />
<input type="text" name="q" size="25" value="google.fr"/>
<input type="submit" value="OK" title="Recherche Google" />
</form>
<div id="google_translate_element">
<script>
$(document).ready(function(){
$.getScript("http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit");
});
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'fr'}, 'google_translate_element');
}
</script>
</div>
</div>-->
</div>
<div id="mainPage">
<div>
<!-- MENU VERTICAL -->
<span class="menu_v_titre">
<h5><a href="?action=deconnecter" title="Se déconnecter"><img src="images/quitter.png" style="vertical-align:middle" alt="Se déconnecter" title="Se déconnecter" /><b> MENU GÉNÉRAL :</b> Bonjour Jean Dupont</a></h5>
</span>
<div id="conteneurMenu">
<div class="menu_v_ctn">
<span class="menu_v_titre"><img src="images/menu_titre_client_assistelecom.png" style="padding-top:15px;" /></span>
<ul>
<li><a href="?codepage=RECHERCHER_CLIENTS">Gestion des Clients</a></li>
<li><a href="?codepage=EDITER_CLIENT&action=nouveau">Nouveau Client</a></li>
<li><a href="?codepage=EDITER_PERSONNE&pseudo=jDupont&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau">Gestion des Contacts</a></li>
</ul>
</div>
<div class="menu_v_ctn">
<span class="menu_v_titre"><img src="images/menu_titre_rendez_vous_assistelecom.png" style="padding-top:15px;" /></span>
<ul>
<li><a href="?codepage=EDITER_RDV&action=nouveau&pseudo=jDupont">Nouveau RDV</a></li>
<li><a href="?codepage=EDITER_TYPES_RDV">Gérer les types de RDV</a></li>
<li>Afficher calendrier de <select onchange="document.location.href=this.value"><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=jDupont">Jean Dupont</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=alexandreDubois">Alexandre Dubois</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=alineLeroy">Aline Leroy</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=kamalWali">Kamal Wali</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=sLaBD">Simon LaBD</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=S">S S</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=lenouveau">Vladimir Chikovski</option></select></li>
</ul>
</div>
<div class="menu_v_ctn">
<span class="menu_v_titre"><img src="images/btn_options.png" style="padding-top:15px;" /></span>
<ul>
<li><a href="?codepage=MODELE_TEMPS_TRAVAIL&pseudo=jDupont&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau">Gérer les Modèles de temps de travail</a></li>
<li><a href="?codepage=MODELE_TEMPS_NON_TRAVAIL&pseudo=jDupont&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau">Gérer le temps non travaillé</a></li>
<li><a href="?codepage=EDITER_TYPES_TEMPS">Gérer les types de Temps</a></li>
</ul>
</div>
<div class="menu_v_ctn">
<span class="menu_v_titre"><img src="images/menu_titre_calendrier_assistelecom.png" style="padding-top:15px;" /></span>
<ul>
<li><a href="?codepage=AFFICHER_CALENDRIER&pseudo=jDupont">Calendrier mensuel</a></li>
<li><a href="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=jDupont">Calendrier Semaine</a></li>
<li><a href="?codepage=CALENDRIER_JOUR&date=2012-07-31&pseudo=jDupont">Calendrier Jour</a></li>
<li>Afficher calendrier de <select onchange="document.location.href=this.value"><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=jDupont">Jean Dupont</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=alexandreDubois">Alexandre Dubois</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=alineLeroy">Aline Leroy</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=kamalWali">Kamal Wali</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=sLaBD">Simon LaBD</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=S">S S</option><option value="?codepage=CALENDRIER_SEMAINE&numSemaine=31&pseudo=lenouveau">Vladimir Chikovski</option></select></li>
</ul>
</div>
<div class="menu_v_ctn">
<span class="menu_v_titre"><img src="images/menu_titre_messagerie_assistelecom.png" style="padding-top:15px;" /></span>
<ul>
<li><a href="?codepage=NOUVEAU_MESSAGE&action=nouveau">Nouveau message</a></li>
<li><a href="?codepage=BOITE_DE_RECEPTION">Boite de réception <b>- 29 -</b> </a></li>
<li><a href="?codepage=BOITE_D_ENVOI">Boite d'envoi <b>- 29 -</b> </a></li>
</ul>
</div> </div>
</div>
<div id="contenuPage" style="padding-left:5px;">
<!-- CONTENU DE LA PAGE -->
<h1>Contacts - 12 -</h1>
<!-- MODULE RECHERCHE PERSONNE CONTACT POUR AUTOCOMPLETE -->
<script type="text/javascript">
// PARAMETRES GLOBAUX A MODIFIER EN CAS DE BESOIN
var pseudoUtilisateur = 'jDupont'; // contact connecté
/////////////////////////
var contact = new Array;
// lookup
function lookup(inputString) {
$.get("rpc_autocomplete_Personne.php", {pseudoUtilisateur: ""+pseudoUtilisateur+"", queryString: ""+inputString+""}, function(data){
if(data.length >0) {
contact = new Array();
var retour = JSON.parse(data);
console.log(retour);
contact = retour.contact;
$('#autoSuggestionsList').html(retour.liste);
if (inputString.length>0) $('#suggestions').show();
}
});
}
// autolookup on load
$(document).ready(function(){
lookup($('#inputString').val());
});
// fill
function fill(index, selectedValue) {
$('#inputString').val(selectedValue);
setTimeout("$('#suggestions').hide()", 200);
//
document.forms['f1'].action='?action=rechercher&motcle='+selectedValue;
document.forms['f1'].submit();
}
//
function OuvrirCadre(id)
{
var Cadre = document.getElementById(id);
var boutonCadre = document.getElementById('btn_'+id);
Cadre.style.display = 'block';
boutonCadre.src = 'images/fleche_haut3.png';
boutonCadre.alt = 'Fermer';
boutonCadre.title = 'Fermer';
}
function FermerCadre(id)
{
var Cadre = document.getElementById(id);
var boutonCadre = document.getElementById('btn_'+id);
Cadre.style.display = 'none';
boutonCadre.src = 'images/fleche_bas3.png';
boutonCadre.alt = 'Ouvrir';
boutonCadre.title = 'Ouvrir';
}
function OuvrirFermerCadre(id)
{
if (document.getElementById(id).style.display == 'none')
{
OuvrirCadre(id);
}
else
{
FermerCadre(id);
}
}
</script>
<style type="text/css">
.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
z-index: 100;
}
.suggestionList {
margin: 0px;
padding-left: 7px;
z-index: 1000;
text-align: left;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding-left: 7px;
cursor: pointer;
list-style-type: none;
}
.suggestionList li:hover {
background-color: #659CD8;
}
.suggestionList li marquee {
font-size: 0.8em;
color: yellow;
}
.tailleUnique {
width:94%;
}
.table,.div {
border-collapse:collapse;
table-layout:fixed;
width: 100%;
}
input, select, textarea, button {
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 5px;
overflow:auto;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px groove #000;
color: #212427;
}
img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
/*border: 1px groove #000;*/
color: #212427;
}
.element {
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 5px;
/*background-color: #fff;*/
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px groove #000;
color: #212427;
}
.Cadre {
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 5px;
width: 99%;
overflow:auto;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px groove #000;
color: #212427;
}
.Cadre tr:hover {
background: silver;
}
.Cadre td,th {
padding-left:5px;
}
.Cadre td,th {
padding-left:5px;
}
</style>
<form name="f_rech_pers">
<div style="width:200px;height:20px;margin:0px;padding:0px;float:right;">
<input type="hidden" name="codepage" value="EDITER_PERSONNE" />
<input style="width:138px;height:20px;font-size:8pt;float:right;text-align:center;" type="text" name="motcle" id="inputString"
value="" title="Zone de Recherche"
onkeyup="lookup(this.value);"
onblur="" onclick="this.value='';"/>
<br/>
<div class="suggestionsBox" id="suggestions" style="width:200px;display: none;float:right;">
<img id="btn_suggestions" src="images/fleche_haut3.png" style="position: relative; top: -12px; left: 30px;"
title="Fermer" alt="Fermer" onclick="OuvrirFermerCadre('suggestions');" />
<div class="suggestionList" id="autoSuggestionsList"></div>
</div>
</div>
</form>
<!-- FIN MODULE RECHERCHE PERSONNE CONTACT POUR AUTOCOMPLETE --><br/><br/>
<form name="f1" method="POST">
<input type="hidden" name="codepage" value="EDITER_PERSONNE" />
<input type="hidden" name="modeEdition" value="nouveau" />
<input type="hidden" name="pseudo" value="jDupont" />
<h4>
<input type="checkbox" onclick="selectTout(this,'uContacts[]');" /> Sélectionner tout
<input type="submit" name="action" value="Supprimer Selection" />
<img id="btn_liste1" style="width:15px;height:15px;cursor:pointer;float:right;" src="images/fleche_haut3.png" title="Fermer" alt="Fermer" onclick="OuvrirFermerListe('liste1');" />
</h4>
<div id="liste1" class="liste">
<table border="0" cellspacing="0" cellpadding="0">
<tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="37"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=37&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=37&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3"> monk</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="5"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=5&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=5&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Anne-marie Pinsole</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="23"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=23&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=23&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Cappuccino Dolce-Gusto</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="35"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=35&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=35&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Carlina Bruni</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="22"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=22&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=22&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Céline Dion</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="4"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=4&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=4&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Emma Delarue</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="38"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=38&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=38&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Hassan El Mir</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="10"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=10&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=10&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Jacque line Lafayette</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="2"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=2&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=2&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Jacques Durand</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="21"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=21&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=21&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">La belle Girafe</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="1"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=1&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=1&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">Pomme Royale</td></tr><tr class=""><th class="col1"><input type="checkbox" name="uContacts[]" value="36"/></th><th class="col2"><a href="?codepage=EDITER_PERSONNE&action=afficher&pseudo=jDupont&ID_PERS=36&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Sélectionner"><img src="images/btn_editer.png" class="commande" style="margin-right:15px;"/></a><a href="?codepage=EDITER_PERSONNE&action=supprimer&pseudo=jDupont&ID_PERS=36&motcle=&pageretour=codepage=EDITER_PERSONNE|pseudo=jDupont|pageretour=codepage=EDITER_CLIENT|action=nouveau" title="Supprimer"><img src="images/btn_supprimer.png" class="commande" style="margin-right:15px;"/></a></th><td class="col3">moto Toto</td></tr> </table>
</div>
<h2>Utilisateurs concernés - 0 -</h2>
<h4><input type="checkbox" onclick="selectTout(this,'cUtilisateurs[]');" /> Sélectionner tout
<img id="btn_liste2" style="width:15px;height:15px;cursor:pointer;float:right;" src="images/fleche_haut3.png" title="Fermer" alt="Fermer" onclick="OuvrirFermerListe('liste2');" />
</h4>
<div id="liste2" class="liste" style="height:40px">
<table border="0" cellspacing="0" cellpadding="0">
</table>
</div>
<h2>Nouvelle fiche Contact</h2>
<table class="paragraphe" style="width:100%;height:400px" align="center" border="0" cellspacing="3" cellpadding="3">
<tr>
<td valign="top" >
<h4>Civilité</h4>
<select class="tailleUnique" id="civilite" name="civilite" value="" >
<option value=""></option>
<option value="Mademoiselle" >Mademoiselle</option>
<option value="Madame" >Madame</option>
<option value="Monsieur" >Monsieur</option>
</select>
</td>
<td valign="top" >
<h4>Nom</h4>
<input class="tailleUnique" type="text" id="nom" name="nom" value="" />
</td>
<td valign="top" >
<h4>Prénom</h4>
<input class="tailleUnique" type="text" id="prenom" name="prenom" value="" />
</td>
</tr>
<tr>
<td valign="top" >
<h4>Email</h4>
<input class="tailleUnique" type="text" id="email" name="email" value="" />
</td>
<td valign="top" colspan="3">
<h4>Nom Société</h4>
<input class="tailleUnique" type="text" id="nomSociete" name="nomSociete" value="" />
</td>
</tr>
<tr>
<td valign="top" >
<h4>Tél. fixe</h4>
<input class="tailleUnique" type="text" id="telFixe" name="telFixe" value="" />
</td>
<td valign="top" >
<h4>Tél. mobile</h4>
<input class="tailleUnique" type="text" id="telPortable" name="telPortable" value="" />
</td>
<td valign="top" >
<h4>Fax</h4>
<input class="tailleUnique" type="text" id="fax" name="fax" value="" />
</td>
</tr>
<tr>
<td valign="top" colspan="3">
<h4>Adresse</h4><input class="tailleUnique" type="text" id="adresse" name="adresse" value="" />
</td>
</tr>
<tr>
<td valign="top" >
<h4>CP</h4>
<input class="tailleUnique" type="text" id="cp" name="cp" value="" />
</td>
<td valign="top" >
<h4>Ville</h4><input class="tailleUnique" type="text" id="ville" name="ville" value="" />
</td>
<td valign="top" >
<h4>Pays</h4>
<input class="tailleUnique" type="text" id="pays" name="pays" value="" />
</td>
</tr>
<tr>
<td valign="top" colspan="3">
<input type="submit" id="action_ajouter" name="action" value="Ajouter" />
<input type="submit" name="action" value="Annuler" />
</td>
</tr>
</table>
</form>
<div id="message" class="message"></div>
<script>var msg=""; if (msg!="") { alert(msg); }</script>
<script>
// ouvrir ou fermer la liste
OuvrirListe('liste1');// ouvrir ou fermer la liste 2
FermerListe('liste2');
//
function OuvrirListe(id)
{
var liste = document.getElementById(id);
var boutonListe = document.getElementById('btn_'+id);
liste.style.display = 'block';
boutonListe.src = 'images/fleche_haut3.png';
boutonListe.alt = 'Fermer';
boutonListe.title = 'Fermer';
}
function FermerListe(id)
{
var liste = document.getElementById(id);
var boutonListe = document.getElementById('btn_'+id);
liste.style.display = 'none';
boutonListe.src = 'images/fleche_bas3.png';
boutonListe.alt = 'Ouvrir';
boutonListe.title = 'Ouvrir';
}
function OuvrirFermerListe(id)
{
if (document.getElementById(id).style.display == 'none')
{
OuvrirListe(id);
}
else
{
FermerListe(id);
}
}
function selectTout(origine, nomListeCheckbox)
{
var x = document.getElementsByName(nomListeCheckbox);
for(var i= 0; i < x.length; i++)
{
if (origine.checked) x[i].checked = true; else x[i].checked = false;
}
}
</script> </div>
</div>
<div id="footerPage">
Pied de Page
</div>
</body>
</html>
<style>
.tailleUnique {
width:94%;
}
.table,.div {
border-collapse:collapse;
table-layout:fixed;
width: 100%;
}
.selection {
background: lightsalmon;
}
.col3 {
font-weight: bold;
}
.col4,.col5 {
font-size: 8pt;
font-style: italic;
}
input, select, textarea, button {
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 5px;
overflow:auto;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px groove #000;
color: #212427;
}
img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
/*border: 1px groove #000;*/
color: #212427;
}
.liste {
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 5px;
width: 99%;height:100px;
overflow:auto;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px groove #000;
color: #212427;
}
</style>
<script></script>[/html]
