Afficher javascript à la fin du chargement
Fermé
piloupliou
-
3 août 2011 à 16:33
mpmp93 Messages postés 6651 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 4 août 2011 à 09:54
mpmp93 Messages postés 6651 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 4 août 2011 à 09:54
A voir également:
- Afficher javascript à la fin du chargement
- Telecharger javascript - Télécharger - Langages
- Le fichier contient un programme écrit en python. le programme construit un mot secret mais il ne l'affiche pas. modifiez ce programme afin que à chaque itération de la boucle : la variable a augmente de 2 la variable b diminue de 1 ajoutez une instruction pour faire afficher le mot secret construit. quel est ce mot secret ? ✓ - Forum Python
- Chambre 1408 explication fin - Forum Cinéma / Télé
- Javascript round ✓ - Forum Javascript
- Afficher un tableau en c - Forum C
3 réponses
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
200
3 août 2011 à 16:57
3 août 2011 à 16:57
Il faut gérer ça avec les événements liés au DOM dans Javascript.
Exemple d'un fonction liée au cahrgement du DOM avec le framework JQuery, la fonction ready() : https://api.jquery.com/ready/
Exemple d'un fonction liée au cahrgement du DOM avec le framework JQuery, la fonction ready() : https://api.jquery.com/ready/
Hello
Une piste ici : http://api.jquery.com/ready/ et ici http://mootools.net/docs/core/Utilities/DOMReady
Mootools est plus propre, mais moins tenu à jour.
tu dl par exemple Mootools, tu inclus mootools dans ta page, puis tu mets en bas de page :
Bon courage :]
Une piste ici : http://api.jquery.com/ready/ et ici http://mootools.net/docs/core/Utilities/DOMReady
Mootools est plus propre, mais moins tenu à jour.
tu dl par exemple Mootools, tu inclus mootools dans ta page, puis tu mets en bas de page :
window.addEvent('domready', function() {
// ton code ici
});
Bon courage :]
mpmp93
Messages postés
6651
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 331
4 août 2011 à 09:54
4 août 2011 à 09:54
Bonjour,
C'est très simple. Il faut construire sa page avec des blocs css en positionnement absolu. Le bloc contenant votre pub sera donc positionné en absolu là où vous voulez. Exemple:
<header>...tête de page</header>
<article>...corps de page...</article>
<footer>...pied de page...</footer>
votre pub est dans un bloc aside
<aside>...votre pub...</aside>
Chaque bloc header article footer sont positionnés en absolu dans ce style:
Ici c'est le second aside qui va se positionner sous le premier aside en positionnement absolu. Exemple de site où ceci fonctionne très bien:
https://html5.immo-scope.com/article/
Et si vous invoquez le second aside en fin de page HTML, il ira bien se mettre là où il faut.
A+
C'est très simple. Il faut construire sa page avec des blocs css en positionnement absolu. Le bloc contenant votre pub sera donc positionné en absolu là où vous voulez. Exemple:
<header>...tête de page</header>
<article>...corps de page...</article>
<footer>...pied de page...</footer>
votre pub est dans un bloc aside
<aside>...votre pub...</aside>
Chaque bloc header article footer sont positionnés en absolu dans ce style:
article, aside, header, footer, nav {
display: block;
}
body header {
position: absolute;
top: 0px;
left: 240px;
width: 800px;
height: 200px;
background-image: url('../images/fondEnTetePage.png');
background-repeat: no-repeat;
background-position: left;
}
article {
position: absolute;
top: 200px;
left: 240px;
width: 800px;
padding-bottom: 40px;
}
body aside {
position: absolute;
top: 0px;
left: 0px;
padding: 4px;
width: 232px;
min-height: 192px;
background-color: #e1d791;
font-weight: bold;
color: black;
}
body aside + aside { /* second ASIDE dans BODY réservé aux inserts publicitaires */
position: absolute;
top: 242px;
left: 0px;
width: 232px;
background-color: white;
text-align: center;
}
Ici c'est le second aside qui va se positionner sous le premier aside en positionnement absolu. Exemple de site où ceci fonctionne très bien:
https://html5.immo-scope.com/article/
Et si vous invoquez le second aside en fin de page HTML, il ira bien se mettre là où il faut.
A+