Avec WordPress 3.3 également jQuery et tous ses modules ont été alignés. Maintenant, il est possible d'accéder à la nouvelle liste des modules de la dernière version 3.3, telles que autocomplete. Voici un extrait d'une bonne intégration:
1 2 3 4 5 6
| / / Modules que WordPress se chargera pour nous préparatoire pour le script "MyScript.js" array ( 'jquery-ui-slider' , Deps $ = tableau («jquery-ui-slider", «Jquery-ui-datepicker», «Jquery-ui-autocomplete ' ); , 'js/myscript.js' , $deps , 1 . 3 . 4 , true ) ; wp_enqueue_script ('key', 'js / MyScript.js », DEPS $, 1 3 4, c'est vrai..); |
Suite ...
Le widget calendrier pour jQuery UI , la soi-disant Datepicker permet à de nombreux paramètres, dont celui de décider une série d'années à afficher dans le menu déroulant.
Suite ...
con datepicker , quest'ultimo scompare dietro al dialog a causa di un errata impostazione dello zIndex . L'ouverture d'un dialog avec jQuery UI , où l'intérieur est fixé à un champ input avec datepicker , il disparaît derrière le dialog en raison d'un réglage incorrect de la zIndex . , dopo l'impostazione del nostro campo input a datapicker , le seguenti righe di codice: Pour le résoudre, il suffit d'entrer l'éventualité open le dialog , après la création de notre champ input à datapicker , les lignes de code suivantes:
Suite ...
Un intéressant et utile bibliothèque JavaScript basé sur le couplage Prototype et Scriptaculous qui vous permet d'ajouter la fonction de DatePicker (composant présent dans ActionScript / Flash) dans SAISIE DE TEXTE HTML normal.
Sa caractéristique discrète (non-intrusive) en fait un outil idéal pour étendre les fonctionnalités d'un site qui a été précédemment établi. Pour activer le DatePicker il suffit d'ajouter la classe "date" dans notre INPUT TAG. Dans le code JavaScript, vous pouvez définir un certain nombre de paramètres, y compris le soutien écrasant pour la langue italienne.
Voici une partie de l'exemple de code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| "text/javascript" src = "/prototype.js" >< / script > < script de type = "text / javascript" src = "/ prototype.js"> </ script de > "text/javascript" src = "/scriptaculous.js" >< / script > < script de type = "text / javascript" src = "/ scriptaculous.js"> </ script de > "text/javascript" src = "/datepicker.js" >< / script > < script de type = "text / javascript" src = "/ datepicker.js"> </ script de > "text/css" > < style de type = "text / css"> @ Import ("/ css / datepicker.css"); </ style de > < former > "text" id = "date-from" name = "date-from" / > < entrée type = "text" id = "date du" name = "date de" /> </ forme > "text/javascript" > < script de type = "text / javascript"> DPCK var = new DatePicker ({ connexe: «date de», langue: 'fr' }); </ script de > |
Suite ...
Derniers Commentaires
Giovambattista Fazioli : @ ale: Comme le montre @ Kevin voir sur GitHub repo: https://github.com/gfazioli/Ch roma-Key
Giovambattista Fazioli : @ Kevin: Voir https://github.com/gfazioli/Ch roma-Key
Kevin : Très bel exemple - aimerait voir le fla trop.!
Ludovica : Bonjour! Je vais vous expliquer mon doute. Quand j'écris un billet pas ajouter des images dans l'article (si c'est le cas ...
Marco : Bonjour @ Giovan Battista Fazioli, merci pour toutes les explications de cet excellent guide. J'ai une question à ...