begin process at 2012 05 29 05:03:39
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Déplacement d'un calque


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Déplacement d'un calque

vendredi 5 mai 2006 à 23:22:11 | Déplacement d'un calque

Tilix

alut,

j'ai trouvé ce script, permettant d'affiché un calque css quand la souris se trouve sur le lien

Code : CSS

<!--
a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a:hover {
background: none; /* correction d'un bug IE */
}
a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 35px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 40px;
width: 350px;
height: 150px;
background: #274861;
border: solid #46739f 1px;
color: white;
}
-->


Code : HTML

<body>
<a href="">Affichage du calque 1
<span>Contenu du calque 1...</span>
</a><br>

<a href="">Affichage du calque 2
<span>Contenu du calque 2...</span>
</a><br>

</body>


Mais ce calque est fixé à une position précise...
Je voudrais savoir s'il était possible d'afficher le calque en dessous du curseur de la souris étant donné qu'il y'a plusieurs liens.. ?

Merci

Tilix.
mardi 9 mai 2006 à 23:37:02 | Re : Déplacement d'un calque

Hermios

J'avoue ne pas très bien connaitre le css, donc ce qui me manque, en l'occurence, c'est le nom de ton calque. Pour ça, faudra te renseigner, ici, je te propose de l'appeler.. Brigitte
et maintenant, du javascript!!!
function changercalque()
{
document.getElementById("brigitte").style.posLeft=event.x+document.body.scrollLeft;
document.getElementById("brigitte").style.posTop=event.y+document.body.scrollTop;
}
document.onmousemove = changercalque;
Et voià!!


Cette discussion est classée dans : déplacement, calque, css, définition, none


Répondre à ce message

Sujets en rapport avec ce message

scroll et calque [ par zorro699 ] ???Ci dessous un scripte qui permet de scroller un calque et qui fonctionne correctement.Seulement j'aimerai utilisé ce script pour d'autres calques.j Cacher une class (css) avec prototype? [ par rebelor91 ] Bonjour j'ai un DIV à l'interieur de celui ci deux IMG, ces deux images sont superposées et je souhaite pouvoir cacher la deuxième image qui a une cla Déplacement d'un calque. [ par LocalStone ] Salut ! Et bien voilà, je cherche à deplacer un calque (DIV) sur l'écran (comme une simple fenetre) avec le curseur de la souris, mais je n'y arrive Récupérer la valeur d'un calque [ par senechjf ] Bonjour, J'ai un formulaire avec un textaera. Pour avoir un minimum de mise en page, j'ai piqué le javascript de yahoo.fr, lorsqu'on écrit en mail. Je probleme de calque [ par eka ] Bonjour,j'ai un petit problème concernant le menu contextuel de dreamweaver, lorsque je clique sur le menu et s'il y a derière ce menu une liste dérou function afficher(calque) [ par biloui59 ] Salut tt le mondeje ne comprends pas pourquoi la fonction suivante ne marche pas:function afficher(calque) { for(i=1;i nom=calque"+i+"; document.get Mozilla et position d'un <div> [ par philagui ] Bonjour,Voila j'utilise le script suivant pour positionner et afficher quelque chose sur une page:function show(calque, id) { document.getElementById( iframe et css [ par kaskran ] Est ce que l'on peut inserer ( et donc utiliser) une feuille de style dans une IFrame ????car la j'ai un soucis explorer ne veut pas l'utiliser mon st Centrer un calque !?! [ par Phy ] Je n'arrive pas à centrer mes calques "balise " dans ma page. Lors de la redimension de la fenêtre du navigateur le calques n'est plus centré !!!!!!!! Calque sur une application en Flash [ par didwee ] Bonjour, à tous et à toutes GRAPHISTE QUI DEMANDE AIDE... j'ai un petit problème de calque (java) qui s'affiche en dessous d'une application Flash, ..


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales