affichage au survol

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : affichage au survol

kenji_lol

Pas de bras pas de chocolat !!

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

Publicité

gatsusat

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

kenji_lol

Pas de bras pas de chocolat !!

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

gatsusat

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

kenji_lol

Pas de bras pas de chocolat !!

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

xtof_83

Freeride Spirit

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...

++

kenji_lol

Pas de bras pas de chocolat !!

: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

afbilou

pouet your life

[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]

kenji_lol

Pas de bras pas de chocolat !!

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

the-penguin

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>

Publicité

xtof_83

Freeride Spirit

afbilou a écrit :

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:

kenji_lol

Pas de bras pas de chocolat !!

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

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

xtof_83

Freeride Spirit

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

Confiance...

FORUM HardWare.fr

Programmation

HTML/CSS

affichage au survol

Sujets relatifs
affichage du path pour les messages de sortie en XSL	Affichage d'une page au ralenti
[RSS/PHP/lycos]problemes d'affichage de news sur un site	GridView (dataGrid) et affichage des données
Pb d'affichage [Résolu]	Namo WebEditor 6: affichage de légendes photos
[VC++][MFC] Fichier/Affichage (pour débutants)	[fonction recursive]affichage de contenu d'un dossier en ascii
[CSS] affichage d'une image au survol d'un texte	affichage d'une fenetre au survol de la souris
Plus de sujets relatifs à : affichage au survol

Page générée en 0.097 secondes