Infos visiteurs
Rédigé par smorge - 10 avril 2012
Code
Le script suivant permet d'afficher à l'écran quelques informations transmises involontairement par le visiteur d'une page web : type de navigateur, système d'exploitation, nombre de pages dans l'historique du navigateur, résolution d'écran.
Dans le head
<script type="text/javascript" language="javascript">
NavName = navigator.appName;
NavVers = navigator.appVersion;
Nav = NavName + " " + NavVers;
</script>
Dans le body
<script type="text/javascript">
document.write("Navigateur : ");
document.write("<b>", Nav,"</b><br>");
document.write("Système d'exploitation : ");
document.write("<b>", navigator.platform,"</b><br>");
document.write("Pages dans votre historique : ");
document.write("<b>", history.length,"</b><br>");
document.write("Résolution d'écran : ");
document.write("<b>",screen.width," x ",screen.height,"</b><br>");
</script>
Classé dans : bloc-note - Mots clés : javascript - aucun commentaire
Template Web TV
Rédigé par smorge - 09 avril 2012
Client
Livraison d'un template HTML et CSS pour la Web TV d'une association. Création d'un portail d'accueil et de deux pages secondaires.
Classé dans : journal - Mots clés : template - aucun commentaire
Un menu vertical avec CSS3
Rédigé par smorge - 08 avril 2012
Code
Un petit menu vertical qui utilise les propriétés de CSS3 pour se déployer progressivement au survol du curseur.
Classé dans : ressources - Mots clés : css, webdesign - aucun commentaire
Cacher ou montrer une DIV
Rédigé par smorge - 08 avril 2012
Code
Faire apparaître ou disparaître un élément en un seul clic c'est facile en plaçant les scripts suivant entre les balises <head></head> de la page, puis en ajustant le HTML et le CSS à partir de l'exemple suivant :
Le Javascript
<script language="javascript" type="text/javascript">
function disparition()
{
if(document.getElementById)
document.getElementById("bloc").style.display = 'none'
}
</script>
<script language="javascript" type="text/javascript">
function afficher()
{
if(document.getElementById)
document.getElementById("bloc").style.display = 'block'
}
</script>
Le CSS
#bloc {
display : none;
}
Le HTML
<div id="bloc"></div>
<a href="#" onClick='disparition();return(false)'>Fermer</a>
<a href="#" onClick='afficher();return(false)'>Afficher</a>
Classé dans : bloc-note - Mots clés : javascript - aucun commentaire
Boutons web
Rédigé par smorge - 05 avril 2012
Client
Création d'une dizaine de boutons de navigation personnalisés pour le menu d'un blog politique.
Classé dans : journal - Mots clés : graphisme - aucun commentaire
précédentepage 2 sur 6suivante»

