Bonsoir JVG,
Voici une proposition qui correspond à votre demande, d'après ce que j'ai
compris.
1°) Remplacez la balise meta http-equiv actuelle par celle-ci :
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
2°) Tout en haut de la page, remplacez cette partie :
<style type="text/css">
body {
font-family: arial, helvetica, geneva, sans-serif;
font-size: medium;
}
</style>
par ce qui suit :
<style type="text/css">
body {
font-family: arial, helvetica, geneva, sans-serif;
font-size: medium;
}
.popper {
position : absolute;
visibility : hidden;
}
</style>
3°) Ensuite, juste en dessous de la ligne :
<body style="background-color: transparent; color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
Ajoutez ce code :
<DIV ID="topdeck" CLASS="popper"> </DIV>
<SCRIPT>
var strChUserAgent = navigator.userAgent;
var NETSCAPE7 = false;
var strChEnd = strChUserAgent.substring(strChEnd);
if(strChEnd.indexOf("Netscape/7") != -1) { NETSCAPE7 = true; }
var nav = (document.layers);
var iex = (document.getElementById);
if (NETSCAPE7!=true) {var skn = (nav) ? document.topdeck : topdeck.style;}
if (NETSCAPE7==true) {var skn=document.getElementById('topdeck').style;}
if(navigator.appName.substring(0,3) == "Net"){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = get_mouse;
function pop(msg,bak) {
if (NETSCAPE7!=true) {
var content ="<TABLE WIDTH=90 BORDER=0 CELLPADDING=2 CELLSPACING=0
BGCOLOR=#000080><TR><TD><TABLE
WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT
COLOR=#FFFFFF SIZE=2><B>Pinyin
:</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0
CELLPADDING=2 CELLSPACING=0
BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000
SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>";
}
else {
var content ="<TABLE WIDTH=90 BORDER=0 CELLPADDING=2 CELLSPACING=0
BGCOLOR=#000080><TR><TD><TABLE
WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT
COLOR=#FFFFFF SIZE=2><B>Pinyin
:</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0
CELLPADDING=2 CELLSPACING=0
BGCOLOR="+bak+"><TR><TD><FONT COLOR=#FFFFFF
SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>";
}
if (NETSCAPE7==true) {
document.getElementById('topdeck').innerHTML = content;
document.getElementById('topdeck').style.visibility = "visible";
}
if (nav) {
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
if (iex)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
if ((iex)&&(navigator.appName.substring(0,3) != "Net")) {
var x = event.x+document.body.scrollLeft;
var y = event.y+document.body.scrollTop; }
if ((iex)&&(navigator.appName.substring(0,3) == "Net")) {
var x = e.pageX ;
var y = e.pageY ; }
skn.left = x -60;
skn.top = y-60;
}
function kill()
{
skn.visibility = "hidden";
}
</SCRIPT>
4°) Enfin, intégrez la transcription en pinyin pour le caractère 八 ba1 en
remplaçant cette partie :
<a title="lien" href="specificlefs.htm#" target="blank">八</a><span
style="font-weight: bold;"> (huit) est tout sauf évident !
par celle-ci :
<a title="lien" href="specificlefs.htm#" target="blank"
onmouseover="pop('bā','FFFF00')"; onmouseout="kill()" ; >八</a><span
style="font-weight: bold;"> (huit) est tout sauf évident !
Une fois que vous savez le faire pour ce caractère, vous pouvez faire de
même pour les autres, en ajoutant
onmouseover="pop('pinyin','FFFF00')"; onmouseout="kill()" ;
à l'intérieur de chacune des balises <a> des caractères concernés.
Voici le détail de la fonction pop() :
pop('pinyin','couleur_de_fond').
Pour chaque caractère remplacez 'pinyin' par la transcription correspondante
entre apostrophes et entrez le code couleur que vous désirez pour la couleur
de fond. également entre apostrophes. Dans l'exemple, j'ai mis 'FFFF00' qui
est le jaune vif, mais vous pouvez choisir n'importe quelle couleur.
Ce code fonctionne (au moins) sur IE7, NS7 et FF2. (Il est à noter que sur
Netscape7, le texte apparaît en blanc sur fond bleu.)
Bien cordialement,
Jeannielle
Post by JV GruatEn trafiquant un peu au hasard de
http://www.jvgruat.com/Chine/specificlefs.htm , je me suis dit que ce
serait bien que de pouvoir afficher le pinyin lorsque l'on passe la
souris sur un spécificatif. L'ennui, c'est que la balise "title" est
positionnée sur "lien" et que cette mention est une clef pour le
fonctionnement du javascript permettant la génération de lien.
Quelqu'un(e) aurait-il une idée de comment faire - modifier le
javascript, utiliser autre chose que title, ajouter un 2ème title ?
Merci d'avance !
JVG