affichage au survol

Marsh Posté le 09-08-2005 à 12:10:07

Bonjour à tous :hello:

J'ai fais une petite fonction qui permet d'afficher une div quand on survol un lien (oui je sais c'est pas franchement innovateur), mais je cherche à faire quelque chose de generique mais apparement il y a quelque soucis !
Il me mets une erreur javascript, apparement il veut pas de mon nom en parametre, quelqu'un saurait il m'aiguiller ?? Merci

Code :

<script>
function affiche(nom)
{
document.getElementById("nom" ).style.visibility="visible";
move(nom);
}
function desaffiche(nom)
{
document.getElementById("nom" ).style.visibility="hidden";
}
function move(nom)
{
document.onmousemove=move;
document.getElementById("nom" ).style.left = (event.clientX)+10;
document.getElementById("nom" ).style.top = (event.clientY)+10;
}
</script>
<body bgcolor="#FFFFFF">
<DIV id='moncalque1' style='position:absolute;visibility:hidden;background-color:yellow'>Ceci est un calque <br><br><br><br>finfin</DIV>
<a id=lien href="javascript:j'apprend le javascript :);"
onMouseOver="affiche(moncalque1);" onmouseout=desaffiche(moncalque1); ;
> fonctionne num3!!!</a>

[edit]erreur : il me dit qu'un objet est attendu !!!

Message édité par kenji_lol le 09-08-2005 à 12:26:55

Reply

Marsh Posté le 09-08-2005 à 12:10:07

Reply

Marsh Posté le 09-08-2005 à 12:20:52

ya surtout une grosse erreur de comprehension

quand tu appel ta fonction c'est une string que tu lui passe affiche('moncalque1')

et dans la fonction c'est une variable que tu gère pas une string
document.getElementById(nom).

Message édité par gatsusat le 09-08-2005 à 12:21:53

Reply

Marsh Posté le 09-08-2005 à 12:23:36

oui j'ai essayer en enlevant les guillemet mais fonctionne pas non plus
désolé j'aurai pas du les mettre mais meme sans cela ne change pas le pb

Message édité par kenji_lol le 09-08-2005 à 12:26:40

Reply

Marsh Posté le 09-08-2005 à 12:28:00

oué mais de toute facon ton code est bancale là.

change TOUT comme je t'ai DIT et recolle le nouveau code ici, on va pas le faire à ta place

Reply

Marsh Posté le 09-08-2005 à 12:35:11

voila sinon explique mes erreurs ??Merci

Code :

<script>
function affiche(nom)
{
document.getElementById(nom).style.visibility="visible";
move(nom);
}
function desaffiche(nom)
{
document.getElementById(nom).style.visibility="hidden";
}
function move(nom)
{
document.onmousemove=move;
document.getElementById(nom).style.left = (event.clientX)+10;
document.getElementById(nom).style.top = (event.clientY)+10;
}
</script>

Message édité par kenji_lol le 09-08-2005 à 12:36:48

Reply

Marsh Posté le 09-08-2005 à 12:37:24

tiens moi sa marche...lol

Code :

<script>
function affiche(nom)
{
document.getElementById(nom).style.visibility="visible";
move(nom);
}
function desaffiche(nom)
{
document.getElementById(nom).style.visibility="hidden";
}
function move(nom)
{
// document.onmousemove=move;
document.getElementById(nom).style.left = (event.clientX)+10;
document.getElementById(nom).style.top = (event.clientY)+10;
}
</script>
<body bgcolor="#FFFFFF">
<DIV id='moncalque1' style='position:absolute;visibility:hidden;background-color:yellow'>Ceci est un calque <br><br><br><br>finfin</DIV>
<a id=lien href="javascript:j'apprend le javascript :);"
onMouseOver="affiche('moncalque1');" onmouseout="desaffiche('moncalque1');"> fonctionne num3!!!</a>

Mais comme le dis Gatsu, reprend tous, car sous FF
sa marche pas...

++

Reply

Marsh Posté le 09-08-2005 à 12:45:40

:non: ah oui mais non car quand tu te balade sur le lien le calque doit suivre la souris !!

et oui je sais cela fonctionne seulement sous IE mais pour l'instant je m'oriente la dessus et essaie de comprendre le javascript
ensuite je developpe autour

Reply

Marsh Posté le 09-08-2005 à 13:03:47

[hors sujet]Pour le bien de xtof_83 on dit ca et non pas sa. Puiske t'as du mal utilise au moins ce "truc" : tu peux remplacer 'ca' par 'cela' et 'sa' par 'la sienne'. Bref j'ai en ma claque de voir cette faute de ta part a tous tes posts.[/hors sujet]

Reply

Marsh Posté le 09-08-2005 à 14:00:06

euh....
cela n'avance pas mon problème

Reply

Marsh Posté le 09-08-2005 à 14:25:19

et pourquoi pas un peu de css...

<html>
<head>
<title>Un peu de css</title>
<style>
a
{
display: block;
}
a:hover
{
background: none; /* correction d'un bug d'IE */
}
a span
{
display: none
}
a:hover span
{
display: block;
height: 100;
width: 200;
color: #000000;
text-decoration: none;
background: #cccccc;
position: absolute;
top: 100px;
left: 100px;
}
</style>
</head>
<body>
<a href="#">survol<span>ce cadre est affiché au survol</span></a>
</body>
</html>

Reply

Marsh Posté le 09-08-2005 à 14:25:19

Reply

Marsh Posté le 09-08-2005 à 15:14:03

afbilou a écrit :

[hors sujet]Pour le bien de xtof_83 on dit ca et non pas sa. Puiske t'as du mal utilise au moins ce "truc" : tu peux remplacer 'ca' par 'cela' et 'sa' par 'la sienne'. Bref j'ai en ma claque de voir cette faute de ta part a tous tes posts.[/hors sujet]

Ouaip, ben désolé, pas doué en francais, vais aller voir du coté des régles de grammaire du forum, pour apprendre la régle.

Merci de le dire si posemment... :lol:

Reply

Marsh Posté le 09-08-2005 à 15:21:17

laisse tombé c'est pas grave !!
Merci quand même

Message édité par kenji_lol le 09-08-2005 à 15:21:31

Reply

Marsh Posté le 09-08-2005 à 15:22:48

Ben si, car je suis, de plus conscient de ce probléme, mais sans régle en tête, j'y arrive pas...

Confiance...

Reply

affichage au survol

Sujets relatifs:

Leave a Replay