Office Live S-Business : Ajouter du JavaScript à une page.

Publié le par lolond

Dans un site sur Office Live S-Business, vous pouvez ajouter du JavaScript sur la page, ceux qui n'est pas possible sur over-blog en mode de confiance. Pour cela :
1. Renommez votre script en script.htm,  
2. Connectez-vous à Office Live S-Business, une fois connecter, vous pointez vers "Bibliothèque de documents".




3. Vous cliquez sur le bouton "Télécharger" et télécharger le fichier script.htm
4. Une fois ces travaux sont accomplis, vous ouvrir la fenêtre "Outil de Conception Web" , pointez le curseur sur la zône choisie et cliquez sur le bouton "Insérer un module>>HTML";
5. Mettez le code suivant :
 iframe SRC="url-votre-site/Documents/script.htm" width="100px" height="100px" align="center"
frameborder="0" marginwidth="0px" marginheight="0px" scrolling="no"  </iframe>

Vous remplacez : url-votre-site/Documents/script.htm par le vrai adresse du document dans"Bibliothèque de documents".
Voici l'exemple de mettre d'un calendrier sur le site :
=> javaScript - "calmois.htm" :
<HTML><HEAD>
<TITLE>Tout JavaScript.com - Le calendrier du mois</TITLE>
</HEAD>
<SCRIPT language=javascript>
// Script réalisé par http://www.toutjavascript.com
// Reproduction gratuite à condition de laisser ce commentaire

var ferie=new Array("01/01","01/05","08/05","14/07","15/08","01/11","11/11","25/12");
var mois=new Array("Janvier","F&eacute;vrier","Mars","Avril","Mai","Juin","Juillet","Ao&ucirc;t","Septembre","Octobre","Novembre","D&eacute;cembre");

function disp(txt) { document.write(txt) }
function estFerie(j,m) {
    var nb=ferie.length;
    var test=false;
    for(var i=0;i<nb;i++) {
        if ((ferie[i].substring(0,2)==j)&&(ferie[i].substring(3,5)==m)) return true;
    }
    return false;
}
function calendar(colFond,colTitre,colTexte,colFerie,colOn) {
    var d_jour=new Date();
    var a=d_jour.getYear(); if (a<1970) {a=1900+a}
    var m=d_jour.getMonth()+1;
    var d=new Date(a,m-1,1);
    var dfin=new Date(a,m-1,1);
    var nb_jour=31;
    var aff_j="";
    for(var k=32;k>27;k--) {
        dfin.setMonth(m-1);
        dfin.setDate(k);
        if (dfin.getMonth()!=m-1) {nb_jour=k-1;}
    }

    var j1=d.getDay(); if (j1==0) j1=7;
    var jour=0;
    disp("<FONT FACE='Arial' size='-1'><CENTER><B>"+mois[m-1]+" "+a+"</B></CENTER></FONT>");
    disp("<TABLE border=0 cellspacing=0 cellpadding='2'>");
    disp("<TR align='center' bgcolor='"+colTitre+"'><TD width='10'>L</TD><TD width='10'>M</TD><TD width='10'>M</TD><TD width='10'>J</TD><TD width='10'>V</TD><TD width='10'>S</TD><TD width='10'>D</TD></TR>");
    for(var i=0;i<6;i++) {
        disp("<TR>");
        for (j=0;j<7;j++) {
            jour=7*i+j-j1+2;
            aff_j=jour;
            if ((jour==d_jour.getDate())&&(m==d_jour.getMonth()+1)) {aff_j="<FONT size='-1' color='"+colOn+"' face='Arial'><I><U>"+jour+"</I><U></FONT>";}
            if ((7*i+j>=j1-1)&&(jour<=nb_jour)) {
                if ((j==6)||(estFerie(jour,m))) disp("<TD width='10' bgcolor='"+colFerie+"' align='center'><FONT face='Arial' size='-1' color='"+colTexte+"'>"+aff_j+"</FONT></TD>");
                else disp("<TD width='14' bgcolor='"+colFond+"' align='center'><FONT face='Arial' size='-1' color='"+colTexte+"'>"+aff_j+"</FONT></TD>");
            }
            else disp("<TD width='14' bgcolor='"+colFond+"'><FONT size=-1>&nbsp; </TD>");
        }
        disp("</TR>");
    }
    disp("</TABLE>");
}
</SCRIPT>
<BODY bgcolor=silver>
<CENTER>
<SCRIPT type='text/javascript'>
// Affiche le calendrier
// calendar(colFond,colTitre,colTexte,colFerie,colOn)
calendar("white","silver","black","#66FF66","blue");
</SCRIPT>
</CENTER>
<BR>
</FONT>
</BODY>
<!-- http://www.toutjavascript.com -->


Codage du module HTML du site :
<iframe SRC="http://khanh-blog.technologie.officelive.com/Documents/calmois.htm" width="200px" height="180px" align="center"
frameborder="0" marginwidth="0px" marginheight="0px" scrolling="no" </iframe>


Voir le résutat sur site khanh-blog Technologie.
Voir aussi :
√  Office Live S-Business : Ajouter un calendrier à votre site Web.
   Démarrer avec Office Live Small Business

   Créer un site Internet facilement et gratuitement

   Créer & Plannifier son site Web.

  Office Live S-Business : Créer une nouvelle page.

  Office Live S-Business : Insérer un module HTML.


Publié dans ** TICTIP-RESRCES

Commenter cet article