188 lines
8.1 KiB
HTML
188 lines
8.1 KiB
HTML
<html>
|
||
<head>
|
||
|
||
<title>Gamme de navigation</title>
|
||
|
||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||
<link rel="stylesheet" href="/FIBEN/Ressources/CSS/Commun.css">
|
||
<link rel="stylesheet" href="/FIBEN/Ressources/CSS/Aide.css">
|
||
<style type="text/css">
|
||
|
||
a
|
||
{color: #3366CC;
|
||
text-decoration: none;}
|
||
|
||
a:hover
|
||
{color: #5F82E9;
|
||
text-decoration: underline;}
|
||
|
||
a.title
|
||
{color: #3366CC;
|
||
text-decoration: none;}
|
||
|
||
a.title:hover
|
||
{color: #3366CC;
|
||
text-decoration: none;}
|
||
|
||
.title
|
||
{position: absolute;
|
||
width: 300px;
|
||
height: 20px;
|
||
left: 10px;
|
||
z-index: 10;
|
||
font-family: arial, helvetica, sans-serif;
|
||
font-weight: bold;
|
||
font-size: 12px;
|
||
color: #0069b3;}
|
||
|
||
.submenu
|
||
{position: absolute;
|
||
left: 60px;
|
||
width: 300px;
|
||
border: ;
|
||
layer-background-color: ;
|
||
font-family: arial, helvetica, sans-serif;
|
||
font-size: 10px;
|
||
color: #0069b3;
|
||
visibility: hidden;}
|
||
</style>
|
||
|
||
<SCRIPT LANGUAGE="JavaScript">
|
||
var nummenus = 4; // Number of menus
|
||
var titlearray = new Array(); // An array for the title objects
|
||
var submenuarray = new Array(); // An array for the submenu objects
|
||
|
||
// Fills the arrays with title or subtitles and submenu objects
|
||
for (var i = 0; i < nummenus; i++) {
|
||
titlearray[i] = ('title' + i);
|
||
submenuarray[i] = ('submenu' +i);
|
||
}
|
||
|
||
// Changes image when category is clicked
|
||
function picopen(n) {
|
||
title = ('title' + n);
|
||
pic = ('pic' + n);
|
||
if (document.getElementById && !document.all) {
|
||
document.images[pic].src='/FIBEN/images/aide/ouvert.gif'; }
|
||
else if (document.all) {
|
||
document.all(pic).src='/FIBEN/images/aide/ouvert.gif'; }
|
||
}
|
||
|
||
function picclose(n) {
|
||
title = ('title' + n);
|
||
pic = ('pic' + n);
|
||
if (document.getElementById && !document.all) {
|
||
document.images[pic].src='/FIBEN/images/aide/fermer.gif'; }
|
||
else if (document.all) {
|
||
document.all(pic).src='/FIBEN/images/aide/fermer.gif'; }
|
||
}
|
||
|
||
function toggle(n,move) {
|
||
menu = ('submenu' + n);
|
||
submenu = document.getElementById(menu).style;
|
||
if (submenu.visibility == "visible") {
|
||
submenu.visibility = "hidden";
|
||
picclose(n);
|
||
for (var i = (n+1); i < nummenus; i++) {
|
||
pos = parseInt(document.getElementById(titlearray[i]).style.top);
|
||
document.getElementById(titlearray[i]).style.top = pos-move;
|
||
pos = parseInt(document.getElementById(submenuarray[i]).style.top);
|
||
document.getElementById(submenuarray[i]).style.top = pos-move; }
|
||
}
|
||
else {
|
||
submenu.visibility = "visible";
|
||
picopen(n);
|
||
for (var i = (n+1); i < nummenus; i++) {
|
||
pos = parseInt(document.getElementById(titlearray[i]).style.top);
|
||
document.getElementById(titlearray[i]).style.top = pos+move;
|
||
pos = parseInt(document.getElementById(submenuarray[i]).style.top);
|
||
document.getElementById(submenuarray[i]).style.top = pos+move; }
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0" background="/FIBEN/Images/SaaRalph/fond_page.gif">
|
||
<img src="/FIBEN/Images/Commun/shim.gif" width="670" height="18"><br>
|
||
<table width="780" cellspacing="0" cellpadding="0" height="54" border="0" background="/FIBEN/images/Commun/fond_menu.gif">
|
||
<tr align="left" valign="top">
|
||
<td><img src="/FIBEN/Images/Commun/shim.gif" width="780" height="57" usemap="#mapShim_fond" border="0">
|
||
<map name="mapShim_fond"><area shape="rect" coords="24,1,111,50"></map></td>
|
||
</tr>
|
||
</table>
|
||
<div id="navig" style="position:absolute; left:15px; top:66px; width:715px; height:20px; z-index:3; visibility: visible">
|
||
<table width="715" border="0" cellspacing="0" cellpadding="0" height="20">
|
||
<tr>
|
||
<td height="20" width="115"><img src="/FIBEN/Images/Aide/navigation.gif" width="115" height="20" name="image1" border="0"></td>
|
||
<td height="20" width="5"><img src="/FIBEN/Images/Commun/shim.gif" width="5" height="15" border="0"></td>
|
||
<td height="20" width="115"><a href="/FIBEN/Aide/Gamme/gamme_modules.htm"><img src="/FIBEN/Images/Aide/gamme_de_modules.gif" width="115" height="20" name="image2" border="0"></a></td>
|
||
<td height="20" width="5"><img src="/FIBEN/Images/Commun/shim.gif" width="5" height="15" border="0"></td>
|
||
<td height="20" width="115"><a href="/FIBEN/Aide/Lexique/aide-lexique.htm"><img src="/FIBEN/Images/Aide/lexique.gif" width="115" height="20" name="image3" border="0"></a></td>
|
||
<td height="20" width="5"><img src="/FIBEN/Images/Commun/shim.gif" width="5" height="1" border="0"></td>
|
||
<td height="20" width="115"><a href="/FIBEN/Aide/Conseils/aide-conseils.htm"><img src="/FIBEN/Images/Aide/conseils.gif" width="115" height="20" name="image4" border="0"></a></td>
|
||
<td height="20" width="5"><img src="/FIBEN/Images/Commun/shim.gif" width="5" height="1" border="0"></td>
|
||
<td height="20" width="115"> </td>
|
||
<td height="20" width="5"><img src="/FIBEN/Images/Commun/shim.gif" width="5" height="15" border="0"></td>
|
||
<td height="20" width="115"> </td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<table width="753" border="0" cellspacing="0" cellpadding="0">
|
||
<tr>
|
||
<td colspan="3" height="30"> </td>
|
||
</tr>
|
||
<tr>
|
||
<td width"15"></td>
|
||
<td width="635" class="clCouleur2">
|
||
<table width="635" border="0" cellspacing="0" cellpadding="0">
|
||
<tr>
|
||
<td align="left" valign="top" class="clCouleur1" width="620"> Aide en
|
||
ligne <br>
|
||
<img src="/FIBEN/Images/Commun/shim_bleu.gif" width="620" height="1"><br>
|
||
Navigation</td>
|
||
</tr>
|
||
</table>
|
||
<div class="title" id="title0" style="top: 150px"> <a href="#" class="title" onclick="javascript: toggle(0,60); return false" valign="center"><img src="/FIBEN/Images/Aide/fermer.gif" name="pic0" width="17" height="17" border="0">
|
||
Les pages formulaires </a> </div>
|
||
|
||
<div class="submenu" id="submenu0" style="top: 170px"> <a href="/FIBEN/Aide/Navigation/grille1.htm" target="_self" ><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">Demande
|
||
simple</font></a><br>
|
||
<a href="/FIBEN/Aide/Navigation/grille2.htm" target="_self"><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">Demande
|
||
multi-identifiants</font></a><br>
|
||
<a href="/FIBEN/Aide/Navigation/grille3.htm" target="_self" ><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">Demande
|
||
multi-modules</font></a><br>
|
||
</div>
|
||
|
||
<div class="title" id="title1" style="top: 170px"> <a href="#" class="title" onclick="javascript: toggle(1,30); return false"><img src="/FIBEN/Images/Aide/fermer.gif" name="pic1" width="17" height="17" border="0">
|
||
Les liens </a> </div>
|
||
|
||
<div class="submenu" id="submenu1" style="top: 190px"> <a href="/FIBEN/Aide/Navigation/liens.htm" target="_self"><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">Les
|
||
liens</font></a><br>
|
||
</div>
|
||
<div class="title" id="title2" style="top: 190px"> <a href="#" class="title" onclick="javascript: toggle(2,30); return false"><img src="/FIBEN/Images/Aide/fermer.gif" name="pic2" width="17" height="17" border="0">
|
||
La recherche alphab<61>tique</a> </div>
|
||
|
||
<div class="submenu" id="submenu2" style="top: 210px"> <a href="/FIBEN/Aide/Modules/M07/module.htm" target="_self"><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">La
|
||
recherche alphab<61>tique</font></a><br>
|
||
</div>
|
||
|
||
<div class="title" id="title3" style="top: 210px"> <a href="#" class="title" onclick="javascript: toggle(3,30); return false"><img src="/FIBEN/Images/Aide/fermer.gif" name="pic3" width="17" height="17" border="0">
|
||
Le service d'alerte automatique</a> </div>
|
||
|
||
<div class="submenu" id="submenu3" style="top: 230px"> <a href="/FIBEN/Aide/Navigation/grille4.htm" target="_self" ><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">Le
|
||
service d'alerte automatique</font></a><br>
|
||
<a href="/FIBEN/Aide/Navigation/grille5.htm" target="_self" ><font face="arial,helvetica,sans-serif" color="#0069b3" size="2">La
|
||
liste des suivis</font></a><br>
|
||
<br/><br/></div>
|
||
|
||
|
||
</td>
|
||
<td width="103" align="right" valign="middle"></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" align="right"> </td>
|
||
</tr>
|
||
</table>
|
||
</body>
|
||
</html>
|