Bonjour a tous,
Voila j'ai un stress j'ai trouve un script qui affiche un formulaire tout simple en html ! si je mets le focus ds un champ et que je clique sur le boutton aide il doit m'affiche une auter page avec l'aide concernant le type de donnees a rentrer POUR ce champ ! etc .... pour les autres balises !
j'ai lance le fichier index .htm je mets le focus sur le 1er champ je clique ca marche ca m'affiche bien l'ancre 1 !
si je mets le focus sur un second champ => ca ne va plus il m"'affiche toujours l'aide pour le 1er champ !
si quelqu'un a une idée de ce qui ne va pas ! j'ai regarde pour voir si les encres etaient correcte => pour moi oui ! je ne vois pas ce qui se passe !
je suis sous win xp et ie 6!
Je vous remercie
christophe
Voici le script en details
--------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE> Test aide en ligne </TITLE>
<script>
var fenetreHelp;
function creerFenetreHelp() {
fenetreHelp = window.open (
"aide.htm",
"fenetreHelp",
"width=500, height=150, location=no,toolbar=no,scrollbars=yes, resizable=yes,directories=no,status=no");
}
function helpOuPas(){
//tester si la fenetre est presente
// on teste si la fenetre n'a jamais existe ou si elle a ete fermee
if ((typeof(fenetreHelp)=="undefined") || (fenetreHelp.closed==true) ) {
// la fenetre est absente : on l'ouvre
creerFenetreHelp();
} else {
// la fenetre est presente : on la ferme
fenetreHelp.close();
}
}
function help (url) {
if (typeof(fenetreHelp)=="undefined")
return;
else if (fenetreHelp.closed==true)
return;
var urlHelp = "aide.html#" + url;
fenetreHelp.location.replace(urlHelp);
}
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<!-- on utilise des liens pour ouvir OU fermer-->
<a href=javascript:creerFenetreHelp()>Ouvrir l'aide</a>
<a href=javascript:fenetreHelp.close()>Fermer l'aide</a>
<p>
<!-- on utlise un seul bouton pour ouvrir ET fermer -->
<form><input type="button" value="aide" onClick=helpOuPas()></form>
<font size=+2>1</font> <input name="sujet1" onFocus=help("sujet1")>
<font size=+2>1</font> <input name="sujet2" onFocus=help("sujet2")>
<font size=+2>2</font>
<select name="sujet2" onFocus=help("sujet2") onChange=help("sujet2")>
<option>Samedi</option>
<option>Dimanche</option>
<option>...</option>
</select>
<font size=+2>3</font> <a href=# onMouseOver=help("sujet3")>un lien ...
</form>
</BODY>
</HTML>
et le fichier qui est cense ouvrir l'aide en ligne :
-------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE> Aide en Ligne </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<font size=+2>AIDE</font> <a href=javascript:this.print()>Imprimer l'aide</a><p>
<i>Cette aide est contextuelle ; dès qu'elle est déclenchée, chaque action dans le formulaire positionnera l'aide au bon endroit. Cette fenétre peut être aussi lue comme un texte d'aide standard</i><br>
............<br>
............<br>
<hr>
<p>
<table bgcolor="#d3dce3"><tr><td>
<a name=sujet1><font size=+1>Sujet 1</font></a><p>
On va décrire ici le premier sujet de l'aide en ligne. Ceci prendra quelques lignes. On pourra mettre des images, des copies d'écran, des tableaux, etc.<br>
............<br>
............<br>
<tr></td></table>
<hr><p>
<table bgcolor="f5f5f5"><tr><td>
<a name=sujet2><font size=+1>Sujet 2</font></a><p>
Ici on va trouver le second sujet de l'aide en ligne. Ceci prendra aussi quelques lignes. On peut alterner la couleur des sujets pour une meilleure lisisblité<br>
............<br>
............<br>
<tr><td></table>
<hr><p>
<table bgcolor="#d3dce3"><tr><td>
<a name=sujet3><font size=+1>Sujet 3</font></a><p>
Ici on va trouver le troisième sujet de l'aide en ligne. Elle intervient sur un simple survol du lien par la souris, mais on aurait pu préférer l'événement <i>onClick</i> ...<br>
............<br>
............<br>
<tr><td></table>
<hr><p>
</BODY>
</HTML>