YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

Javascript Partage de petits scripts

Statut
N'est pas ouverte pour d'autres réponses.

MSLift

Membre Premium
Premium
Inscrit
5 Août 2013
Messages
770
J'aime
291
Points
4 236
Reply from MSLift Forums généraux Informatique ⌨️ Programmation Programmation web : Partage de petits scripts #1
Bonjour à tous,

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

Déjà, jQuery:
Code:
<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 vous inscrire pour voir les liens !
- Requiert jQuery
Code:
<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 vous inscrire pour voir les liens !
- Requiert jQuery
Code:
<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 vous inscrire pour voir les liens !
- Ne requiert pas jQuery
Code:
<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 :D
 
D

deleted293454

Invité
Reply from deleted293454 Forums généraux Informatique ⌨️ Programmation Programmation web : Partage de petits scripts #2
Franchement c'est très beau l'effet de neige, ça me servira merci beaucoup :)
 
Inscrit
20 Octobre 2012
Messages
1 292
J'aime
784
Points
4 326
Reply from coco1994 Forums généraux Informatique ⌨️ Programmation Programmation web : Partage de petits scripts #4
merci pour le partage !
 

MSLift

Membre Premium
Premium
Inscrit
5 Août 2013
Messages
770
J'aime
291
Points
4 236
Reply from MSLift Forums généraux Informatique ⌨️ Programmation Programmation web : Partage de petits scripts #6
Nouveau script, qui permet de rechercher dans un tableau et d'afficher directement les lignes qui correspondent.


Vous devez vous inscrire pour voir les liens !
(tableau de gauche) - Requiert jQuery
Code:
<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>
 
Inscrit
20 Octobre 2012
Messages
1 292
J'aime
784
Points
4 326
Reply from coco1994 Forums généraux Informatique ⌨️ Programmation Programmation web : Partage de petits scripts #7
Nouveau script, qui permet de rechercher dans un tableau et d'afficher directement les lignes qui correspondent.


Vous devez vous inscrire pour voir les liens !
(tableau de gauche) - Requiert jQuery
Code:
<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 ;)
 
Statut
N'est pas ouverte pour d'autres réponses.


Discussions similaires

Haut