Aller au contenu | Aller au menu | Aller à la recherche

Du libre et du sport

Espace virtuel d'un bricoleur du net

Tag - jQuery

Fil des billets - Fil des commentaires

jeudi, décembre 27 2007

Mettre en avant certains commentaires avec jQuery

Par Osku le jeudi, décembre 27 2007, 14:58 - Php, Css, JavaScript, etc.

Avec jQuery il est possible de mettre en avant certains de vos commentateurs.
Pour les commentaires filtrés sur l'adresse web utilisée. On ajoute une classe aux éléments dt qui contient les infos du commentateur et au contenu du commentaire dd

$("div#comments dt a[@href*='dotclear']") .parents("dt") .next("dd") .addClass("dotclearComment");
$("div#comments dt a[@href*='dotclear']") .parents("dt") .addClass("dotclearComment");

Pour cet exemple, j'imagine qu'on utilise un thème avec la structure <dl>, <dt>, <dd>, <dt>, <dd> ...
Ensuite, il suffit d'ajouter une règle dans la feuille style :

dt.dotclearComment,dd.dotclearComment{color:green;background-color:black}

Il est certainement possible de plouguéniser la chose sans utiliser le framework jQuery ;-)

un commentaire un rétrolien

vendredi, décembre 14 2007

Thème DC2 : Wjsdark Simple

Par Osku le vendredi, décembre 14 2007, 16:45 - Php, Css, JavaScript, etc.

Voici le thème Wjsdark Simple, un thème pour DotClear 2 avec tout plein de jQuery dedans.

Mini screenshot :

Mini Screenshot du thème

Lire la suite...

48 commentaires aucun rétrolien 2 annexes

mardi, novembre 13 2007

jQuery : plugin color

Par Osku le mardi, novembre 13 2007, 15:07 - Php, Css, JavaScript, etc.

Bon, on continue dans la série des billets sur jQuery :-).
L'effet .animate permet de faire des trucs déjà sympas sauf de jouer sur les couleurs...
Je cherche et je découvre un plugin jQuery.color.js qui permet de jouer sur les couleurs des éléments css :

  • la couleur du text via 'color'
  • la couleur du fond via 'backgroundColor'
  • ou encore les différentes bordures via 'borderBottomColor', 'borderLeftColor', 'borderRightColor' et 'borderTopColor'

Le plugin semble uniquement compatible avec jQuery version 1.2 ou supérieure.

Exemple

$(document).ready(function(){
     $("#go").click(function(){
     $(".block").animate( { backgroundColor:'#008CFF', color:'#EFF8FF', borderLeftColor:'#000'}, 2000)
                       .animate( { backgroundColor:'#fff', color:'#444', borderLeftColor:'yellow'}, 2000);
     });
});

Ceci est un gros bloc qui change de couleurs si vous cliquez sur le bouton

Epatant, non ?

4 commentaires aucun rétrolien une annexe

- page 1 de 3