Afficher un contenu dans un position précis
mohiano
Messages postés
39
Statut
Membre
-
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 ??
4 réponses
-
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>
-
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
-
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. -
