entete.php:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=iso-8859-1' />
<meta http-equiv='Content-Language' content='fr-FR' />
<link href="style.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript" src="Heure.js"></SCRIPT>
</head>
<body background="images/jaune_009.jpg">
<table border=0 width="900px" height="105px" cellspacing=5 bgcolor="#CCCC66" align=center>
<tr>
<td>
<img src="images/bannieres.JPG" width="750px" height="105px" align=center>
</td>
<td width="150px" height="105px" align=center valign=center bgcolor="#FFFF99">
<nobr>
<?
include ("date.php");
?>
<div id="ejs_heure">Initialisation</div>
</td>
</tr>
</table>
<table border=0 width="900px" height="600px" cellspacing=10 align=center valign="top">
<tr>
<td valign="top">
<table border=0 width="125px" cellspacing=5 bgcolor="#CCCC66" align=left>
<tr>
<td width="125px" height="200px" valign="middle" bgcolor="#FFFF99">
<?
include("login.html")
?>
</td>
</tr>
<tr>
<td width="125px" height="200px" valign="top" bgcolor="#FFFF99">
<?
include("Menu1.html")
?>
</td>
</tr>
</table>
</td>
<td valign="top">
<table width="620px" height="620px" align="right" border=0 cellspacing=5 cellpadding=15 bgcolor="#CCCC66">
<tr>
<td bgcolor="#FFFF99" valign="top">
inscription-site.php:
<?
include("entete.php");
echo"<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=iso-8859-1' />
<meta http-equiv='Content-Language' content='fr-FR' />
</head>
<body>
<form align=center method='post' action='membre.php'>
Veuillez indiquer votre e-mail pour recevoir l'accord du webmaster et votre mot de passe, celui-ci doit donc être valide!!!<wbr><br>
Identifiant:<br>
<input type=\"text\" name=\"pseudo\"><br><br>Nom<br>
<input type=\"text\" name=\"nom\"><br><br>Prénom:<br>
<input type=\"text\" name=\"prenom\"><br><Br>Email:<br>
<input type=\"text\" name=\"email\"> <br><br>
<input type=\"submit\" name=\"submit\" value=\"envoyer\">
</form>
</body>
</html>";
include("pied.php");
?>
pied.php:
</td>
</tr>
</table>
</td>
<td valign="top">
<table border=0 width="125px" cellspacing=5 bgcolor="#CCCC66" align=left>
<tr>
<td width="125px" height="200px" valign="top" bgcolor="#FFFF99">
<?
include("lien.html")
?>
</td>
</tr>
<tr>
<td width="125px" height="200px" valign="top" bgcolor="#FFFF99">
<?
include("SEARCH.php")
?>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
menu1.html:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=iso-8859-1' />
<meta http-equiv='Content-Language' content='fr-FR' />
<!-- Importe la feuille de style des menus -->
<LINK REL="stylesheet" TYPE="text/css" HREF="Styles.css">
<!-- Importe les sources du menu contextuel -->
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/MenuContext.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/MainMenu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/Menus.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/Items.js"></SCRIPT>
<!-- Importe la source permettant de créer les menus -->
<SCRIPT LANGUAGE="JavaScript" SRC="Creation_Menus1.js"></SCRIPT>
<script LANGUAGE="JavaScript" SRC="Fonctionmenu.js"></script>
</head>
<body onselectstart="return false" ondragstart="return false" oncontextmenu="return false">
<table width="120px"><tr bgcolor="#CCCC66"><td><center><b>MENU</b></center></td></tr></table>
<script LANGUAGE="JavaScript">
mainMenu.Start()
// Cette méthode doit être appelée en dernier (donc juste avant la balise de fin de script) pour que les menus apparaissent au premier plan
menuContext.Start( false )
GetElement( "CHECKFOR_BUTTON" ).onclick = OnClickOnCheckFor
</script>
</body>
</html>
fonctionmenu.js:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=iso-8859-1' />
<meta http-equiv='Content-Language' content='fr-FR' />
<!-- Importe la feuille de style des menus -->
<LINK REL="stylesheet" TYPE="text/css" HREF="Styles.css">
<!-- Importe les sources du menu contextuel -->
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/MenuContext.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/MainMenu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/Menus.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/Items.js"></SCRIPT>
<!-- Importe la source permettant de créer les menus -->
<SCRIPT LANGUAGE="JavaScript" SRC="Creation_Menus1.js"></SCRIPT>
<script LANGUAGE="JavaScript" SRC="Fonctionmenu.js"></script>
</head>
<body onselectstart="return false" ondragstart="return false" oncontextmenu="return false">
<table width="120px"><tr bgcolor="#CCCC66"><td><center><b>MENU</b></center></td></tr></table>
<script LANGUAGE="JavaScript">
mainMenu.Start()
// Cette méthode doit être appelée en dernier (donc juste avant la balise de fin de script) pour que les menus apparaissent au premier plan
menuContext.Start( false )
GetElement( "CHECKFOR_BUTTON" ).onclick = OnClickOnCheckFor
</script>
</body>
</html>
creation_menus.js:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=iso-8859-1' />
<meta http-equiv='Content-Language' content='fr-FR' />
<!-- Importe la feuille de style des menus -->
<LINK REL="stylesheet" TYPE="text/css" HREF="Styles.css">
<!-- Importe les sources du menu contextuel -->
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/MenuContext.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/MainMenu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/Menus.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="Menus/Items.js"></SCRIPT>
<!-- Importe la source permettant de créer les menus -->
<SCRIPT LANGUAGE="JavaScript" SRC="Creation_Menus1.js"></SCRIPT>
<script LANGUAGE="JavaScript" SRC="Fonctionmenu.js"></script>
</head>
<body onselectstart="return false" ondragstart="return false" oncontextmenu="return false">
<table width="120px"><tr bgcolor="#CCCC66"><td><center><b>MENU</b></center></td></tr></table>
<script LANGUAGE="JavaScript">
mainMenu.Start()
// Cette méthode doit être appelée en dernier (donc juste avant la balise de fin de script) pour que les menus apparaissent au premier plan
menuContext.Start( false )
GetElement( "CHECKFOR_BUTTON" ).onclick = OnClickOnCheckFor
</script>
</body>
</html>
items.js:
// CLASSE REPRESENTANT UN ITEM D'UN MENU OU D'UN SOUS-MENU
function Item( indexItem, imageItem, texteItem, styleItem, styleOnFocus )
{
// Index unique permettant d'identifier l'item
this.index = indexItem
// Image affichée avant le texte de l'item (sans le focus)
if( imageItem.length == 0 )
this.image = "none"
else
this.image = imageItem
// Image affichée avant le texte de l'item (avec le focus)
this.imageOnFocus = "none"
// Style affecté à l'item (sans le focus)
this.style = styleItem
// Style affecté à l'item (avec le focus)
this.styleOnFocus = styleOnFocus
// Valeur indiquant si la souris est situé au-dessus de l'item
this.isFocused = false
// Texte affiché dans l'item
if( texteItem.length == 0 )
this.texte = "none"
else
this.texte = texteItem
// Nom de la fonction à appeler lors de la selection de l'item
this.functionOnClick = "none"
// URL à appeler lors de la selection de l'item
this.URLOnClick = "none"
// Nom de l'image de la flêche (sans le focus)
this.imageFleche = "none"
// Nom de l'image de la flêche (avec le focus)
this.imageFlecheOnFocus = "none"
// Instance sur le sous-menu de l'item
this.sousMenu = null
// Méthodes permettant la gestion interne de l'item
this.Draw = Item_Draw
this.MakeFocused = Item_MakeFocused
this.MakeUnfocused = Item_MakeUnfocused
// Méthodes permettant la configuration de l'item
this.MakeSubMenu = Item_MakeSubMenu
this.SetImageOnFocus = Item_SetImageOnFocus
this.SetFlecheOnFocus = Item_SetFlecheOnFocus
this.SetFunction = Item_SetFunction
this.SetURL = Item_SetURL
}
// METHODE PERMETTANT DE DESSINER L'ITEM
function Item_Draw()
{
// Crée la table représentant l'item avec le style approprié
document.write( "<TABLE ID = 'ITEM_" + this.index + "' CLASS = '" + this.style + "' CELLPADDING = 0px CELLSPACING = 0px><TR>" );
// L'item contient une image
if( this.image != "none" )
document.write( "<TD WIDTH = '1px'><IMG ID = 'IMG_ITEM_" + this.index + "' SRC = \"" + this.image + "\"></TD>" )
menus.js
// CLASSE REPRESENTANT UN ITEM D'UN MENU OU D'UN SOUS-MENU
function Item( indexItem, imageItem, texteItem, styleItem, styleOnFocus )
{
// Index unique permettant d'identifier l'item
this.index = indexItem
// Image affichée avant le texte de l'item (sans le focus)
if( imageItem.length == 0 )
this.image = "none"
else
this.image = imageItem
// Image affichée avant le texte de l'item (avec le focus)
this.imageOnFocus = "none"
// Style affecté à l'item (sans le focus)
this.style = styleItem
// Style affecté à l'item (avec le focus)
this.styleOnFocus = styleOnFocus
// Valeur indiquant si la souris est situé au-dessus de l'item
this.isFocused = false
// Texte affiché dans l'item
if( texteItem.length == 0 )
this.texte = "none"
else
this.texte = texteItem
// Nom de la fonction à appeler lors de la selection de l'item
this.functionOnClick = "none"
// URL à appeler lors de la selection de l'item
this.URLOnClick = "none"
// Nom de l'image de la flêche (sans le focus)
this.imageFleche = "none"
// Nom de l'image de la flêche (avec le focus)
this.imageFlecheOnFocus = "none"
// Instance sur le sous-menu de l'item
this.sousMenu = null
// Méthodes permettant la gestion interne de l'item
this.Draw = Item_Draw
this.MakeFocused = Item_MakeFocused
this.MakeUnfocused = Item_MakeUnfocused
// Méthodes permettant la configuration de l'item
this.MakeSubMenu = Item_MakeSubMenu
this.SetImageOnFocus = Item_SetImageOnFocus
this.SetFlecheOnFocus = Item_SetFlecheOnFocus
this.SetFunction = Item_SetFunction
this.SetURL = Item_SetURL
}
// METHODE PERMETTANT DE DESSINER L'ITEM
function Item_Draw()
{
// Crée la table représentant l'item avec le style approprié
document.write( "<TABLE ID = 'ITEM_" + this.index + "' CLASS = '" + this.style + "' CELLPADDING = 0px CELLSPACING = 0px><TR>" );
// L'item contient une image
if( this.image != "none" )
document.write( "<TD WIDTH = '1px'><IMG ID = 'IMG_ITEM_" + this.index + "' SRC = \"" + this.image + "\"></TD>" )
mainmenu.js// CLASSE REPRESENTANT UN ITEM D'UN MENU OU D'UN SOUS-MENU
function Item( indexItem, imageItem, texteItem, styleItem, styleOnFocus )
{
// Index unique permettant d'identifier l'item
this.index = indexItem
// Image affichée avant le texte de l'item (sans le focus)
if( imageItem.length == 0 )
this.image = "none"
else
this.image = imageItem
// Image affichée avant le texte de l'item (avec le focus)
this.imageOnFocus = "none"
// Style affecté à l'item (sans le focus)
this.style = styleItem
// Style affecté à l'item (avec le focus)
this.styleOnFocus = styleOnFocus
// Valeur indiquant si la souris est situé au-dessus de l'item
this.isFocused = false
// Texte affiché dans l'item
if( texteItem.length == 0 )
this.texte = "none"
else
this.texte = texteItem
// Nom de la fonction à appeler lors de la selection de l'item
this.functionOnClick = "none"
// URL à appeler lors de la selection de l'item
this.URLOnClick = "none"
// Nom de l'image de la flêche (sans le focus)
this.imageFleche = "none"
// Nom de l'image de la flêche (avec le focus)
this.imageFlecheOnFocus = "none"
// Instance sur le sous-menu de l'item
this.sousMenu = null
// Méthodes permettant la gestion interne de l'item
this.Draw = Item_Draw
this.MakeFocused = Item_MakeFocused
this.MakeUnfocused = Item_MakeUnfocused
// Méthodes permettant la configuration de l'item
this.MakeSubMenu = Item_MakeSubMenu
this.SetImageOnFocus = Item_SetImageOnFocus
this.SetFlecheOnFocus = Item_SetFlecheOnFocus
this.SetFunction = Item_SetFunction
this.SetURL = Item_SetURL
}
// METHODE PERMETTANT DE DESSINER L'ITEM
function Item_Draw()
{
// Crée la table représentant l'item avec le style approprié
document.write( "<TABLE ID = 'ITEM_" + this.index + "' CLASS = '" + this.style + "' CELLPADDING = 0px CELLSPACING = 0px><TR>" );
// L'item contient une image
if( this.image != "none" )
document.write( "<TD WIDTH = '1px'><IMG ID = 'IMG_ITEM_" + this.index + "' SRC = \"" + this.image + "\"></TD>" )
Menucontext.js
// VARIABLE GLOBALE À UTILISER POUR AJOUTER UN MENU CONTEXTUEL
var menuContext = new MenuContext()
// CLASSE PERMETTANT DE STOCKER ET D'ACCÉDER AUX MENUS DE LA PAGE AINSI QUE DE CHANGER LE MENU ACTIF
function MenuContext()
{
// Tableau contenant les menus de la page
this.tableauMenus = new Array
// Chaine contenant l'index du menu actif
this.indexMenuActif = 0
// Méthodes de la classe
this.Add = MenuContext_Add
this.Start = MenuContext_Start
this.ChangeMenuActif = MenuContext_ChangeMenuActif
}
// MÉTHODE PERMETTANT D'AJOUTER UN MENU À LA PAGE
function MenuContext_Add( styleMenu )
{
// Recherche le prochain emplacement libre du tableau
var indice = 0
while( this.tableauMenus[ indice ] != null )
indice ++
// Crée puis stocke le menu vide
this.tableauMenus[ indice ] = new Menu( indice, styleMenu )
style.css:
p,ul,td {
font-size : 100%;
font-family : comic sans ms, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
}
li {
font-size : 9pt;
font-family : comic sans ms, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
}
a:link{font: comic sans ms;text-decoration:none;color:black;}
a:visited{font: comic sans ms;text-decoration:none;color:black;}
a:hover{font: comic sans ms;text-decoration:underline;color:blue;}
Styles.css:
.MenuDegrade
{
width: 115px;
padding: 1px;
border: #CCCC66 0px solid;
cursor: default;
background-color: #FFFF99;
position: absolute;
}
.ItemDegrade
{
padding: 5px;
width: 115px;
font-size: 8pt;
color: white;
font-family: 'Microsoft Sans Serif';
background-color: transparent;
}
.ItemOnFocus
{
padding: 5px;
font-size: 8pt;
width: 115px;
color: white;
font-family: 'Microsoft Sans Serif';
background-color: #666666;
}
.MenuSimple
{
width: 115px;
padding: 1px;
border: #CCCC66 0px solid;
cursor: default;
background-color: #FFFF99;
position : absolute;
}
.sousmenu
{
width: 115px;
padding: 1px;
border: #CCCC66 5px solid;
cursor: default;
background-color: #FFFF99;
position : absolute;
}
.ItemSimpleTitle
{
padding-right: 5px;
padding-left: 5px;
font-size: 8pt;
width: 115px;
color: green;
padding-top: 5px;
font-family: 'Microsoft Sans Serif';
background-color: transparent;
}
.ItemSimple
{
width: 115px;
padding: 5px;
font-size: 8pt;
color: green;
font-family: 'Microsoft Sans Serif';
background-color: transparent;
}
.ItemSimpleOnFocus
{
width: 115px;
padding: 5px;
font-size: 8pt;
color: mediumspringgreen;
font-family: 'Microsoft Sans Serif';
background-color: #FFFF99;
}
.ItemWarning
{
width: 140px;
padding: 5px;
font-size: 8pt;
font-weight: bold;
color: red;
font-family: 'Microsoft Sans Serif';
background-color: transparent;
}
.ItemWarningOnFocus
{
padding-right: 5px;
padding-left: 5px;
font-weight: bold;
font-size: 8pt;
filter: progid:DXImageTransform.Microsoft.Gradient( gradientType = 1, startColorStr = #E48D3A, endColorStr = #FED781 );
padding-bottom: 5px;
width: 140px;
color: gold;
padding-top: 5px;
font-family: 'Microsoft Sans Serif';
background-color: #990000;
}
.ItemNotes
{
border: green 1px solid;
padding: 5px;
margin: 2px;
font-size: 8pt;
width: 110px;
color: green;
font-family: 'Microsoft Sans Serif';
background-color: white;
}
.MenuTransparent
{
width: 110px;
border: maroon 1px solid;
padding: 1px;
-moz-opacity: 0.75;
cursor: default;
background-color: peru;
filter: alpha( opacity = 75 );
}
.ItemTransparent
{
width: 110px;
padding: 5px;
font-size: 8pt;
color: burlywood;
font-family: 'Microsoft Sans Serif';
background-color: transparent;
}
.ItemTransparentOnFocus
{
width: 110px;
padding: 5px;
font-size: 8pt;
color: peru;
font-family: 'Microsoft Sans Serif';
background-color: maroon;
}
date.php:
<html>
<head>
</head>
<body valign=bottom>
<?
$date = date("d-m-Y");
echo "<nobr>Nous sommes le <br>".$date.".<br> Il est ";
?>
</body>
</html>
heure.js
<!--
function HeureCheckEJS()
{
krucial = new Date;
heure = krucial.getHours();
min = krucial.getMinutes();
sec = krucial.getSeconds();
if (sec < 10)
sec0 = "0";
else
sec0 = "";
if (min < 10)
min0 = "0";
else
min0 = "";
if (heure < 10)
heure0 = "0";
else
heure0 = "";
DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
which = DinaHeure
if (document.getElementById){
document.getElementById("ejs_heure").innerHTML=which;
}
setTimeout("HeureCheckEJS()", 1000)
}
window.onload = HeureCheckEJS;
-->
Voilà tous les scripts de la page en question!