Pardon pour le peu d'info
en fait la fonction javascript est dans la page perrier.js qui est dans le repertoire js
ma page appelant cette page javascript est une jsp qui est dans le repertoire jsp
Voila ma jsp
<link rel="stylesheet" type="text/css" href="../css/perrier.css">
<SCRIPT language="JavaScript" TYPE="text/javascript" src="../js/perrier.js"></SCRIPT>
<SCRIPT language="JavaScript" TYPE="text/javascript" src="../js/menu_array.js" ></SCRIPT>
<SCRIPT language="JavaScript" TYPE="text/javascript" src="../js/mmenu.js" ></SCRIPT>
<html>
<head>
<title>Ajout d'une Réservation Test</title>
<div align=center>
<h1>Page de Test pour Ajouter une Réservation</h1>
</div>
</head>
<body>
<br>
<br>
<br>
<form method="POST" action="../AddModifyReservationServlet">
<div align=center>
<table border="1">
<tr align="center">
<td colspan="2" align="center">Ajout d'une nouvelle réservation</td>
</tr>
<tr>
<td align="right">Libelle</td>
<td><input type="text" name="Libelle" size="20"><input onChange="test()" type="text" name="textfield" ></td>
</tr>
<tr>
<td><div align=right>Service</div></td>
<td><input type="text" name="Sect" size="20"></td>
</tr>
<tr>
<td><div align=right>Date Réservation</div></td>
<td>
<select id="annee" name="annee" onChange="controleJours();">
<option value="">Année</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
</select>
<select id="mois" name="mois" onChange="controleJours();">
<option value="">Mois</option>
<option value=1>Janvier</option>
<option value=2>Février</option>
<option value=3>Mars</option>
<option value=4>Avril</option>
<option value=5>Mai</option>
<option value=6>Juin</option>
<option value=7>Juillet</option>
<option value=8>Août</option>
<option value=9>Septembre</option>
<option value=10>Octobre</option>
<option value=11>Novembre</option>
<option value=12>Décembre</option>
</select>
<select id="jour" name="jour" disabled>
<option>Jour</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">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>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
</select>
<!-- /*<input onKeyUp="isDateSaisie(DateR);" type="text" name="DateR" size="20"> */-->
</td>
</tr>
<tr>
<td ><div align=right>Matricule</div></td>
<td ><input type="text" name="Matr" size="20"></td>
</tr>
<tr>
<td ><div align=right>Heure de Début</div></td>
<td ><input type="text" name="HeureDebut" size="20"></td>
</tr>
<tr>
<td ><div align=right>Heure de Fin</div></td>
<td ><input type="text" name="HeureFin" size="20"></td>
</tr>
</table>
<br>
<input type="submit" value="Valider">
<input type="reset" value="Annuler">
</div>
</form>
</body>
</html>
Et voila ma page js c'est un peu le beans mais ce sont des test
function test()
{
alert("Voici un message d\'alerte de test Perrier!");
}
function controleSaisie(nbCar,textbox)
{
chaine = textbox.value;
if(chaine.length >(nbCar-1))
{
chaine = chaine.substring(0,nbCar-1);
textbox.value = chaine;
}
}
function controleNumerique(nbCar,textbox)
{
var chaine;
var car;
chaine = textbox.value;
car = chaine.charAt(chaine.length-1);
if(car !="0" && car !="1" && car!="2" && car !="3" && car !="4" && car!="5" && car!="6" && car!="7" && car!="8" && car!="9")
{
chaine = chaine.substring(0,chaine.length -1);
}
else
{
if(chaine.length > nbCar-1)
{
chaine = chaine.substring(0,nbCar);
}
}
textbox.value = chaine;
}
function controleJours()
{
alert("document " + document);
/*var jour = document.getElementById("jour");
var annee = document.getElementById("annee");
var mois = document.getElementById("mois"); */
if(annee.value != "" && mois.value != "")
jour.disabled = false;
else
{
jour.disabled = true;
return;
}
jour.options.length = 29;
if(mois.value == 1 || mois.value == 3 || mois.value == 5 || mois.value == 7 || mois.value == 8 || mois.value == 10 || mois.value == 12)
{
for(var i=29; i<=31; i++)
{
var newOpt = new Option(i, i);
jour.options[i] = newOpt;
}
}
else if(mois.value == 4 || mois.value == 6 || mois.value == 9 || mois.value == 11)
{
for(var i=29; i<=30; i++)
{
var newOpt = new Option(i, i);
jour.options[i] = newOpt;
}
}
else if(mois.value == 2)
{
if((annee.value % 4) == 0)
{
var newOpt = new Option(29, 29);
jour.options[29] = newOpt;
}
}
}
function isDateSaisie(textbox)
{
//Verifie que l'on saisie bien une date au bon format
var chaine = textbox.value;
var car = "";
car = chaine.charAt(chaine.length - 1 );
if(car !="0" && car !="1" && car!="2" && car !="3" && car !="4" && car!="5" && car!="6" && car!="7" && car!="8" && car!="9" && car!="/")
{
chaine = chaine.substring(0,chaine.length -1);
}
else
{
if (chaine.length > 10)
{
chaine = chaine.substring(0,10);
}
else
{
if(chaine.length == 4)
{
if (chaine.charAt(2) != "/")
{
chaine = chaine + "/";
}
}
else
{
if (chaine.length == 5 )
{
if (chaine.charAt(2) == "/")
{
chaine = chaine + "/";
}
}
else
{
if (chaine.length == 7)
{
if (chaine.charAt(4) == "/")
{
chaine = chaine + "/";
}
}
}
}
}
}
isDate(chaine,textbox);
//textbox.value = chaine;
}
function isDate(date,textbox)
{
//Verifie que la date saisie est bien valide
//C'est à dire que l'on a bien un format de date et des mois et jours cohérents
var jour = "";
var mois = "" ;
var annee = "";
var chaine;
if (date.length <2) then
{
chaine = date;
}
else
{
if (date.length == 3)
{
if (date.charAt(2) = "/")
{
if(date > 31 or date < 1 )
{
alert("Le jour doit être compris entre 1 et 31!");
chaine = "";
}
else
{
chaine = date;
}
}
else
{
chaine = date
}
}
else
{
if (date.length == 5)
{
if (date.charAt(2) == "/" )
{
jour = date.charAt(0) + date.charAt(1);
mois = date.charAt(3) + date.charAt(4);
chaine = verif_Jour_Mois(jour,mois);
}
else
{
chaine = date;
}
}
else
{
}
}
}
textbox.value = chaine;
}
function verif_Jour_Mois(jour,mois,textbox)
{
var temp;
if (mois == 02)
{
if ( (mois % 4)==0 )
{
if (jour > 28 ) then
{
}
else
{
temp = jour + "/" + mois;
}
}
}
return temp;
}
/*
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function getSty(id) {
return (isNS4 ? getRef(id) : getRef(id).style);
}
var popTimer = 0;
var litNow = new Array();
function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;
if (targetNum > 0) {
thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);
with (menu[targetNum][0].ref) {
left = parseInt(thisX + menu[targetNum][0].x);
top = parseInt(thisY + menu[targetNum][0].y);
visibility = 'visible';
}
}
}
function popOut(menuNum, itemNum) {
if ((menuNum == 0) && !menu[menuNum][itemNum].target)
hideAllBut(0)
else
popTimer = setTimeout('hideAllBut(0)', 500);
}
function getTree(menuNum, itemNum) {
itemArray = new Array(menu.length);
while(1) {
itemArray[menuNum] = itemNum;
if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
}
}
function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
with (menu[menuCount][changeArray[menuCount]].ref) {
if (isNS4) bgColor = newCol;
else backgroundColor = newCol;
}
}
}
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
menu[count][0].ref.visibility = 'hidden';
changeCol(litNow, false);
}
function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {
this.isVert = isVert;
this.popInd = popInd
this.x = x;
this.y = y;
this.width = width;
this.overCol = overCol;
this.backCol = backCol;
this.borderClass = borderClass;
this.textClass = textClass;
this.parentMenu = null;
this.parentItem = null;
this.ref = null;
}
function Item(text, href, frame, length, spacing, target) {
this.text = text;
this.href = href;
this.frame = frame;
this.length = length;
this.spacing = spacing;
this.target = target;
this.ref = null;
}
function writeMenus() {
if (!isDOM && !isIE4 && !isNS4) return;
for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {
var str = '', itemX = 0, itemY = 0;
for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {
var itemID = 'menu' + currMenu + 'item' + currItem;
var w = (isVert ? width : length);
var h = (isVert ? length : width);
if (isDOM || isIE4) {
str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
if (backCol) str += 'background: ' + backCol + '; ';
str += '" ';
}
if (isNS4) {
str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + w + '" height="' + h + '" visibility="inherit" ';
if (backCol) str += 'bgcolor="' + backCol + '" ';
}
if (borderClass) str += 'class="' + borderClass + '" ';
str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';
str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td width=1 nowrap></td><td align="left" height="' + (h - 7) + '">' + (href ? '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>' : '<a class="' + textClass + '">' + text + '</a></td>');
if (target > 0) {
menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;
if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
}
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (isVert) itemY += length + spacing;
else itemX += length + spacing;
}
if (isDOM) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';
ref.visibility = 'hidden';
}
if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');
}
if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();
}
for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
itemName = 'menu' + currMenu + 'item' + currItem;
if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
}
}
with(menu[0][0]) {
ref.left = x;
ref.top = y;
ref.visibility = 'visible';
}
}
var menu = new Array();
menu[0]=new Array();
menu[0][0]=new Menu(false,' ',1,5,30,'#ffffff','#666666','itemunBorder','itemunText');
menu[0][1]=new Item('Menu','','_self',100, 0, 0);
menu[0][2]=new Item('rubrique 1','','_self',100, 0, 1);
menu[1]=new Array();
menu[1][0]=new Menu(true, '>', 0 ,30 ,100, '#FFA851', '#FF8040', 'itemBorder', 'itemText');
menu[1][1]=new Item('Mon site','www.ff8.fr.fm','_self',30, 0, 0);
menu[1][2]=new Item('Cat2','','_self',30, 0, 0);
menu[1][3]=new Item('Cat3','','_self',30, 0, 0);
menu[0][3]=new Item('Rubrique 2','','_self',100, 0, 2);
menu[2]=new Array();
menu[2][0]=new Menu(true, '>', 0 ,30 ,100, '#FFA851', '#FF8040', 'itemBorder', 'itemText');
menu[2][1]=new Item('Cat1','','_self',30, 0, 0);
menu[2][2]=new Item('Cat2','','_self',30, 0, 0);
menu[2][3]=new Item('Cat3','','_self',30, 0, 0);
menu[0][4]=new Item('Rubrique 3','','_self',100, 0, 3);
menu[3]=new Array();
menu[3][0]=new Menu(true, '>', 0 ,30 ,100, '#FFA851', '#FF8040', 'itemBorder', 'itemText');
menu[3][1]=new Item('Cat1','','_self',30, 0, 0);
menu[3][2]=new Item('Cat2','','_self',30, 0, 0);
menu[3][3]=new Item('Cat3','','_self',30, 0, 6);
menu[6]=new Array();
menu[6][0]=new Menu(true, '>', 100 ,0 ,100, '#FFA851', '#FF8040', 'itemtroisBorder', 'itemtroisText');
menu[6][1]=new Item('Cat3.1','','_self',30, 0, 0);
menu[6][2]=new Item('Cat3.2','','_self',30, 0, 0);
menu[6][3]=new Item('Cat3.3','','_self',30, 0, 0);
menu[0][5]=new Item('Rubrique 4','','_self',100, 0, 4);
menu[4]=new Array();
menu[4][0]=new Menu(true, '>', 0 ,30 ,100, '#FFA851', '#FF8040', 'itemBorder', 'itemText');
menu[4][1]=new Item('Cat1','','_self',30, 0, 0);
menu[4][2]=new Item('Cat2','','_self',30, 0, 0);
menu[4][3]=new Item('Cat3','','_self',30, 0, 0);
menu[0][6]=new Item('Rubrique 5','','_self',100, 0, 5);
menu[5]=new Array();
menu[5][0]=new Menu(true, '>', 0 ,30 ,100, '#FFA851', '#FF8040', 'itemBorder', 'itemText');
menu[5][1]=new Item('Cat1','','_self',30, 0, 0);
menu[5][2]=new Item('Cat2','','_self',30, 0, 0);
menu[5][3]=new Item('Cat3','','_self',30, 0, 0);
menu[5][4]=new Item('Cat4','','_self',30, 0, 0);
<!--
.itemunBorder { border: 2px solid grey }
.itemunText {text-decoration: none; color: #999999; font: 11px News Gothic MT}
.itemBorder { border: 1px solid black }
.itemText {text-decoration: none; color: #000000; font: 11px MS Sans Serif}
.itemtroisBorder { border: 1px solid black }
.itemtroisText {text-decoration: none; color: #000000; font: 11px MS Sans Serif}
-->
*/