Afficher un message au chargement de la page
Résolu
or3li3n
Messages postés
212
Statut
Membre
-
or3li3n Messages postés 212 Statut Membre -
or3li3n Messages postés 212 Statut Membre -
Bonjour,
Désolé de poster un message sur forum dont j'ai déjà la solution mais cette solution pourra en intéresser plus d'un.
Je souhaitais afficher un message d'attente (à l'aide de JavaScript) lors du chargement d'une page.
Après quelques essais, voici le résultat:
<script type="text/javascript" >
$('body').css("margin-top","-1000000px");
$('body').prepend("<div id='wait' style='position:absolute;width:220px;top:40%;left:40%;text-align:center;font-weight:bold;' >Chargement en cours . . .<br/><img src='./img/chargement.gif' ></img></div>");
function body_ready(){$('body').css('margin-top','');$('#wait').css('display','none');}
$(document).ready(function(){body_ready();});
</script>
EXPLICATIONS:
Le <body> sera envoyé à 1000000px vers le haut (permettant de le rendre non visible)
On y ajoute un <div> qui sera affiché à la place de votre <body>.
Une fois votre page chargée complétement,le <div> disparait pour laisser place à votre page.
De plus ce code ne demande aucune modification dans votre page,juste l'ajout de ce bout code de JavaScript JUSTE APRES LA BALISE <BODY>.
EXEMPLE:
<body>
<script type="text/javascript" >
$('body').css("margin-top","-1000000px");
$('body').prepend("<div id='wait' style='position:absolute;width:220px;top:40%;left:40%;text-align:center;font-weight:bold;' >Chargement en cours . . .<br/><img src='./img/chargement.gif' ></img></div>");
function body_ready(){$('body').css('margin-top','');$('#wait').css('display','none');}
$(document).ready(function(){body_ready();});
</script>
"LE RESTE DE VOTRE CODE"
Google is our Friend !
Désolé de poster un message sur forum dont j'ai déjà la solution mais cette solution pourra en intéresser plus d'un.
Je souhaitais afficher un message d'attente (à l'aide de JavaScript) lors du chargement d'une page.
Après quelques essais, voici le résultat:
<script type="text/javascript" >
$('body').css("margin-top","-1000000px");
$('body').prepend("<div id='wait' style='position:absolute;width:220px;top:40%;left:40%;text-align:center;font-weight:bold;' >Chargement en cours . . .<br/><img src='./img/chargement.gif' ></img></div>");
function body_ready(){$('body').css('margin-top','');$('#wait').css('display','none');}
$(document).ready(function(){body_ready();});
</script>
EXPLICATIONS:
Le <body> sera envoyé à 1000000px vers le haut (permettant de le rendre non visible)
On y ajoute un <div> qui sera affiché à la place de votre <body>.
Une fois votre page chargée complétement,le <div> disparait pour laisser place à votre page.
De plus ce code ne demande aucune modification dans votre page,juste l'ajout de ce bout code de JavaScript JUSTE APRES LA BALISE <BODY>.
EXEMPLE:
<body>
<script type="text/javascript" >
$('body').css("margin-top","-1000000px");
$('body').prepend("<div id='wait' style='position:absolute;width:220px;top:40%;left:40%;text-align:center;font-weight:bold;' >Chargement en cours . . .<br/><img src='./img/chargement.gif' ></img></div>");
function body_ready(){$('body').css('margin-top','');$('#wait').css('display','none');}
$(document).ready(function(){body_ready();});
</script>
"LE RESTE DE VOTRE CODE"
Google is our Friend !
A voir également:
- Afficher un message au chargement de la page
- Impossible de supprimer une page word - Guide
- Comment recuperer un message supprimé sur whatsapp - Guide
- Epingler un message whatsapp - Accueil - Messagerie instantanée
- Message supprimé whatsapp - Guide
- Message absence thunderbird - Guide