Leaderboard
Popular Content
Showing content with the highest reputation on 16/02/2015 in all areas
-
IL EST DE RETOUR, POUR VOUS JOUER DE NOUVEAUX TOURS (non pas du tout) Ah putain, quelle plaisir de vous retrouvez ! C'est fou de voir comment un forum a pu autant évoluer, d'un point de vu esthetique et social. Je tiens d'ailleur a tous vous féliciter pour ce que vous avez apporté a ce forum, que se soit l'administrateur (#Daelian), les modos ou encore vous, oui vous, simple Melinyen qui participés a la vie de ce forum, juste BRAVO ! 15000 messaes, 402 membre alors qu'a l'epoque on devait etre une ceintaine, c'est tout simplement dingue ! Ouais mais attend, c'est bien beau de dire bravo toussa toussa, mais t'es qui ?! Je suis Ri0X2, fière membre actif du Melinyel 1.0. Nottament connu pour mon ambition de crée une equipe de joueur sur differents jeux et supports, la Melinyel Gaming Team, j'ai finalement était maitre de jeu et moderateur, en compagnie de Soulalex, du serveur officiel du forum, Meliwow (qui aura durée 3 semaine je crois). Je aussi fais quelques vidéos dans le temps que vous pouvez allez matter ici si jamais vous vous souvenez toujours pas de moi (PUB SPOTTED) : https://www.youtube.com/user/Ri0X2/videos Et si jamais, par malheur, vous n'avez jamais entendu parlé de moi, voici ma vrai présentation : fou comment mon humour a changé en un an ) OK, mais qu'est ce que tu fous la enfaite ? Malgrès que je me suis pas connecté depuis un moment, j'ai suivis l'évolution du forum et aujourd'hui, je me suis dis, "il est temps pour moi de retrouvé ma place" et comme vous me manquiez, c'est le moment idéal pour faire mon come back, histoire de voir ce que vous devenez, de prendre des nouvelles et vous faire découvrir de nouvelle chose (c'est le but d'un forum non?!). J'ai déjà des petites idée qui peuvent être sympa et que je vais tenté d'appliquer durant ces vacances. Voili voilou, j'espere que vous avez appréciez ce petit post, on se retrouve très prochainement et bonne journée, bande de petit charapignosse ! Rx21 point
-
Salut all, Aujourd'hui je vais vous faire une intro au jquery, ce qui n'est en faite qu'une libraire en javascript mais bon la plupart des gens considèrent ça comme un langage appart .-. le plus gros avantage du jquery c'est qu'il permet de faire des animations fluide sur la plupart des navigateur internet et qu'il est simple d'utilisation. Pour "installer" jquery sur son site c'est très simple, dans la balise head de votre site ajoutez la balise suivante avant l'appel d'autres scripts utilisant jquery: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> vous pouvez aussi télécharger jquery et le mettre directement sur votre site et mettre votre lien à la place (jquery.com) créez un fichier en *.js (ex: main.js) et ajoutez le de la même manière ci-dessus et dans votre jolie fichier on va ajouter ce que j'appel des balises jquery au même titre que le php (<?php ?>) même si ça n'a rien à voire, ce n'est pas obligé il existe différent type d'ouverture mais j'ai pris l’habitude d’utiliser celle-ci et ça évite des bugs de chargement: $(function() { // corps... }); dans l'exemple suivant on va faire un carré rouge qui change d'opacité si le curseur se trouve dessus ou non: -code html: <!DOCTYPE html> <html> <head> <title>MmoTrick - Intro au Jquery</title> <script type="text/javascript" src="_js/jquery.min.js"></script> <script type="text/javascript" src="_js/main.js"></script> </head> <body> <div id="carre" style="background: #ff0000; height: 100px; width: 100px; opacity: 0;"></div> </body> </html> -code Jquery ("_js/main.js" dans mon exemple): $(function() { $(document).ready(function() { $("#carre").fadeto(1, 1000); // 1 = opacité qu'il doit atteindre; 1000 durée de l'animation (1000 = 1sec) }); $("#carre").mouseenter(function() { // quand le curseur est sur le carré $("#carre").fadeto(0.2, 500); }); $("#carre").mouseleave(function() { // quand le curseur quitte le carré $("#carre").fadeto(1, 3000); }); }); -même code Jquery mais avec une syntaxe différente mais le même effet: $(function() { $("#carre").fadeto(1, 1000); // 1 = opacité qu'il doit atteindre; 1000 durée de l'animation (1000 = 1sec) $("#carre").mouseenter(function() { // quand le curseur est sur le carré $(this).fadeto(0.2, 500); }).mouseleave(function() { // quand le curseur quitte le carré $(this).animate({opacity: 1}, 3000); }); }); Légende: - $(document), $(this), $("#carre") sont des selecteurs ils permettent de désigner le ou les éléments auquel vous voulez apporter une modification, un evenemnt ou une fonction quelconque, "#carre" est un selecteur similaire au css vous pouvez donc le remplacer par quelque chose du style: ".carre:first" ce qui selectionne le premier element de la class "carre". - .ready(), .mouseenter(), .mouseleave() sont des evenements propre à jquery (ce qui permet une interaction plus fluide et contrôlée avec l'utilisateur). - .fadeTo, .animate() sont des fonctions propre à jquery ce qui permet l'interaction avec les élèments du site (surtout le css); Les différence entre les deux syntaxes: - suppression de l'evenement .ready (l’exécute le code dans le document est chargé), la balise jquery à +/- le même effet ce qui le rend inutile dans ce cas. - remplacement de $("#carre") par $(this), "this" indique que la modification ne s'applique que à l’élément concerné par l'evenement ce qui est utile dans le selecteur est une class (ex: ".carre" à la place de "#carre"). - .mouseleave() mit à la suite quand vous avez plusieurs evenement pour le même selecteur vous pouvez les accrocher. - remplacement de .fadeTo() par .animate(), fadeTo est une version raccourcis pour l'opacité, l'avantage de .animate() et que vous pouvez modifier plusieurs éléèment du css en même temps (ex: '$(this).animate({opacity: 1, width: 250}, 3000);' ). Si vous reprenez mes codes vous verrez que si vous passez plusieurs fois le curseur sur le curseur l'animation va se répéter en boucle pour empêcher cela il suffit d'ajouter la fonction .stop() avant .fadeTo() ou .animate. Pour créer des variables c'est exactement la même chose que en javascript... car c'est du javascript mais certains puristes mettent un "$" devant le nom ce qui ne change absolument rien. Bonne programmation à tous! Cordialement, Mars0731 point