Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Affichage de pubs au hasard (avec liens)

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de pouvoir afficher une publicité (image + lien) au hasard parmi une liste prédéterminée. Idéal pour mettre les publicités que VOUS voulez sur votre site.
  Principe
Le JavaScript intègre une fonction de sélection d'un nombre alléatoire compris entre 0 et 1 (toutes les décimales comprises). A partir de là, on multiplie ce nombre par le nombre de publicités, moins une, on l'arrondit pour retomber sur un nombre 'entier' et on ajoute '1' (car on commence les pubs à 1, non nécessaire si les on commence à 0).
On crée ensuite les publicités en question, images et liens, dans un 'tableau' de données et on place la publicité sélectionnée par le nombre alléatoire à l'emplacement prévu.
  Le script
dans la partie <head>
<script language="JavaScript">
// Attention à ne pas mettre ce code dans une fonction !!
// le nombre suivant correspond au nombre de pubs total
var nombre_pubs = 10;

// on demande un nombre alléatoire à l'ordinateur
var nombre_alleatoire = Math.random();
var numero = Math.round( ( nombre_pubs - 1 ) * nombre_alleatoire ) + 1;

pubs = new Array;

// suivent maintenant les pubs disponibles
pubs[1] = '<a href="javascript:alert(\'Ici, on va sur http://www.biblioscript.com\');"><img src="pub/biblio_bandeau_1.gif" border="0"></a>';
pubs[2] = '<a href="javascript:alert(\'Ici, on va sur http://www.yahoo.fr, section Cartes de voeux\');"><img src="pub/yahoo_2001.gif" border="0"></a>';
pubs[3] = '<a href="javascript:alert(\'Ici, on va sur http://www.wanadoo.fr\');"><img src="pub/wanadoo_2001.gif" border="0"></a>';
pubs[4] = '<a href="javascript:alert(\'Ici, on va sur http://www.ouirock.com, le site de OuiFM\');"><img src="pub/oui_rock.gif" border="0"></a>';
pubs[5] = '<a href="javascript:alert(\'Ici, on va sur http://www.citeweb.net\');"><img src="pub/citeweb.gif" border="0"></a>';
pubs[6] = '<a href="javascript:alert(\'Ici, on va sur http://www.multimania.com\');\"><img src="pub/multimania.gif" border="0"></a>';
pubs[7] = '<a href="javascript:alert(\'Ici, on va sur http://www.chez.com\');"><img src="pub/chez.gif" border="0"></a>';
pubs[8] = '<a href="javascript:alert(\'Ici, on va sur http://www.netcourrier.com\');"><img src="pub/netcourrier.gif" border="0"></a>';
pubs[9] = '<a href="javascript:alert(\'Ici, on va sur http://www.club-internet.fr\');"><img src="pub/club-internet.gif" border="0"></a>';
pubs[10] = '<a href="javascript:alert(\'Ici, on va sur http://www.respublica.fr\');"><img src="pub/respublica.gif" border="0"></a>';

var pub = pubs[numero];

</script>

dans la partie <body>
<script language="JavaScript">document.write(pub);</script>

<a href="javascript:history.go(0);">Recharger la page</a>
  Démonstration

Voir la démonstration

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    div_alea_pub.zip
    108 Ko (images)
    telechargez le script telechargez le script
    Script séparé :
    div_alea_pub2.zip
    108 Ko (images)
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter