Accueil Médias sociaux Amusant avec les plugins jQuery - les mannequins

Amusant avec les plugins jQuery - les mannequins

Table des matières:

Vidéo: Using event properties in jQuery | Computer Programming | Khan Academy 2025

Vidéo: Using event properties in jQuery | Computer Programming | Khan Academy 2025
Anonim

La bibliothèque jQuery est impressionnante en soi, et lorsque vous ajoutez des bibliothèques comme jQuery UI et jQuery Mobile, vous pouvez voir exactement comment cet outil est puissant. Mais ce n'est pas tout. Les développeurs de jQuery ont construit un incroyable mécanisme d'extension qui permet à des tiers d'ajouter facilement de nouvelles extensions appelées et de brancher - ins à jQuery.

Les détails de chaque plug-in varient, mais en général, vous devez faire ce qui suit pour les faire fonctionner:

  1. Lien vers jQuery.

    Tous ces plug-ins étendent les fonctionnalités de jQuery, donc ils partent du principe que vous utilisez jQuery sur votre site.

  2. Téléchargez une bibliothèque supplémentaire.

    Les plug-ins sont tous principalement des fichiers JavaScript, vous devez donc les installer sur votre propre serveur ou créer un lien. Certains des plug-ins incluent des fichiers et des instructions supplémentaires, veillez donc à vérifier les détails sur la page principale du plug-in.

  3. Ajouter une fonction init ().

    La plupart des pages jQuery ont une sorte d'initialisation et presque tous les plug-in doivent être initialisés. Veillez à ajouter une fonction init () de la manière normale.

  4. Appelez la fonction jQuery appropriée.

    La plupart des plug-ins ajoutent simplement de nouvelles fonctions à jQuery. Pour l'essentiel, l'exécution d'un plug-in nécessite simplement l'application de nouvelles fonctions jQuery à un ou plusieurs nœuds de votre page.

Il y a littéralement des centaines et des centaines de plug-ins disponibles. Vous pouvez en voir un tas chez Andy's Books. Vous pouvez trouver beaucoup plus de plug-ins dans le registre des plugins jQuery.

ipwEditor

Ce plug-in cool rend une partie de votre page web éditable. Vous pouvez choisir une forme simple d'édition ou quelque chose de plus sophistiqué avec l'outil FCKedit. (Après avoir commencé à jouer avec cet outil, vous le reconnaîtrez immédiatement car vous l'avez probablement utilisé des dizaines de fois en tant qu'utilisateur.) IpwEditor n'enregistre pas vos pages. Vous aurez toujours besoin d'un codage AJAX et côté serveur pour le faire. Cependant, c'est un moyen très simple de construire un CMS simpliste.

Flot

Parfois, vos pages Web doivent afficher certaines données. Il existe un certain nombre de puissants plug-ins graphiques que vous pouvez utiliser. Une option facile et puissante s'appelle Flot.

Le programme flot vous permet de créer un graphique à partir d'un tableau 2D de points de données. Vous pouvez extraire les données d'une base de données, les recueillir auprès des utilisateurs, ou autre. Le plug-in flot construit un canevas et génère l'un des nombreux tableaux standard. C'est un outil particulièrement puissant si vous avez besoin de faire des graphiques en temps réel sur votre site.

Cloud

