Afficher un contenu dans un position précis
mohiano
Messages postés
28
Date d'inscription
Statut
Membre
Dernière intervention
-
mohiano Messages postés 28 Date d'inscription Statut Membre Dernière intervention -
mohiano Messages postés 28 Date d'inscription Statut Membre Dernière intervention -
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:
- Afficher un contenu dans un position précis
- Position dans google - Guide
- Afficher appdata - Guide
- Suivi position google - Guide
- Afficher le 0 devant un nombre dans excel - Guide
- Afficher calendrier outlook dans google agenda - Guide
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>
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
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.
<!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.