Code et explications

Transcription

Code et explications
Partie Javascript
<!-/****************************************************
Author: Eric King/Modifié par zaza
Url: http://redrival.com/eak/index.shtml
****************************************************/
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.widt
h-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.widthw)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") ||
pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scroll
bars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizabl
e=yes';
win=window.open(mypage,myname,settings);}
// -->
Méthode bourrin
Vous copier coller ce code directement entre les balises <head> et </head> de votre page accueil ou autre.
Méthode élégante
Vous copier coller ce code dans wordpad ou autre. Vous le sauvegardez en format texte, sous un nom avec terminaison .js.
Par exe : mon_popup.js
Vous le telecharger dans docs sur Canal. Son adresse devient http://votreblog.canalblog.com/docs/mon_popup.js
Entre les balises <head> </head> vous mettez cette ligne :
<script src=‘’http://votreblog.canalblog.com/docs/mon_popup.js’’ type=’’text/javascript’’></script>
Le tableau de musique
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RaDeWbLoG de zaza</title>
</head> <body bgcolor="#a09858">
<!--RadioZazaDew-->
<!--ici dewplayer mini est hebergé sur canalblog-->
<!--adresse musique directement sur site de PartyBen- DJ PODCAST L.A-->
<table border="1" border-color="#fff" width="160px" cellpadding="0"
bgcolor="#929e56">
<caption><font color="#fff"><b>RaDiOZaZaDeW</b></font></caption>
<tr>
<td><marquee scrollamount="3" bgcolor="transparent"><h6>Titre de votre
musique</marquee> <object width="80" height="10" align="middle"
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ver
sion=7,0,0,0" id="dewplayer"><param name="allowScriptAccess" value="sameDomain"
/><param name="movie"
value="http://cepamoi.canalblog.com/docs/dewplayer_mini.swf?mp3=http://www.partyben
123.com/PartyBen-CountryBoy(CityBoyRemix).mp3&amp;bgcolor=00f2ff" /><param
name="quality" value="high" /><param name="bgcolor" value="929e56" /><embed
width="80" height="10" align="center"
src="http://cepamoi.canalblog.com/docs/dewplayer_mini.swf?mp3=http://www.partyben12
3.com/PartyBen-CountryBoy(CityBoyRemix).mp3&amp;bgcolor=00f2ff" quality="high"
bgcolor="00f2ff" name="dewplayer" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></td>
</tr>
</table>
</body>
</head>
</html>
entre : <table> et </table> définition du tableau
<tr> et </tr> ligne du tableau
<td> et </td> donnée dans la ligne
<marquee> et <marquee> titre défilant
<object><embed> et </embed></object> dewplayer version passe partout.
Un morceau par ligne. Un autre morceau, vous rajoutez une ligne. Copier coller de <tr> à </tr> (y cis ces 2 balises)
Et vous collez en dessous du dernier </tr> précédent . Autant de fois que vous voulez, pour autant de titre que vous voulez
En rouge : le titre de vos morceaux
En vert : adresse de player_mini sur votre blog
En bleu : titre de vos chansons
Vous pouvez changer la couleur de fond du
popup : <body bgcolor="#a09858">
du tableau: <table border="1" border-color="#fff" width="160px" cellpadding="0"
bgcolor="#929e56">
de l’entête du tableau : <caption><font
color="#fff"><b>RaDiOZaZaDeW</b></font></caption> (merci de laisser le titre on a
les fiertés qu’on peut ☺)
Vous faites de ce code une page HTML. Copier/coller le code dans worpad. Enregistrer avec une extension .html en format
texte. Vous le montez dans vos docs canal. Son adresse sera : http://votreblog.canalblog.com/docs/moncode.html
Appel popup
Là ou voulez qu’apparaisse le bouton d’appel du popup, vous mettez cette ligne de code :
<a href="http://votreblog.canalblog.com/docs/moncode.html "
onclick="NewWindow(this.href,'mywin','180','200','yes','center');return false"
onfocus="this.blur()"><img src="adresse de votre logo"style="border:none;"/></a>
Merci de laisser les termes radewblog, zazadew etc… en place