La pêche à la mouche : uniquement, totalement, passionnément !!!

	Mon "code" et quelques gadgets... à prendre sans restriction...
N'oubliez pas le clic du droit sur les "images" associées tout en bas de la page ! Quelques connaissances en HTML et JavaScript sont les bienvenues !

QUE VOULEZ-VOUS RECUPERER ?

Mon menu ?
Prenez ce code "menu.zip", les explications sont à l'intérieur. Il contient 12 fichiers :

EXPLICATION_DIV.html

EXPLICATION_ROLLOVER.html

menu.js

page.html

sous-page.html

sous-sous-page.html

Planactif.gif

Planinact.gif

1_actif.gif

1_inact.gif

1_survol.gif

load_images.js

Mon diaporama ?
Copiez ce code
<META HTTP-EQUIV="refresh" CONTENT="10;URL=?????.html">
dans votre <HEAD> et remplissez les ?????? avec vos paramètres.
10, c'est le nombre de secondes avant que la nouvelle page (URL=?????.html") s'affiche.

Ma façon de vous "offrir" la musique ?
Copiez ce code
<html>
<head>
<title>...</title>
</head>
<FRAMESET ROWS="*,0" BORDER=0 FRAMEBORDER=0 framespacing=0 noborder>
<FRAME SRC="accueil.htm" name="site" NORESIZE MARGINHEIGHT=0 MARGINWIDTH=0 FRAMEBORDER=0 BORDER=0 noborder>
<FRAME SRC="nomusique.htm" name="musique" SCROLLING=NO NORESIZE MARGINHEIGHT=0 MARGINWIDTH=0 FRAMEBORDER=0 BORDER=0 noborder>
</FRAMESET>
</HTML>

Ce sera donc votre page de démarrage ("index.html" ou "default.html"), mais personne ne la verra car elle ne fait qu'ouvrir 2 cadres (les "frames") :

Le cadre qui contient votre page d'accueil (renommez la comme moi en "accueil.htm" puisque "index.html" n'est plus disponible),
Celui de la musique... ou du silence.

La page du silence "nomusique.htm" est chargée par défaut car je déteste ces sites qui nous imposent "leur" musique ! Elle n'a pas de code particulier, sauf si vous y mettez - comme ici - un message qui va défiler dans la barre de statut en bas de la page :
<title>La pêche à la mouche : uniquement, totalement, passionnément !!!</title>
<SCRIPT LANGUAGE="JavaScript">
var Msg = "La Vandoise Gourmande ! Bienvenue sur ce site entièrement dédié à la pêche à la mouche... ";
var position=0, ban, delai, Msg;
function banniere(delai1)
{
     delai = delai1;
     if (position >= Msg.length)
     position = 0;
     else if (position == 0)
     {
          Msg = ' ' + Msg;
          while (Msg.length < 300)
          Msg += ' ' + Msg;
     }
     window.status = Msg.substring(position,position+Msg.length);
     position++;
     ban = setTimeout("banniere(delai)",delai1);
}
</SCRIPT>
</HEAD>
<body onload="banniere(100);" onUnload="clearTimeout(ban);" align="center">
</body>
</HTML>

La page qui contient la musique s'appelle "musique.htm". Voici son code (il ne fait que prendre en argument - titre - le texte qui suit le ? dans l'adresse), il marche sur IE et sur NN (rajoutez-y le code du message dans la barre de statut si vous l'avez choisi) :
<SCRIPT LANGUAGE="JavaScript">
var titre=(location.search.substring(1));
document.write("<EMBED SRC="+titre+" HIDDEN=true AUTOSTART=true LOOP=true>");
document.write("<NOEMBED><bgsound src="+titre+" loop=infinite></NOEMBED>");
</SCRIPT>

Le principe est simple : le cadre qui "contient" la musique a une taille nulle, donc on ne le voit pas, bien qu'il soit là, toujours là, même lorsque le visiteur changera de page ! Dans ce cadre, par l'astuce du "target" des liens, on charge la musique correspondant au choix que vient de faire le visiteur.

Pour lui permettre de faire ce choix, il va vous falloir mettre dans la page "accueil.html" des liens un peu spéciaux pour chacune des musiques :
<A HREF="musique.htm?andreabocellitimetosaygoodbye.mid" target="musique"><IMG SRC="bouton_son.gif" BORDER=0 ALT="Time to say goodbye"></A>
<A HREF="musique.htm?franciscabrelencoreetencore.mid" target="musique"><IMG SRC="bouton_son.gif" BORDER=0 ALT="Encore et encore"></A>
<A HREF="musique.htm?joedassinleteindien.mid" target="musique"><IMG SRC="bouton_son.gif" BORDER=0 ALT="L'été indien"></A>

3 remarques :

Attention aux droits d'auteur, la chasse aux *fautifs* est ouverte toute l'année sur Internet !

Vous pouvez remplacer vos boutons dans le tableau par un chiffre, mais les cases devront alors avoir une bordure

non nulle... De toute façon, si vous gardez les boutons, n'oubliez pas de remplir correctement le "ALT" pour guider le visiteur !

Rajoutez une page "no_musique_no_message.html" contenant uniquement ce JS : window.status = ""; et commandée par un bouton sur la page accueil à côté de ceux pour la musique ;-)

Un gros merci à :
Frank Milard - http://www.asaisir.com/a-la-page
pour la mise à disposition gracieuse (et gratuite) des 2 réalisations suivantes : les petits poissons qui vous suivent partout dans le cadre du haut et le gros poisson ici même ! Vous pouvez mettre l'image que vous voulez (dans 'var nameSP2a = "-----.---";'), par exemple la photo de votre chien ! J'ai essayé avec ce à quoi vous pensez, c'est pas mal aussi ;o) Mais les écrevisses, c'est mieux... Le piranha, j'ai pas eu le temps de le faire avec un fond transparent ! Si quelqu'un le veut et ne sait pas comment faire, qu'il m'écrive.

Les petits poissons ?
Prenez ce code "lespetitspoissons.js"

Le gros poisson ?
Prenez ce code "poissons.js"