Accueil Finances personnelles Comment créer des éléments sélectionnables dans AJAX pour la programmation HTML5 et CSS3 - les tétines

Comment créer des éléments sélectionnables dans AJAX pour la programmation HTML5 et CSS3 - les tétines

Table des matières:

Vidéo: COMMENT COPIER du TEXTE en JAVASCRIPT 2025

Vidéo: COMMENT COPIER du TEXTE en JAVASCRIPT 2025
Anonim

Il se peut que vous souhaitiez que l'utilisateur choisisse une liste d'éléments. AJAX permet aux programmeurs HTML5 et CSS3 cette option. Le widget sélectionnable est un excellent moyen de créer cette fonctionnalité à partir d'une liste ordinaire. L'utilisateur peut faire glisser ou Ctrl + clic sur les éléments pour les sélectionner. Les classes CSS spéciales sont automatiquement appliquées pour indiquer que l'élément est en cours de sélection ou sélectionné.

Procédez comme suit pour créer un élément sélectionnable:

  1. Commencez avec une liste non ordonnée.

    Créez une liste standard non ordonnée dans votre code HTML. Donnez un identifiant à l'ul pour qu'il puisse être identifié comme un nœud jQuery:

    
    

    sélectionnable

    • alpha
    • beta
    • gamma
    • delta
  2. Ajoutez des classes CSS pour la sélection et les états sélectionnés.

    Si vous souhaitez que les éléments sélectionnables changent d'aspect lorsque les éléments sont sélectionnés ou sélectionnés, ajoutez des classes CSS comme indiqué. Certaines classes spéciales (ui-selection et ui-selected) sont prédéfinies et seront ajoutées aux éléments aux moments appropriés:

    h1 {text-align: center;} #selectable. ui-selection {background-color: gray;} #selectable. ui-selected {background-color: noir; color: white;}
    
  3. Dans la fonction init () , spécifiez la liste en tant que nœud sélectionnable.

    Utilisez la syntaxe jQuery standard: selectable ().

    $ ("# sélectionnable"). sélectionnable ();
    

La classe est attachée à tous les éléments lorsqu'ils ont été sélectionnés. Assurez-vous d'ajouter une sorte de CSS à cette classe, ou vous ne serez pas en mesure de dire que les éléments ont été sélectionnés.

Si vous voulez faire quelque chose avec tous les éléments qui ont été sélectionnés, créez simplement un groupe d'éléments jQuery avec la classe sélectionnée par l'ui:

var selectedItems = $ (". Ui-selected");
Comment créer des éléments sélectionnables dans AJAX pour la programmation HTML5 et CSS3 - les tétines

Le choix des éditeurs

3 Façons de promouvoir votre site Dreamweaver avec des sites sociaux - dummies

3 Façons de promouvoir votre site Dreamweaver avec des sites sociaux - dummies

Comment amener les gens à visitez votre site Dreamweaver? C'est un problème commun. Améliorez vos chances et économisez votre budget avec ces conseils sur les médias sociaux, qui sont conçus pour vous aider à attirer les bons visiteurs sur votre site Web. Utiliser les sites de réseautage social pour la promotion Le réseautage social, l'art de se rencontrer et de créer des contacts ...

Adobe CS5 Dreamweaver CSS et compatibilité du navigateur - dummies

Adobe CS5 Dreamweaver CSS et compatibilité du navigateur - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver fournit le navigateur Compatibility Check, qui permet de détecter et de signaler tout problème d'affichage lié à CSS qui peut se produire dans certains navigateurs et versions. La vérification de compatibilité du navigateur vérifie la compatibilité CSS par défaut dans ces navigateurs: Firefox 1-3; Internet Explorer (Windows) 6. 0-8. 0; Internet Explorer (Macintosh) 5. 2; Netscape Navigator 7. 0-8. 0; Opera ...

Adobe CS5 Astuces de dénomination de fichier Dreamweaver - les nuls

Adobe CS5 Astuces de dénomination de fichier Dreamweaver - les nuls

Commencent à nommer Adobe Creative Suite 5 (Adobe CS5) Dreamweaver fichiers et dossiers correctement. Suivez ces conseils pour vous assurer que les liens et les pages apparaissent lorsqu'ils sont censés: Utiliser les minuscules pour tous les noms de fichiers. L'utilisation de toutes les lettres minuscules dans les noms de fichiers est un moyen facile de s'assurer que vous n'avez pas de liens brisés car ...

Le choix des éditeurs

Zones d'entités de sharePoint par type de produit: WSS / MOSS - dummies

Zones d'entités de sharePoint par type de produit: WSS / MOSS - dummies

Microsoft Office SharePoint Server (MOSS 2007 fait officiellement partie de la suite de produits Microsoft Office, ce qui vous donne accès à Windows SharePoint Services (WSS). Le premier tableau présente les modèles WSS et MOSS. Le tableau ci-dessous présente les principales fonctionnalités de SharePoint.

Partager des sites d'équipe avec des utilisateurs externes via SharePoint Online - des nuls

Partager des sites d'équipe avec des utilisateurs externes via SharePoint Online - des nuls

SharePoint Online, un des produits Avec Office 365, fournit une infrastructure unifiée pour les organisations de partager des documents non seulement avec des collègues, mais aussi avec des partenaires externes. Un propriétaire de collection de sites peut activer le partage externe, puis inviter des utilisateurs externes à collaborer sur des sites, des listes et des bibliothèques. Pour résoudre les problèmes de sécurité, l'infrastructure est ...

Partager la charge de travail pour gérer les utilisateurs externes SharePoint Online - les nuls La technologie cloud

Partager la charge de travail pour gérer les utilisateurs externes SharePoint Online - les nuls La technologie cloud

Va sans aucun doute réformer utiliser l'informatique - s'ils ont même un service informatique interne. Si votre entreprise dispose d'un département informatique interne, déchargez votre personnel informatique des aspects tactiques afin qu'ils puissent se concentrer sur les activités stratégiques en redistribuant les tâches informatiques typiques vers les utilisateurs finaux. Si ...

Le choix des éditeurs

Installer Python sur MacOS pour travailler avec des algorithmes - mannequins

Installer Python sur MacOS pour travailler avec des algorithmes - mannequins

L'installation de Mac OS X est disponible en une seule forme 64 bits Avant de pouvoir effectuer l'installation, vous devez télécharger une copie du logiciel Mac à partir du site Continuum Analytics. Les fichiers d'installation se présentent sous deux formes. Le premier dépend d'un installateur graphique; la seconde repose sur la ligne de commande. La version de ligne de commande ...

Intégrer le Big Data à l'entrepôt de données traditionnel - les nuls

Intégrer le Big Data à l'entrepôt de données traditionnel - les nuls

Tandis que les mégadonnées et les données traditionnelles entrepôt se croisent, ils sont peu susceptibles de fusionner de sitôt. Pensez à un entrepôt de données comme un système d'enregistrement pour la veille économique, un peu comme un système de gestion de la relation client (CRM) ou de comptabilité. Ces systèmes sont très structurés et optimisés à des fins spécifiques. En outre, ...

Utilisation des enquêtes sur les données Les enquêtes sur les mines

Utilisation des enquêtes sur les données Les enquêtes sur les mines

Sont utiles pour collecter des données sur presque tous les aspects de l'activité humaine. la vie. Vous ne pouvez ignorer les enquêtes si votre profession n'a rien à voir avec les gens, comme disent, l'astrophysique. Là encore, les astrophysiciens ont besoin de gens pour financer leurs recherches et veulent que les gens visitent les planétariums, alors ils pourraient aussi avoir besoin d'enquêtes! Voici des exemples de ...