T-web
Ressources pour webmasters
Ressources pour webmasters
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'); }
});
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
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();
?>
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 …
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.
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).
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> |
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! |
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
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