Afficher un contenu dans un position précis

mohiano Messages postés 39 Statut Membre -  
mohiano Messages postés 39 Statut Membre -
Bonjour tout le monde après avoir la position d'une élément HTML je veux afficher un contenu dans cette position à l'aide de java-script comment ça marche ??
A voir également:

4 réponses

animostab Messages postés 3003 Statut Membre 738
 
Salut

par exemple tu as ca en html

<div id="madiv"></div>

pour rajouter un contenu dans cette div en javascript

<script>
getElementById("madiv").innerHTML = "<p>le contenu à rajouter</p>";
</script>
0
mohiano Messages postés 39 Statut Membre
 
oui je suis d'accord avec toi mais je veux afficher le contenu lorsque le curseur arrive au milieu de la page comme l'exemple d'un bouton qui redirige à top de page
0
animostab Messages postés 3003 Statut Membre 738
 
voila la solution en jquery

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>mousemove</title>
<style>
#madiv {
position:fixed;
top:0;
left:0;
height:auto;
margin:20px 10%;
border:1px solid red;
padding:20px;
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(document).mousemove(function(event) {
var pageCoords = event.clientY;
var hauteur = $(window).height();
var hauteur = hauteur / 2 ;
if ( pageCoords >= hauteur ) {
$("#madiv").css ( "display","block" );}
else {
$("#madiv").css ( "display","none" );}
})
</script>
</head>
<body>
<div id="madiv">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in</p>
</div>

</body>
</html>
--
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0
mohiano Messages postés 39 Statut Membre
 
Merci Beaucoup animostab :)
0