|
| gilwro |  Posté le 28/08/2007 @ 23:32 |
Petit astucien
26 Messages
| Bonjour J'ai fait une page avec beaucoup de nom ( il s'agit d'un arbre généalogique ) je voudrais que lorsque je place le curseur sur un nom que sa photo s'affiche en petit format. J'ai trouvé des java script mais c trop compliqué. Je travaille sur frontapge je cherche quelque chose de simple a utiliser. Merci de votre aide Visitez mon site http://perso.orange.fr/record-absolu/index.htm |
| |
| |
| Publicité |
|
|
| elle | Posté le 28/08/2007 à 23:38 |
 Maîtresse astucienne
15897 Messages
| |
| |
|
| nidan55 | Posté le 29/08/2007 à 22:09 |
Petit astucien
468 Messages
| |
| |
|
| gilwro | Posté le 29/08/2007 à 22:39 |
Petit astucien
26 Messages
| Hello Merci ' Elle ' pour ton aide, mais ça ne marche pas, je pense que je comprend pas comment faire. Je sais aussi que frontpage est pas tjs compatible avec tout et moi sorti des codes courants en HTML le reste me dépasse. Quant a Nidan tu as l'air de mieux maitriser puisque le lien que tu m'as donné je n'arrive pas non plus a utiliser. Mais pas grave merci en tout cas. Bye bye |
| |
|
| nidan55 | Posté le 29/08/2007 à 22:52 |
Petit astucien
468 Messages
| Heu là je comprends pas pourquoi tu n'arrives pas. Colle ca dans ta page entre <body> et </body>
Et change le lien vers ton image, là ou c'est indiqué. <style type="text/css">
.popperlink { POSITION: absolute; VISIBILITY: hidden }
</style>
<DIV class=popperlink id=topdecklink></DIV>
<SCRIPT language="JavaScript">
domok = document.getElementById;
if (domok)
{
skn = document.getElementById("topdecklink").style;
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
}
function poplink(msg)
{
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=1><TR><TD BGCOLOR=#FFFFFF><FONT COLOR=#000000 SIZE=2 face='Verdana'><CENTER><img src='../***.jpg' border='0'></CENTER></TD></TR></TABLE></TD></TR></TABLE>"; // change ici le lien vers l'image
if (domok)
{
document.getElementById("topdecklink").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}
function killlink()
{
if (domok)
skn.visibility = "hidden";
}
</SCRIPT> Et ca c'est la ligne qui contient le texte qui te mettra ton image quand tu vas la survoler. <A onMouseOver="poplink();" onmouseout="killlink()" href="ici_mon_lien.com">cliquez ici</a> |
| |
|
| gilwro | Posté le 29/08/2007 à 23:07 |
Petit astucien
26 Messages
| Merci de ton aide Nidan, mais je prend pourquoi ca marche, j'avais pas fait attention mais c vrai le copié collé donne pas la meme chose. Regarde le resultat c trop long a faire la modif a la main. C pas grave de toute maniere meme si ca marchait sur la page ou je voulais faire ca il y a une cinquaine de nom ou je veux faire apparaitre la photo ca demanderai 200 pages d'ecritures Bye bye et encore merci <SPAN><style type="text/css"><BR>.popperlink { POSITION: absolute;
VISIBILITY: hidden }<BR></style><BR><DIV class=popperlink
id=topdecklink></DIV><BR><SCRIPT language="JavaScript"><BR>domok
= document.getElementById;<BR>if (domok)<BR>{<BR>skn =
document.getElementById("topdecklink").style;<BR>if(navigator.appName.substring(0,3)
== "Net")<BR>document.captureEvents(Event.MOUSEMOVE);<BR>document.onmousemove =
get_mouse;<BR>}<BR><BR>function poplink(msg)<BR>{<BR><BR>var content ="<TABLE
BORDER=0 CELLPADDING=0 CELLSPACING=0
BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0
CELLPADDING=2 CELLSPACING=1><TR><TD BGCOLOR=#FFFFFF><FONT
COLOR=#000000 SIZE=2 face='Verdana'><CENTER><img src='<A
href="images/smile_chinois.gif%27" target=_blank>../***.jpg'</A>
border='0'></CENTER></TD></TR></TABLE></TD></TR></TABLE>";
// change ici le lien vers l'image<BR><BR>if
(domok)<BR>{<BR>document.getElementById("topdecklink").innerHTML =
content;<BR>skn.visibility = "visible";<BR>}<BR>}<BR><BR>function
get_mouse(e)<BR>{<BR>var x = (navigator.appName.substring(0,3) == "Net") ?
e.pageX : event.x+document.body.scrollLeft;<BR>var y =
(navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;<BR>skn.left = x - 60;<BR>skn.top =
y+20;<BR>}<BR><BR>function killlink()<BR>{<BR>if (domok)<BR>skn.visibility =
"hidden";<BR>}<BR><BR></SCRIPT></SPAN> |
| |
|
|
| Haut de la page |
aide pour une photo au passage du curseur
Regarde ici : 
