|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
|
||
|
• Rappels |
|
|
||
Cliquez sur "download" pour télécharger le kit nécessaire
On utilisera ici des "frames" ou fenêtres. On appellera notamment une fenêtre en bas de page, contenant le code commandant la musique. Sa taille de 1 pixel la rendra invisible et ne gênera pas la mise en page.
Lancer la démonstration:cliquer ici.
Commencez par créer une page HTML commandant les frames:
dans notre exemple, elle est appelée KITWEB_jukebox03_index.html
<HTML>
<TITLE>KITWEB a sélectionné pour vous !! .......................</TITLE>
<HEAD>
</HEAD>
<frameset FRAMEBORDER=YES FRAMESPACING=0 BORDER=1 rows="*,1">
<frame src="KITWEB_jukebox03_A.html">
<frame src="KITWEB_jukebox03_B.html" name="musique">
</FRAMESET>
</HTML>
Vous crérez également autant de fichiers HTML que de morceaux de musique. Dans notre exemple: KITWEB_jukebox03_B.html et suivants. Vous y insérerez à chaque fois le script de votre choix destiné à lancer la musique à son ouverture (cf notre démo ou la liste de scripts proposés par KitWeb).
La page KITWEB_jukebox03_A.html contiendra, au choix:
1/ soit une liste de liens pour lancer les musiques ou les stopper:
chaque page appelée contiendra les lignes nécessaires pour lancer un morceau différent. Vous pouvez vous référer aux divers scripts proposés par ailleurs par KitWeb ou utiliser celui utilisé dans la démo proposée en téléchargement
<A HREF="KITWEB_jukebox03_B.html" TARGET="musique">>Musique1</A><BR>
<A HREF="KITWEB_jukebox03_C.html" TARGET="musique">Musique2</A><BR>
<A HREF="KITWEB_jukebox03_Off.html" TARGET="musique">Stopper la musique</A><BR><BR>
2/ soit une boite de sélection:
a/ inscrire entre HEAD et /HEAD:
<script language="JavaScript">
<!-- hide
function changermusic() {
loca=document.comboform.combo.options[document.comboform.combo.selectedIndex].value;
parent.musique.location.href=loca;
}
function stoppermusic() {
loca="KITWEB_jukebox03_Off.html";
parent.musique.location.href=loca;
}
// -->
</script>
b/ insérer dans le corps de la page:
à l'emplacement où doit apparaître l'effet
<form name="comboform">
<select name="combo" size="1">
<option selected value="KITWEB_jukebox03_B.html">Titre 1</option>
<option value="KITWEB_jukebox03_C.html">Titre 2</option>
</select>
<input type="button" value="on" onClick="javascript:changermusic()">
<input type="button" value="off" onClick="javascript:stoppermusic()">
</form>