Ces dernières années, il est devenu populaire d'offrir des visualisations de données ou des moyens d'illustrer des données.Un tel mécanisme est le nuage de tags . Essentiellement, cet outil place un certain nombre de mots dans des positions semi-aléatoires. Dans un nuage d'étiquettes typique, la position, la taille et la couleur des mots sont utilisées pour représenter la force relative et la relation des termes. Le plug-in cloud jQuery facilite la création de vos propres nuages ​​de tags. Vous pouvez convertir n'importe quelle liste HTML en nuage de tags. Ajoutez simplement un attribut de valeur facultatif à chaque élément

  • de la liste, et le plug-in modifie automatiquement la taille et le poids de l'élément en fonction de la valeur.

    Tablesorter

    Les programmes AJAX impliquent souvent la récupération de données fréquemment affichées dans un tableau HTML. Le plug-in tablesorter permet à l'utilisateur de trier facilement une table en cliquant sur un en-tête.

    Lorsque l'utilisateur clique sur l'en-tête du prénom, la table est triée par ordre alphabétique des prénoms. Cliquez à nouveau sur l'en-tête du premier nom pour trier par prénom dans l'ordre inverse. Le comportement par défaut du tablesorter vous permet de trier par n'importe quel champ d'en-tête.

    Droppy

    Les menus déroulants sont devenus un outil d'utilisation important sur les sites Web. Il existe des centaines de plug-ins jQuery pour gérer cette fonctionnalité. Un bon choix est droppy parce qu'il est très facile à utiliser.

    La plupart des systèmes de navigation sont des listes de liens imbriquées. Le plugin droppy prend simplement un ul avec un tas de liens (imbriqués aussi profondément que vous le souhaitez) et le transforme en un menu déroulant bien formaté.

    Galleria

    Les galeries d'images sont un autre sujet de plugin très populaire. De nombreuses galeries d'images sont disponibles pour jouer avec. Galleria est une galerie d'images populaire et puissante qui ne nécessite aucun script côté serveur.

    La galerie d'images par défaut possède de super caractéristiques:

    • Les images sont préchargées: Chaque image est chargée en mémoire lors de l'initialisation de la page, il n'y aura donc pas de délai lorsque l'utilisateur passe d'une image à l'autre.

    • L'outil Galerie crée automatiquement des images miniatures: Les images d'index plus petites (vignettes) sont automatiquement créées et ajoutées à la page.

    • Cliquer sur une vignette l'agrandit dans la zone d'affichage: La plus grande zone d'affichage contient une version plus grande de l'image actuelle.

    • Cliquer sur la zone d'affichage vous permet d'afficher l'image suivante: Le comportement par défaut vous permet de parcourir facilement les images avec des clics de souris.

    • La sortie est basée sur CSS: Utilisez le fichier CSS inclus pour gérer l'affichage de votre page, y compris comment et où vont les vignettes, la taille de l'image affichée, et plus encore.

    • Il a beaucoup d'options: Le plug-in Galleria est très personnalisable. Il comporte de nombreuses options avancées. Consultez la documentation pour plus d'informations.

    Utiliser Galleria ressemble beaucoup à n'importe quel autre plug-in jQuery. Ajoutez les scripts appropriés, écrivez du code HTML basique et ajoutez un noeud jQuery magique:

    1. Importez les scripts.

      Vous aurez toujours besoin de jQuery, ainsi que de jquery. galleria et la galleria. css Feuille de style CSS.

    2. Créer une liste d'images.

      Faire de chaque élément de la liste une image.

    3. Ajoutez le noeud galleria () à la liste.

      C'est vraiment tout ce que vous devez faire.

    4. Jouez avec les options.

      Consultez la documentation pour trouver d'excellentes options, notamment la possibilité d'utiliser des miniatures personnalisées, de spécifier votre propre conteneur de sortie et d'exécuter des fonctions de rappel lorsque l'utilisateur sélectionne une image ou une miniature.

  • Amusant avec les plugins jQuery - les mannequins

    Le choix des éditeurs

    Comment créer un diagramme SmartArt PowerPoint 2007 - Les mannequins

    Comment créer un diagramme SmartArt PowerPoint 2007 - Les mannequins

    Constituent le moyen le plus simple de créer un diagramme PowerPoint SmartArt pour créer une nouvelle diapositive PowerPoint et entrer une liste à puces, puis la convertir en SmartArt. Créez d'abord votre diapositive à l'aide de la disposition Titre et contenu, puis procédez comme suit:

    Comment créer une vidéo de présentation dans PowerPoint sur votre Mac - dummies

    Comment créer une vidéo de présentation dans PowerPoint sur votre Mac - dummies

    Un moyen de distribuer une vidéo de présentation PowerPoint doit l'enregistrer dans un fichier QuickTime (MOV) sur votre Mac et distribuer le fichier par courrier électronique ou le poster sur Internet. PowerPoint offre une commande pour créer une version QuickTime d'une présentation. Chaque aspect d'une présentation PowerPoint, y compris les transitions, animations, sons, vidéos ...

    Création d'une transition de diapositives PowerPoint 2013 - des mannequins

    Création d'une transition de diapositives PowerPoint 2013 - des mannequins

    Est une transition de PowerPoint 2013 au prochain lors d'un diaporama à l'écran. La manière normale de passer d'une diapositive à l'autre est simplement de couper la nouvelle diapositive - efficace, oui, mais aussi ennuyeuse. PowerPoint vous permet d'affecter l'un des plus de 50 effets spéciaux différents à ...

    Le choix des éditeurs

    Comment créer une société en ligne QuickBooks pour un client - des nuls

    Comment créer une société en ligne QuickBooks pour un client - des nuls

    Pour l'entreprise. Si vous vous êtes inscrit au programme Intuit Wholesale Pricing, la responsabilité de facturation de la société QBO que vous créez devient une question de choix: vous pouvez payer l'abonnement du client et ensuite facturer le client pour le coût de l'abonnement. À l'heure actuelle (cela pourrait changer dans le futur), ...

    Créer une copie comptable du fichier de données QuickBooks - les nuls

    Créer une copie comptable du fichier de données QuickBooks - les nuls

    QuickBooks 2012 permet aux comptables de travailler avec des fichiers de données client. Votre client crée la copie comptable du fichier de données QuickBooks en utilisant sa version de QuickBooks et le fichier de données réelles, puis crée un fichier que le client vous envoie (par exemple par courrier ou par e-mail) ...

    Créer une copie comptable du fichier de données 2013 de QuickBooks - les mannequins

    Créer une copie comptable du fichier de données 2013 de QuickBooks - les mannequins

    QuickBooks 2013 facilite la tâche comptables pour travailler avec les fichiers de données client. Votre client crée la copie comptable du fichier de données QuickBooks en utilisant sa version de QuickBooks et le fichier de données réelles, puis crée un fichier que le client vous envoie (par exemple par courrier ou par e-mail) ...

    Le choix des éditeurs

    10 Questions fréquemment posées sur la méditation - les nuls

    10 Questions fréquemment posées sur la méditation - les nuls

    Quand la plupart des gens considèrent la pratique de la méditation Ils ont quelques questions auxquelles ils veulent avoir une réponse - et quand ils commencent, ils en proposent un peu plus. Voici les réponses à dix questions courantes pour vous aider à démarrer votre voyage. Est-ce que la méditation me fait trop ...

    10 Méthodes populaires du corps et de l'esprit - les nuls

    10 Méthodes populaires du corps et de l'esprit - les nuls

    Vous n'êtes pas le seul à s'intéresser de plus en plus à ce qui est maintenant appelé fitness esprit-corps. La fascination et la demande se répandent comme une traînée de poudre. Ce sont les pratiques du corps et de l'esprit les plus en vue et en développement. Méthode du corps et de l'esprit n ° 1: Yoga Hatha Yoga met l'accent sur les formes physiques pour aider l'esprit. Les bonus ajoutés comprennent l'augmentation de l'équilibre, du corps ...

    10 Occasions de voir sa vie avec des yeux spirituels - des nuls

    10 Occasions de voir sa vie avec des yeux spirituels - des nuls

    La vie apporte une variété de plaisants et stimulants expériences: Un jour, tout se passe bien, mais un autre jour est rempli d'obstacles. Une fois que vous êtes douchés de bonne fortune, mais une autre fois vous êtes traîné par le malheur. Vous pouvez vous sentir restreint par votre passé, avoir peur pour l'avenir ou avoir de l'espoir pour une nouvelle possibilité. Tout ...