Aller au contenu | Aller au menu | Aller à la recherche
mardi 15 février 2011
Par rivsc le mardi 15 février 2011, 17:11
Vous connaissez Quicksand ? Mais si le plugin jquery qui affiche / masque / ordonne des éléments de manière super classe. (http://razorjack.net/quicksand/ (Licence MIT)).
Et bien voici le plugin jquery Isotope (http://isotope.metafizzy.co/). Il fait la même chose mais avec des fonctions d'optimisation de place.
Petit bémol tout de même il n'est gratuit que pour une utilisation non commerciale.
vendredi 17 décembre 2010
Par rivsc le vendredi 17 décembre 2010, 14:04
Voici un plugin jQuery Lazyload, ce plugin permet de charger les images dans l'ordre visible d'apparition. Ainsi les images du bas de votre site ne s'afficheront que lorsque le scroll atteindra ces images.
Lien vers le plugin :
http://www.appelsiini.net/projects/lazyload
Demo :
http://www.appelsiini.net/projects/lazyload/enabled.html
Issu de la page du plugin :
Dans la balise <head>
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript"> $("img").lazyload(); </script>
mardi 23 novembre 2010
Par rivsc le mardi 23 novembre 2010, 09:31
Bon je n'ai pas l'habitude de faire des billets sur mes flux rss mais bon. De nombreuses personnes cherchent comment personnaliser les scrollbars (ascenseur) en html css. Bon en fait le principe c'est de refaire une barre d'ascenseur complétement géré par javascript avec jquery.
Si vous cherchez en anglais : cherchez "scroll pane".
Voici un article qui en présente 18.
mercredi 17 novembre 2010
Par rivsc le mercredi 17 novembre 2010, 15:14
Voici un petit plugin jquery bien pratique qui permet d'avoir un header de table toujours visible en haut du tableau quand on scroll.
Non seulement le plugin fait ce qu'on lui demande mais il en fait plus encore : quand on scroll jusqu'à la fin du tableau le header disparait ! Trop top !
La demo ici : http://www.mustafaozcan.net/en/demo/fixedtableheader/jquery-fixedtableheader-demo-en.html
Le plugin ici : http://plugins.jquery.com/project/fixedtableheader
vendredi 29 octobre 2010
Par rivsc le vendredi 29 octobre 2010, 11:39
J'ai eu un petit bug aujourd'hui pour centrer verticallement un div (enfin une image !)
J'utilise cette fonction jquery
(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
return this.each(function(i){
var ah = $(this).height();
var ph = $(this).parent().height();
var mh = (ph - ah) / 2;
$(this).css('margin-top', mh);
});
};
})(jQuery);
Donc dans mon code j'ai fait :
$(document).ready(function() {
alert($('#monimg').height());
alert($('#monimg').css('height'));
$('#monimg').vAlign();
});
Les valeurs affichées était 0 et 0 et mon image ne s'est pas centrée !
Après de moulte recherche, je suis tombé sur une discussion !
Il existe une différence entre $(document).ready(); et $(window).load();
$(document).ready(); : quand le document est chargé (le DOM)
$(window).load(); : quand la fenêtre est chargé (avec toutes ces images)
J'ai donc fait :
$(window).load(function() {
alert($('#monimg').height());
alert($('#monimg').css('height'));
$('#monimg').vAlign();
});
Résultat une fois toutes les images centrées, la hauteur de mon image est renvoyée et elle s'est centrée !
Encore un petit problème : le temps que toutes les images se chargent mon image #
monimg ne s'est pas centrée (ben oui
$(window) n'était pas totalement "loadé" !
Du coup j'ai mis style="display:none;" sur mon image et ensuite j'ai mis le code dans head :
$(window).load(function() {
$('#monimg').show();
$('#monimg').vAlign();
});
J'en ai appris une bien bonne aujourd'hui :-)
vendredi 24 septembre 2010
Par rivsc le vendredi 24 septembre 2010, 10:30
Bon tout est dans le titre.
Ce plugin jquery permet à votre background de s'adapter à la taille du
navigateur (et donc de votre écran).
Tout se passe ici :
http://www.aaronvanderzwan.com/maximage/bg.php
vendredi 17 septembre 2010
Par rivsc le vendredi 17 septembre 2010, 17:53
Il faut réinstaller les helpers :
rails plugin install
git://github.com/rails/prototype_legacy_helper
Installer jrails qui surcharge les helpers pour utiliser jquery Dans le gemfile
gem 'jrails'
Puis dans la console, pour installer les gems manquants
bundle install
Dans la vue il faut ajouter jquery 1.3.2 ou 1.4.2 et les button_to_remote et link_to_remote refonctionnent !
« billets précédents - page 2 de 5 - billets suivants »