Afficher un contenu dans un position précis

Fermé
mohiano Messages postés 28 Date d'inscription vendredi 9 mai 2014 Statut Membre Dernière intervention 11 septembre 2015 - 8 juil. 2014 à 13:24
mohiano Messages postés 28 Date d'inscription vendredi 9 mai 2014 Statut Membre Dernière intervention 11 septembre 2015 - 10 juil. 2014 à 13:21
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

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
9 juil. 2014 à 03:01
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 28 Date d'inscription vendredi 9 mai 2014 Statut Membre Dernière intervention 11 septembre 2015
9 juil. 2014 à 12:39
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 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 10/07/2014 à 03:56
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 28 Date d'inscription vendredi 9 mai 2014 Statut Membre Dernière intervention 11 septembre 2015
10 juil. 2014 à 13:21
Merci Beaucoup animostab :)
0