Afficher un contenu dans un position précis [Fermé]

Signaler
Messages postés
28
Date d'inscription
vendredi 9 mai 2014
Statut
Membre
Dernière intervention
11 septembre 2015
-
Messages postés
28
Date d'inscription
vendredi 9 mai 2014
Statut
Membre
Dernière intervention
11 septembre 2015
-
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

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
635
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>
Messages postés
28
Date d'inscription
vendredi 9 mai 2014
Statut
Membre
Dernière intervention
11 septembre 2015

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
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
635
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.
Messages postés
28
Date d'inscription
vendredi 9 mai 2014
Statut
Membre
Dernière intervention
11 septembre 2015

Merci Beaucoup animostab :)