Bonjour à tous,
J'ai décider,étant codeur en javascript,de faire une sorte d'école pour ceux qui souhaite apprendre javascript afin d'embellir leur site sans copier les codes ,ou en les comprenant,et même en fabriquer leur propre code à eux pour être indépendant de tout ces sites ou l'on fait de plus en plus de "copier coller"/...
Donc cette semaine je vais vous présenter,des script presque indispensables pour rendre voter site meilleur!,suivi d'une petite explication...
A la fin de cette semaine,je vous poserez des questions,je vous demanderez même de fabriquer un script à partir de tout sa,à ceux qui veulent bien ce lancer dans cette apprentissage facile et amusant!
Code d'impression:
Citation: <a href="javascript:window.print()">Imprimer la page</a>
Propose au visiteur une boîte d'impression après un clic sur le lien.
Cette impressions ne sera faites qu'après confirmation de l'utilisateur,dans la boîte de dialogue,heureusement pour lui,car attention au gaspillage d'encre!
Cette fonctionnalité est utile pour de long textes,pour des sites qui proposent un bon de commande,ou des archives à imprimer et conserver dans un classeur.
Le lien contient dans l'attribut href un code javascript qui appelle la méthode print().
Pour ouvrir automatiquement la boîte de dialogue d'impression au chargement de la page,il suffit d'enrichir la balise <body> avec l'attribut d'événement onload,qui se déclenche à l'issue du chargement complet de la page:
Citation: <body onload="window.print()">
La page de démarrage:
Citation: <script type="text/javascript">
function setDemarrage(lien){
if (window.navigator.appName=="Microsoft Internet Explorer") {
var url=" http://votresite.fr.gd";
lien.style.behavior="url(#default#homepage)";
lien.setHomePage(url);
}else{
alert("Pour définir ce site en page d'accueil,utiliser le menu Outils>Options>Général");
}
}
</script>
<a href="javascript:" onclick="setDemarrage(this)">Ce site en page de démarrage!</a>
Bleu:Remplacer par votre URL
Si le naviguateur est internet explorer ,la méthode spécifique setHomePage() permet d'afficher la boîte de confirmation de modification de la page de démarrage.Sinon un message d'information est affiché,avec la méthode alert().Pour faire marcher ce script avec firefox,il de remplacer cette ligne: Citation: if (window.navigator.appName=="Microsoft Internet Explorer") {
[/code]par celle-ci:[code]if ((window.navigator.appName=="Microsoft Internet Explorer") ||(window.navigator.appName=="Mozilla Firefox") ) {
La redirection :
Citation: <script type="text/javascript">
function redirection()
var txtUrl="http://pagederedirection.fr.gd";
window.location.href=txtUrl;
}
setTimeout("redirection()",3*1000);
</script>
Vous allez être redigirer vers le site dans 3 secondes.
Bleu:Remplacer le par l'URL de redirection que vous souhaitez.
La naviguateur affiche le message d'attente ,puis charge la page dans 3*1000 millisecondes,donc pour faire une redirection direct,il suffit de remplacer le "3" par un "0".
La méthode setTimeout attends deux paramètres,la fonction qu'il active après la temps;et le nombre de millisecondes qu'il va prendre afin de l'activer.
Window.location.href définit la page de recirection par défaut,si nul changement est fait dans un autre script.
L'historique de naviguation:
[code]<a href="javascript:window.history.back()">Page précédente</a>[/code]
[code]<a href="javascript:window.history.forward()">Page suivante</a>[/code]
Ces script permettent de rediriger l'utilisateur ,après un clique sur le lien,sur la page suivante,ou précédente qu'il a visiter.
L'objet fils de window nommé history permet de naviguer dans l'historique des pages consultées ,en arrière,et en avant.
Les méthodes back() et forward() ont le même effets que les boutons suivant et précédent du naviguateur,cherche dans l'historique la page suivante ou précédente visiter par l'internaute.
La barre de statut:
Citation: <script type="text/javascript">
window.defaultStatus="Texte de la barre de statut par défaut";
</script>
<a href="http://dburn.fr.gd" onmouseover="window.status='La souris est sur le lien',return true;">Dburn le jeu par naviguateur en ligne gratuitement!</a>
Bleu:Ceci est un exemple de lien,remplacer dburn.fr.gd par le l'URL de votre lien, "La souris est sur le lien",par le texte que vous souhaiter mettre dans la barre de status quand la souris est sur le lien,et "Dburn le jeu par naviguateur en ligne gratuitement" par le texte de votre lien.
Ici,le script définit un texte par défaut avec la propriété defaultStatus.Lors d'un passage de la souris sur le lien,le message définit apparait dans la barre de status,grâce à l'événement onmouseover.
Le titre avec javascript:
Citation:
<title>Titre par la page HTML</title>
<script type="text/javascript">
window.document.title="Titre remplacer par le language Javascript!";
</script>
Pas de commentaires,le titre par défaut,devient le titre que vous aurez configurer par javascript.L'objet fils de document,title définit le titre de la page html.
Les pop-up:
Citation: <script type="text/javascript">
function popupCentre ( txtPage,nbLargeur,nbHauteur,txtOption) {
var nbTop=(screen.height-nbHauteur)/2;
var nbLeft=(screen.width-nbLargeur)/2;
var winpopup=window.open(txtPage,"","top="+nbTop+",left="+nbLeft+",width="+nbLargeur+",height="+nbHauteur+","+txtOption);
}
</script>
<a href="javascript:popupCentre('http://dburn.fr.gd', 250,250,'resizable=no,location=no,menubar=no,status=no,scrollbars=no,menubar=no')">
Ouvrire le popup</a>
Script qui ouvre un pop-up lors d'un clique sur le lien,dont la dimension sera de 250 par 250 si non configuration de l'utilisateur.
La fonction popupCentre attends les paramètres configurer précédement dans le corps de la fonction, "txtPage,nbLargeur,nbHauteur,txtOption"
Lors de la formation des liens dirigeant le visiteur vers un popup,il suffit de remplacer les paramètres par ceux qu'on veut et de rajouter,les paramètres des popup: 'resizable=no,location=no,menubar=no,status=no,scrollbars=no,menubar=no' pour que le visiteur ne puisse pas redimensionner,bouger la page,etc.
Resizable:Possibilité de redimmensionner la page
Location:La présence de la barre d'adresse
Menubar:La présence d'une barre de menu
Status:La présence d'une barre de status
Scrollbars:La présence d'un"ascenceur" ,la barre qui peut faire descendre ou monter la page d'un site web.
Voilà pour les script les plus importants en javascript pour embellir votre site,
ces script sont totalement inventer par moi même,et peuvent être copier pour utilisation non -commerciale.
Ces cours sont simples,j'ai concu ces cours pour vous faire apprendre javascript simplement,sans avoir à faire des cours "écolier" comme on en trouve très souvent sur le web,qui font fuir les internautes.
Si vous avez un quelconque problème au niveau de ces script,vous voulez les personnalisés,les modifier,les comprendres,ils ne marchent pas,contacter moi à la suite de ce message!
A la semaine prochaine pour un tout nouveau numéro de 'script pour un champion' !
Et à la fin de la semaine,veuillez me contacter par e-mail si vous voulez avoir des exercices,pour vous exercer sur ce que vous avez appris ici..
Cordialement,
dburn.fr.gd
Dernière édition par dburn le 04.09.2012, 17:46; édité 7 fois
|
