Javascript

[jQuery] Valeur par défaut d’un input text

13/10/11

Posté par Ten dans Javascript

Aucun commentaire

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'); }
});
, , ,

[JS] DataTables, contrôlez vos tableaux HTML !

9/07/10

Posté par Ten dans Javascript

2 commentaires

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

Posté par Ten dans Javascript

Aucun commentaire

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>
, , , ,

[JS] Compresser les fichiers Javascript

2/05/10

Posté par Ten dans Javascript

1 commentaire

Avec des sites utilisant de plus en plus de scripts, les temps de chargement ne font qu’augmenter. Il est donc très important de compresser ses fichiers Javascript. Je vous propose ici un outil en ligne vous permettant de compresser plusieurs fichiers Javascript en un seul.

Voir le site.

[JS] jQuery – un plugin d’infobulles

27/04/10

Posté par Ten dans Javascript

1 commentaire

Vous connaissez surement jQuery, la plus célèbre bibliothèque javascript libre. Je vous montre ici un plugin très intéressant et vraiment complet: qTip.

Ce plugin permet l’implémentation d’infobulles personnalisées. Tout est configurable.

Le plugin gère toutes sortes d’infobulles différente :

  • avec le contenu basé sur l’attribut title
  • avec le contenu d’un élément du DOM
  • avec des images
  • des infobulles modales (de type boîte de dialogue)
  • avec le contenu chargé en AJAX
  • etc.
Compatible avec IE 6.0+, Firefox 2.0+, Opéra 9.0+, Safari 3.0+, Chrome 1.0+ et Konqueror 3.5+.

A découvrir ici.