Ajouter des programmes de Javascript à votre page Web

Signalé le 31 décembre 2008 chez 12:32 AM

Il y a beaucoup de codes de Javascript dehors là disponible pour libre.  Avec le Javascript vous aurez la fonctionnalité dynamique dans votre page Web autrement statique.  Vous pourriez encore être intimidé par la pensée des codes émouvants dans votre page Web mais laissez-moi vous assurent que c'est aussi facile qu'une opération de copie en clair et de pâte.  

Une bonne source des exemples des codes de Javascript sont localisées ici : http://www.javascriptkit.com/cutpastejava.shtml

Pour l'illustration je choisirai le calendrier entier d'année ainsi nous pouvons montrer un calendrier pendant toute l'année de 2009 : http://www.javascriptkit.com/script/script2/yearcalender.shtml

image

Le code ci-dessus du Barret de Scott est configurable de sorte que les utilisateurs puissent changer l'année du calendrier.  Pour commencer le processus d'extraire ce code, copiez le code sur le secteur des textes situé à la partie plus inférieure de la page :

image

Vous devrez mettre ce code dans votre page Web ? le code source de s ouvrent ainsi votre dossier de page Web en utilisant votre rédacteur de HTML de favori.  Veillez à coller le code quand vous êtes en mode de code source et pas en mode d'IMPRESSION CONFORME À LA VISUALISATION (autrement vous finirez vers le haut de montrer le code source au lieu du rendement désiré).

Veillez à changer la variable d'année ? valeur de s à l'année où vous voulez montrer.  Dans l'exemple ci-dessous je l'ai changé en 2009 :

 

image

 

Tellement maintenant nous avons le code réel ? s a produit ci-dessous :

<! -
suffisance de // la table de mois avec des en-têtes de colonne
day_title de fonction (day_name) {
document.write ( »« +day_name+ »“)
}
// remplit table de mois de nombres
fonction fill_table (mois, month_length)
{
day=1
// commencent la nouvelle table de mois
document.write ( »

“)
document.write ( »“)
en-têtes de colonne de //
day_title (le » soleil »)
day_title ( » lundi »)
day_title ( » Tue »)
day_title ( » Wed »)
day_title ( » Thu »)
day_title ( » Fri »)
day_title ( » reposé »)
cellules de garniture de // avant premier jour de mois
document.write ( »“)
pour (variété i=1 ; i< start_day ; i++) {
document.write ( »“)
day++
}
document.write ( »“)
suffisance de // les semaines restantes
tandis que (jour <= month_length) {
pour (variété i=1 ; =month_length< de jour du && i< =7 ; i++) {
document.write ( »“)
day++
}
document.write ( »“)
// le premier jour du mois suivant
start_day=i
}
document.write ( »
« +month+ » « +year+ »
“)
}
suffisance de // la première semaine des jours
pour (variété i=start_day ; i< 8 ; i++) {
document.write ( »
« +day+ »
« +day+ »

“)
}
se cacher de fin de // ->

// CAHNGE ci-dessous la variable à l'ANNÉE EN COURS
year=2009

premier jour de // de la semaine de la nouvelle année
nouvelle date de today= (le » 1er janvier, « +year)
start_day = today.getDay () + 1 débuts de // avec 0
fill_table ( » janvier », 31)
fill_table ( » février », 29)
fill_table ( » mars », 31)
fill_table ( » avril », 30)
fill_table ( » mai », 31)
fill_table ( » juin », 30)
fill_table ( » juillet », 31)
fill_table ( » août », 31)
fill_table ( » septembre », 30)
fill_table ( » octobre », 31)
fill_table ( » novembre », 30)
fill_table ( » décembre », 31)

Ce manuscrit libre a fourni près
Kit de Javascript

 

Il est si facile, isn ? t il ?  Dans la plupart des cas les étapes sont aussi faciles que ceci sur quelques types de code que vous devrez copier un dossier de Javascript et le sauver à l'intérieur de l'annuaire de votre HTML.  Il y aura également des cas que vous ne mettrez pas le code dans la l'étiquette de CORPS mais sur l'étiquette d'EN-TÊTE ainsi observent dehors pour les directions fournies par les centres serveurs des manuscrits.

Ben Carigtan shows you how it?s done.

Enjoyed this post? Subscribe to Online Tech Tips via RSS Feed or via Email and receive free daily productivity tips.

» Filed Under Cool Websites

Add to Delicious Save this page Mixx it Stir it up on Mixx
Reddit Add to Reddit StumbleUpon Stumble this page

Related Posts

Please post your comments/suggestions!