Trucsweb.com

Trucsweb.com

Javascript

Les fenêtres ou l’objet WINDOW

RDFFav

PopUp automatique généré - Avec l’événement onLoad

Ce script permet d’ouvrir une fenêtre de type PopUp automatiquement après le chargement d’une page HTML et selon un nombre de secondes prédéterminé. Idéale pour afficher une bannière publicitaire comme chez Multimania par exemple… Le principe consiste à utiliser l’événement onLoad qui indique quand la page a été chargée.objets window popup automatique fenêtres open url onload message bienvenue avertissement publicité réclame body générer page javascript codePopUp automatique généré - Avec l’événement onLoad

  • · Niveau : DÉBUTANT
  • · Compatibilité : Javascript 1.0

Ce script permet d’ouvrir une fenêtre de type PopUp automatiquement après le chargement d’une page HTML et selon un nombre de secondes prédéterminé. Idéale pour afficher une bannière publicitaire comme chez Multimania par exemple…

Le principe consiste à utiliser l’événement onLoad qui indique quand la page a été chargée. Une fois l’événement détecté, nous exécutons la fonction PopUp qui affiche le PopUp. La différence avec le PopUp simple est que cette version génère la page affichée dans le PopUp. Un peu plus compliqué à modifier mais vous n’avez pas besoin d’une autre page HTML.

Très intéressant, ce code ouvre normalement le PopUp pub avec la méthode OPEN. Ensuite avec pub.document.write (écrire dans le document de l’objet pub, donc le PopUp) vous générer la page HTML Le header, le body et pourquoi pas le script pour fermer le PopUp.

Le code peut-être transformé en page de sortie simplement en changent l’événement du BODY onLoad par onUnload.

Vous pouvez déterminer la grandeur et quelques propriétés du PopUp en modifiant le code en bleu. Vous pouvez aussi modifier la page générée…

Très intéressant, ce code génère la page après l’avoir créé à partir du nouvel objet créé (oNeoPop). Exemple : oNeoPop.document.write(chaîne de caractères HTML). Puisqu’il s’agit de HTML, le script génère déjà les balises opbligatoires de structure (html, head, body) ainsi qu’un hyperlien pour fermer la fenêtre. Il ne reste qu’à passer le texte et le titre du « PopUp ».

Outre le texte et le titre, vous pouvez aussi déterminer la grandeur et quelques propriétés du « PopUp ».

  • sNom = Nom du PopUp
  • nLargeur = Largeur en pixels du popUp
  • nHauteur = Hauteur en pixels du popUp
  • bDefillement = Avec ou sans barre de défillement (Boléenne true/false)

Vous pouvez aussi modifier la page HTML générée à votre guise.

<html>
<head>
<script type="text/javascript" language="javascript">
<!--
function twNeowin(sUrl,sNom,nLargeur,nHauteur,bDefillement,sTexte,sTitre){
  // Ouvrir un popUp
  // Script gratuit des Trucsweb.com
  // - veuillez laisser cette remarque s.v.p.
  var nPosX = (screen.width) ? (screen.width-nLargeur)/2 : 0;
  var nPosY = (screen.height) ? (screen.height-nHauteur)/2 : 0;
  var sOptions = %27width=%27+nLargeur+%27,height=%27+nHauteur+%27,top=%27+nPosX+%27,left=%27+nPosY+%27,scrollbars=%27+bDefillement+%27,resizable=no%27;

  // Ouvrir le popUp
  if (sUrl) {
    // Avec url
    oNeoPop=window.open(sUrl,sNom,sOptions);
  } else {
    // Sans url
    oNeoPop=window.open(%27about:blank%27,sNom,sOptions);
    var sHTML = %27<html><head><title>%27 + sTitre + %27</title></head>%27;
    sHTML += %27<body bgcolor="#ffffff" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">%27;
    sHTML += %27<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">%27;
    sHTML += %27<tr><td align="center"><h1>%27 + sTitre + %27</h1></td></tr>%27;
    sHTML += %27<tr><td align="center"><p>%27 + sTexte + %27</p></td></tr>%27;
    sHTML += %27<tr><td align="center"><p><a href="javascript:window.close();">Fermer la fenêtre</a></p></td></tr>%27;
    sHTML += %27</table></body></html>%27;
    oNeoPop.document.write(sHTML);
  }
  // Forcer le focus sur un PopUp déjà ouvert
  if(oNeoPop.window.focus){oNeoPop.window.focus();}
}
-->
</script>
</head>

<body onload="twNeowin(%27%27,%27monPopUp%27,200,200,false,%27Merci de visiter ce site%27,%27Bienvenu!%27);">

Exemples d%27hyperliens :
<a href="javascript:twNeowin(%27http://www.trucsweb.com%27,%27Trucsweb%27,600,400,true)">PopUp avec URL</a>
<a href="javascript:twNeowin(%27%27,%27Trucsweb%27,300,200,false)">PopUp Sans URL</a>
<a href="javascript:twNeowin(%27%27,%27Trucsweb%27,300,200,false,%27Test de texte%27,%27Test de titre%27)">PopUp Sans URL avec texte</a>

</body>
</html>

Exemples :

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

Ajouter un commentaire
Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
Votre évaluation du tutoriel

       Visites : 8781 - Pages vues : 191573
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@