Partage de petits scripts

[MSLift]

Bonjour à tous,

Je voulais juste partager quelques scripts en JavaScript pour votre site web, qui sont assez utile (je trouve)

Déjà, jQuery:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Ensuite, un script qui permet de descendre ou monter de manière fluide quand on clique sur un lien interne (#).

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

- Requiert jQuery

<script type="text/javascript">

$('a[href^="#"]').click(function(){ 
    var the_id = $(this).attr("href"); 
    $('html, body').animate({ 
        scrollTop:$(the_id).offset().top 
    }, 'slow'); 
    return false; 
}); 
</script>

Ensuite un message qui change toutes les 3 secondes (personnalisable).

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

- Requiert jQuery

<script>
$(function () {
    var messages = [],
        index = 0;

    messages.push('Message n1');
    messages.push('Message n2');
    messages.push('Message n3');

    function cycle() {
        $('#id-du-conteneur-a-changer').html(messages[index]);
        index++;

        if (index === messages.length) {
            index = 0;
        }

        setTimeout(cycle, 3000);
    }

    cycle();
});
</script>

Et enfin, un script qui permet de faire tomber de la neige, comme sur RG !

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

- Ne requiert pas jQuery

<script src="http://pastebin.com/raw.php?i=4ihykC1X"></script>
<script type="text/javascript">
    $( document ).ready( function() {
        snowStorm.snowColor = '#ffffff'; 
        snowStorm.flakesMaxActive = 60;   
        snowStorm.useTwinkleEffect = true;
    });
</script>

J'espère que ça vous servira autant qu'a moi

 

[deleted293454]

Franchement c'est très beau l'effet de neige, ça me servira merci beaucoup

 

[MSLift]

Franchement c'est très beau l'effet de neige, ça me servira merci beaucoup

De rien

 

[coco1994]

merci pour le partage !

 

[MSLift]

merci pour le partage !

De rien j'essayerai d'en rajouter au fur et a mesure que jen trouve !

 

[MSLift]

Nouveau script, qui permet de rechercher dans un tableau et d'afficher directement les lignes qui correspondent.

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

(tableau de gauche) - Requiert jQuery

<input type="text" id="search" placeholder="Rechercher">
<script>
              var $rows = $('#ID-DU-TABLEAU tr');
$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
   
    $rows.show().filter(function() {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).hide();
});
</script>

 

[coco1994]

Nouveau script, qui permet de rechercher dans un tableau et d'afficher directement les lignes qui correspondent.

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

(tableau de gauche) - Requiert jQuery

<input type="text" id="search" placeholder="Rechercher">
<script>
              var $rows = $('#ID-DU-TABLEAU tr');
$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
  
    $rows.show().filter(function() {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).hide();
});
</script>

merci