T-web
Ressources pour webmasters
[jQuery] Valeur par défaut d’un input text
13/10/11
Voici un script javascript utilisant jQuery vous permettant de définir une valeur par défaut dans un champs de texte de formulaire.
Fonctionnement :
Indiquez le texte par défaut dans l’attribut title de l’input. Définissez une class .inputDefaultVal appliquée sur le texte par défaut (exemple: gris clair en italique)
<input type= »text » name= »inputName » title= »Texte par défaut » />
Source:
$('input[type=text]').focus(function(i) {
var val = $(this).val();
var defaultVal = $(this).attr('title');
if(val == defaultVal && defaultVal!= "") { $(this).val('').removeClass('inputDefaultVal'); }
});
$('input[type=text]').focusout(function(i) {
var val = $(this).val();
var defaultVal = $(this).attr('title');
if(val == '' && defaultVal!= "") { $(this).val(defaultVal).addClass('inputDefaultVal'); }
});
$('input[type=text]').each(function(index) {
var defaultVal = $(this).attr('title');
var val = $(this).val();
if(defaultVal!= "" && (val == '' || val == defaultVal )) { $(this).val(defaultVal).addClass('inputDefaultVal'); }
});
Zlib – Optimiser le temps de chargement via la compression
6/07/11
Utiliser la compression Gzip dans votre site internet vous permet de réduire de plus de moitié le poids de vos pages à acquérir. Le module zlib est près installé chez de nombreux hébergeurs.
Dans certains cas, il est nécessaire de l’activer. Exemple, chez 1&1, il faut créer un fichier php.ini à insérer dans chaque répertoire où doit s’appliquer la compression, contenant le code
zlib.output_compression = true
En Php
Si la méthode précédente ne fonctionne pas, vous pouvez compresser vos fichier grâce aux fonctions php ob_* (> PHP 4).
<? php
ob_start("ob_gzhandler");
?>
<!-- Contenu de la page -->
<? php
ob_end_flush();
?>
[PHP] Solution aux problèmes d’encodage
19/06/11
Qui n’a jamais eu de problème avec les caractères spéciaux? Après quelques heures à me battre avec les Charset, j’ai enfin réussi trouver la solution!
$string est une chaine contenant les caractères spéciaux (normaux « é » et au format HTML « é »), encodée en ISO ou en UTF8. La chaine de sortie est en UTF8.
$string = mb_check_encoding($string, 'UTF-8')? utf8_encode($string): $string;
En espérant résoudre le problème de certains … 
Analyse-site.com : Améliorez votre référencement !
14/06/11
Un nouveau service vient d’ouvrir ses portes: Analyse Site. Cet outil (seo tool) vous permet grâce à une analyse détaillée des entrailles de votre site mais aussi de sa présence sur le web, de visualiser rapidement les points névralgiques à améliorer afin d’optimiser votre référencement, votre positionnement, et votre visibilité.
Cet outil propose entre autre des analyses de mots clés, le positionnement Google Yahoo et Bing, le page rank et Alexa rank, mais aussi une analyse sémantique des balises de titre et de mise en forme par exemple.
Un visite vaudra mieux qu’un long discours. Analysez votre site web!
[CSS3] Rectangle aux coins arrondis
12/09/10
Vous vous êtes toujours demand » comment pouvoir générer en CSS des box ou cadres avec des coins arrondis (ronded corners)? Et tout ça sans images? C’est très simple! Je vous montre un exemple et vous comprendrez :
Voici la classe d’un div à coins arrondis de 5px :
.maclasse {
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
Il suffit de changer la valeur (5px) selon vos besoins.
[JS] DataTables, contrôlez vos tableaux HTML !
9/07/10
Voici un des plugin jQuery qui a particulièrement retenu mon attention: Datatables. Ce plugin permet entre autre d’ajouter des contrôles sur vos tableaux HTML. Vous pouvez alors trier vos données par ordre alphabétique en un clic, ou encore effectuer une recherche par mots clés, et même choisir le nombre d’entrées que vous désirez afficher (les autres étant réparties sur d’autres pages).
Cliquez ici pour voir un exemple!
[JS] Rediriger/Rafraichir la page après un certain temps
8/07/10
Grâce à Javascript, il est possible de rediriger la page après un certain temps paramétré dans la variable tempo en millisecondes. Vous avez aussi à paramétrer l’URL de destination dans la variable url.
La Fonction
1 2 3 4 5 6 7 8 9 10 11 | <script type="text/javascript"> <!-- var RedirectAfterTime = function RedirectAfterTime(url, tempo) { setTimeout("window.location='"+url+"'", tempo); } var tempo = 5000; var url = 'http://www.t-web.fr/'; RedirectAfterTime(url, tempo); //--> </script> |
[PHP] Tester si le navigateur accepte les Cookies
8/07/10
Cette petite fonction basique vous permet de savoir si le navigateur de votre client accepte les Cookies. Cette fonction est à placer en haut de page, avant toute balise HTML car elle contient la fonction header.
La fonction
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | if($_GET['CookieTest']!= "done") { setcookie("CookieTest","1"); header("Location:? CookieTest=done"); exit(); } elseif(empty($_COOKIE["CookieTest"])) { echo "Les Cookies ne sont pas acceptés."; } else { echo "Les Cookies sont acceptés."; } |
1 | Attention! Vous n'acceptez pas les Cookies! |
La Favicon : icone de favoris !
22/05/10
Qu’
Une Favicon est une « icone de favoris »: c’est une icone qui s’affiche à côté de l’adresse de votre site dans la barre d’adresse du navigateur, ainsi que dans le menu favoris. Une Favicon est une image 16×16px en format .ico.
Comment installer une Favicon?
Tout d’abord, procurez vous une Favicon que vous nommerez favicon.ico, et que vous placerez à la racine de votre site.
Ajoutez ensuite la balise link suivante dans l’entête de votre fichier HTML (entre <head> et </head>) :
<link rel="shortcut icon" href="http://www.mon-site .fr/favicon.ico" type="image/x-icon " />
Où se procurer des Favicons?
Deux solutions :
- Chercher une Favicon sur le web. Vous en trouverez de nombreux sur www.favicon.fr
- Dessiner votre Favicon, soit avec un logiciel comme Photoshop en enregistrant en .ico, soit avec des outils en ligne comme www.favicon.cc
Tester un site sous plusieurs navigateurs
13/05/10
En effet, votre site peut être mal supporté par certains navigateurs internet. Il existe une solution simple et efficace de voir à quoi ressemble votre site sous la plupart des navigateurs existant: utiliser le browsershot! Cela vous évite de devoir installer tout les navigateurs existant et les tester les uns après les autres …
Faites le test sur http://browsershots.org
