Notre Blog
Écrits, partage des connaissances nouvelles, Tutoriels
Chargement en cours ...
Le «Select» Problème Après l'utilisation de jqTransform et sa solution
18 février 2010 - Par Sumeet
Récemment, je travaillais sur un projet qui a nécessité un formulaire personnalisé avec seulement des boites de sélection. J'ai utilisé jqTransform de personnaliser la forme et en travaillant sur elle, j'ai découvert que, après la transformation de la boîte de sélection dans une liste de liens hypertextes, le «changement» de la méthode de la boîte de sélection ne fonctionne pas du tout. Comme «sur-valeur-changement» événement est une fonction très importante pour toute zone de liste déroulante voici donc une solution très simple à manipuler tout en utilisant jqTransform.
Le projet de
Dans ce récent projet de la mine, j'ai été obligé de construire une page d'atterrissage. Dans cette page d'atterrissage, il y aurait une liste de langues et après que l'utilisateur sélectionne une langue particulière, la page d'accueil du site ouvrirait automatiquement dans la langue sélectionnée respective. Il a également été nécessaire pour le style de la boîte de liste de sélection dans la façon dont il a été donné dans la conception de la page d'atterrissage. J'ai donc opté pour la jqTransform jQuery plug-in, que j'ai utilisé une fois pour certaines formes de style. jqTransform est très agréable plug-in afin de personnaliser les formes d'une manière très facile et le produit final ne fait aucun doute belle. Mais dans ce cas, il est devenu un disjoncteur vitesse mineur à mes progrès.
Le Problème
La liste déroulante liste de contrôle de la forme html contient 'SELECT' balises qui encadrent les différents 'option' tags. Voici un formulaire dont je me sers dans ce tutoriel pour expliquer le problème:
<form> <h4> Sélectionnez Boîte Sans jqTransform </ h4> <div id="box-city" class="select-menus"> <label> Ville </ label> <br/> <select name="select-country"> <option> Gotham </ option> <option> New York City </ option> <option> Smallville </ option> </ Select> <div class="clear"> </ div> </ Div> </ Form>
Qu'est-ce jqTransform fait est, il scanne l'ensemble tag 'select' et crée une liste non ordonnée contenant des hyperliens des options dans le menu déroulant la liste. Il se cache alors l'original 'select' étiquette et son contenu.
<form class="jqtransform jqtransformdone"> <h4> zone Sélectionner avec jqTransform et normal méthode de changement de sélection </ h4> <div class="select-menus" id="box-name"> style d'étiquette <= "cursor: pointer ; "> Nom </ label> <div class="jqTransformSelectWrapper" style="z-index: 10; width: 150px;"> <div> <span style="width: 119px;"> Batman </ span> < a class = "jqTransformSelectOpen" href = "#"> </ a> </ div> <ul style="width: 148px; display: none; visibility: visible; height: 100px; overflow: hidden;"> <li> <a href="#" index="0" class="selected"> Batman </ a> </ li> <li> <a href="#"> index="1" Robin </ a> </ li> <li> <a href="#"> index="2" Superman </ a> </ li> <li> <a href="#"> index="3" Spiderman </ a> </ li> </ ul> <select name="select-country" class="jqTransformHidden" style=""> <option> Batman </ option> <option> Robin </ option> <option> Superman </ option> < option> Spiderman </ option> </ select> </ div> <div class="clear"> </ div> </ div> </ form> Cela ne crée pas un problème quand on utilise le 'select' tag généralement pour sélectionner une valeur particulière et en effectuant ensuite la soumission du formulaire en utilisant un bouton submit. Il crée un problème lorsque l'on veut effectuer certaines fonctions lorsque la valeur de la liste déroulante est changé.
Ceci est normalement réalisé en javascript en utilisant le «changement» méthode de la commande de sélection. Le «changement» méthode de capture l'événement valeur du changement et nous pouvons accéder à la valeur sélectionnée par l'utilisateur de la manière suivante.
/ / Capture de l'événement de modification de la boîte de non-transformé Select. Changement $ ("# box-ville select"). (Function () { var value = $ (this) val ().; alert ("Valeur sélectionnée =" + valeur); });
Mais après avoir utilisé la jqTransform plug-in, 'select' tag n'est pas plus là pour appliquer la méthode de changement sur.
La solution
La solution à cela, c'est très simple. On peut simuler l'événement de changement de la chute de jqTransformed déroulant en appliquant une fonction de cliquage à l'élément d'hyper-lien dans la liste non-ordonnée. Ensuite, nous pouvons avoir la valeur sélectionnée par l'accès au texte de la balise span, où l'élément sélectionné est mis ou affichée.
/ / Capture de l'événement de modification de la boîte Transformé Select à l'aide de la méthode modifiée de capturer l'événement de changement de valeur. $ ("# Box-âge div.jqTransformSelectWrapper ul li a"). Cliquez sur (function () { var value = $ ("span # div.jqTransformSelectWrapper box-âge»). text () alert ("Valeur sélectionnée =" + valeur); return false; / / empêcher l'action par défaut du navigateur });
Conclusion
C'est une façon de simuler la fonction de changement pour déroulante liste des boîtes après avoir utilisé jqTransform de les personnaliser. L'autre option consiste à modifier le plugin jqTransform lui-même pour bien accéder à l'événement onChange des 'select' des boîtes. J'espère que le plug-in jqTransform les développeurs peuvent résoudre ce problème dans leur prochaine version du plug-in. Bien que ce n'est pas un bug très important ou commune, mais j'espère que cela était d'un peu d'aide.
Tags: CSS , formulaires , jqTransform , jQuery
Propos de l'auteur
Sumeet est le fondateur du Code-pal. Il travaille en tant que développeur web, est un programmeur hardcore, bourreau de travail, type d'amusement et aime sa famille. Suivez-le sur Twitter et Facebook.
Vous pouvez suivre les réponses à cette entrée via RSS 2.0 feed. Vous pouvez laisser une réponse , ou trackback depuis votre propre site.
Partager les connaissances
D'autres postes qui pourraient vous intéresser
75 réponses
Trackbacks et Pingbacks
Laisser un commentaire
Parcourir
- Le «Select» Problème Après l'utilisation de sa solution et jqTransform 75 commentaire (s)
- Comment coder un chevauchement onglets du menu principal 48 commentaire (s)
- Modèle de demande iPhone 34 commentaire (s)
- Intégrer Zoom Cloud avec WP e-Commerce d'or Panier Galerie 32 commentaire (s)
- Modèle Grunge 23 commentaire (s)
- Spice Up Your Box Twitter affichage flux en utilisant CSS 18 commentaire (s)
- Modèle d'affaires 17 commentaire (s)
-
Eh bien, vous pouvez inclure la partie HTML dans le bas de votre page blogger ...
-
hey vraiment awesom hover jouer avec twitter, mais je veux un peu d'aide je veux ...
-
Salut, je suis nouveau sur HTML 5. J'ai essayé de placer mes propres photos et bannière en ...
-
Tutoriel très agréable, le design excellent. Tks pour le partage ....
Merci de la solution ci-dessus. Très utile. Je me demande si vous pouviez m'aider avec un problème supplémentaire? jqtransform semble ignorer la partie d'une liste de sélection. Pouvez-vous m'aider à trouver une solution afin qu'ils soient affichés dans la liste de sélection transformé??
Tous les pointeurs serait très apprécié!
Le code semble avoir été supprimé. Je faisais allusion à «optgroup 'partie d'une liste de sélection
Je n'ai pas eu quel problème que vous faites allusion? Peut-être vous pouvez poster un lien vers un exemple ou quelque chose pour que je puisse prendre un coup d'oeil dans les détails?
J'espère que votre problème est résolu si
Avez-vous essayé de créer une liste de sélection qui utilise le 'optgroup' fonctionnalité ainsi que «option»? Il semble tout simplement ignorer ces entièrement et ne pas les intégrer dans le 'ul' liste. Comment puis-je les amener à les construire dans?
Je n'ai pas encore essayé. Est-ce que l'essayer quand j'aurai le temps
Bonjour;
est ce que vous avez trouvé une solution pour l'utilisation de "OptionGroup"?
merci
Salut. im just me demandais si quelqu'un a réussi à étendre la JS du jqTransform pour couvrir multiselect. actuellement, le script contourne simplement des listes de sélection avec l'attr de multiples. Im pas un expert JS si. Quelqu'un at-il des idées?
Simon,
Avez-vous jamais trouver un solutino à la question JqTransform avec multiselect?
J'ai googlé pour trouver une solution, mais trouvé que du vide?
Comment puis-je remplir une sélection après avoir utilisé jqTransform?
Vous n'avez pas à remplir la balise select après l'utilisation de jqTransform car il transforme automatiquement les éléments de la balise existante "option" en hyper-liens. Donc, si vous fournir les options de la même partir en utilisant les balises option, il ne sera pas un problème.
OU
Vous voulez dire que vous voulez pour remplir dynamiquement la boîte de sélection selon une interaction utilisateur avec le formulaire?
Oui, je veux remplir dynamiquement la boîte de sélection.
Eh bien, pour ce faire vous devez sélectionner la liste non ordonnée de liens hypertextes générés par jqTransform puis ajouter un élément de la liste contenant le lien hypertexte (votre choix) à cette liste non ordonnée.
Pouvez-vous me donner un exemple simple sur la façon de le faire? Vous débutez avec jQuery.
Merci Mauch.
@ Fcaracol: Je travaille sur ce tout à l'heure pour un projet, vous donner un feed-back quand il est ok.
@ Fdjulien: Bonjour
des thats une grande .. Je suis tellement pris par mes examens qui suis incapable de donner du temps à rien d'autre .. 
Et hop:
http://pastebin.com/tZraxjDX
Passez une bonne journée ^ ^
(Si vous savez comment nous pouvons contrôler la hauteur de la liste des enfants après show / hide, commentaires)
Merci à tous pour les messages.
Ma solution pour le problème:
http://pastebin.com/wYSgh3hj
gentil, merci.
dernier blog serwisyleit.pl int de .. Le TRIC à développer des relations positives dans l'éducation
jqtransform ne fonctionne pas depuis plus de 11 balises select à la page
Rechercher
. Css ({zIndex: 10-index})
et remplacer seulement avec
. Css ({zIndex: 999-index})
C'est ok
http://plugins.jquery.com/node/13233
Je vais avoir un problème similaire et ont tenté d'ajuster ce code pour une utilisation avec window.open pour un de mes valeurs d'option. Je me demandais si vous pouviez nous fournir un exemple où de trois options d'un select: chat, chien, oiseau et de sélection de «chien» serait popout une nouvelle fenêtre pour un lien externe. Je n'arrive pas à obtenir l'événement en direct () pour le faire correctement.
Je vous remercie de l'aide.
Donc ce que vous voulez faire, c'est, lorsque vous sélectionnez une option particulière, une fenêtre pop-up serait ouvert à un lien externe à l'égard de l'option choisie?
Exactement. Je n'ai aucune expérience javascript à proprement parler, mais en utilisant votre guide que j'ai fait de la mode à un script qui permettrait de tester si le texte de l'option correspondait à une certaine chaîne de caractères et, si oui, délivrer un événement window.open. Le code est probablement un peu lourd, mais il fonctionne.
Toutefois, je tiens à comprendre comment obtenir une fonctionnalité jqtransform pour les formes situées dans des divs qui sont chargés dynamiquement à partir d'onglets jquery.
Eh bien, vous pouvez activer jqTransform sur divs qui sont chargés dynamiquement par un nouvel appel de la méthode jqtransform sur le id ou class de cette forme particulière dans ce div généré dynamiquement.
Sumeet,
Merci pour cette réponse. Je monte un grand nombre de résultats de recherche avec des personnes ayant des problèmes similaires avec le contenu chargé dynamiquement, mais malheureusement avec aucune solution. Si vous pouvez fournir un exemple d'appliquer de nouveau le script jqtransform au contenu chargé dynamiquement, je suis sûr que l'Internet vous en seront reconnaissants. Je sais que je le ferai.
Hmmm .. Je vais voir ce que je peux venir avec elle
Jusque-là, essayez de réaffecter la méthode jqtransform à la forme générée dynamiquement et peut-être recharger la page en utilisant Ajax? Pour autant que je pense, jqtransform est appliqué lorsque la page est chargée ..
Hey Sumeet - J'ai une question, je l'espère, sans douleur pour vous: Comment obtenez-vous ces listes déroulantes pour être tous la même largeur. Pour vous donner un exemple de ce que je suis après, http://givester.de/ a 9 de ces zones de texte. En outre, si vous sélectionnez l'une des options ultra-longues, le texte ne s'étend pas sur la boîte de sélection, mais reste plutôt à l'intérieur - quelque chose que j'ai eu un problème avec, utilisant une autre méthode js. Eh bien, espérons que d'entendre de votre part!
Dernier blog de Mike .. Chien de la Journée-Bola De Sacramento SPCA!
J'aime vraiment ce qu'ils ont fait avec le menu déroulant des options dans ce site que vous avez donnés. Les options très longs s'adaptant correctement dans la boîte de sélection, c'est parce qu'ils ont pris une largeur optimale de la boîte de sélection de telle sorte que la plus longue option qu'ils fournissent est moins que lui. Je augmente dynamiquement la longueur d'une option (à l'aide firebug) et il est allé en dehors de la boîte de sélection. En dehors, je veux dire, une partie du texte s'est caché.
En ce qui concerne la façon dont ils ont divisé les options en deux divs différents est très intéressant. Toute idée de comment ils ont fait ça? Je pense qu'ils soit modifié le code jqTransform de telle manière que lorsque le nombre d'élément de liste va au-delà d'un montant particulier, puis ils commencent à ajouter des éléments de liste dans un nouveau div et ainsi de suite. Ainsi, par exemple, après chaque élément de la liste 7, un nouvel emballage est créé et ainsi de suite. Ils ont évidemment utilisé CSS pour les amener tous dans une position horizontale.
Salut,
Je vais créer un formulaire avec jqtransform dans lequel il ya beaucoup de zone de sélection, à un moment j'ai besoin de boîte de disableselect comment puis-je faire
Pourquoi ne pas vous venez de créer la classe appelé «cache» qui a un 'display: none "propriété. Chaque fois que vous souhaitez désactiver n'importe quelle boîte de sélection, il suffit d'ajouter cette classe à cette boîte particulière de sélection dynamique ...
J'ai eu le même problème, sauf que j'ai besoin de la valeur de l'option, et non pas le texte. J'ai écrit ce code simple:
$ ("Ul li a div.jqTransformSelectWrapper"). Cliquez sur (function () {
var index = $ (this) attr ('index').;
var value = $ ('option select.jqTransformHidden: eq ("+ index +') '). attr (' value ');
window.location.href = valeur;
});
Dernier blog .. David Judik de Sorszámozott lista formázása CSS-sel
J'ai eu ce même problème, mais il a changé en lui-même jqTransform (ligne 268):
var oli = $ (' '+ $ (this) html () + ". ");
De cette façon, sélectionne tous les projets futurs auront la valeur définie comme l'attribut title du lien.
Ah, le découper mon code ...
var oli = $ (' '+ $ (this) html () + ". ");
Dernier blog de Carl .. c'est la fin ce n'est pas la fin
Salut,
Il s'agit d'un mod vraiment utile - merci pour mettre l'effort dans ce
J'essaie de trouver un moyen de réinitialiser un seul select (liste déroulante).
Le Javascript traditionnelle serait:
document.getElementById ('selectname') selectedIndex = 0.;
document.getElementById ('selectname') options [0] = true sélectionné..;
Toutefois, le ci-dessus n'a aucun effet sur la jqtransform choisir comme une liste.
Est-il possible que je peux réinitialiser le select jqtransform?
Si cela signifie faire de la sur JS (si le formulaire est soumis avec les valeurs correctes), puis le jqtransform est truqué en changeant le texte et appliquer le style sélectionné dans la li 1er et le retirer de l'actuel?
J'espère que je vais expliquer ce correct? lol
Chris,
Il ya un couple d'options.
1. Vous pouvez appeler jqTransformReset (); - cela va réinitialiser toutes les cases de sélection, les boutons radio, cases à cocher et. C'est peut-être trop extrême pour votre cas.
2. Vous pouvez copier le code jqTransform utilise pour réinitialiser les cases de sélection:
$ ('JqTransformSelectWrapper sélectionner.', F) chacun (function () {sel = (this.selectedIndex <0) 0:..?. This.selectedIndex; $ ('ul', $ (this) parent ()) de chaque (function () {$ ('a: eq ('. + sel + ')', this) click ();});});
Il suffit de changer le sélecteur jQuery initiale en fonction de votre domaine spécifique, retirez le contexte (la ", f") et allez-y. Je viens de tester cela et cela fonctionne.
Chris,
Soyez averti que ma méthode décrite ci-dessus se déclenche le «changement» d'activité pour la zone de sélection si vous avez ajouté: "$ select.trigger (« changement »);" dans la ligne 281 (tel que mentionné ci-dessous).
J'ai essayé l'option 2, mais en vain, soit
Ci-dessous le code que j'ai utilisé. le titre est l'id mis sur le select, et l'ensemble du code sur l'action, cliquez sur le bouton de réinitialisation de:
$ ("# Reset"). Cliquez sur (function () {
$ ('# Title') chacune (function () {sel = (this.selectedIndex <0) 0:.?.. This.selectedIndex; $ ('ul', $ (this) parent ()) chaque fonction (( ) {$ ('a: eq (' + sel + ')'., ce) click ();});});
});
Rien ne se passe. Pas d'erreur JS soit.
ok, crois que j'ai trouvé la solution. J'ai changé la dernière partie du code (juste avant l'action clic) à partir de 'sel' (la sélection du menu actuel) à '0 'à savoir la 1ère option dans la liste qui est toujours la valeur par défaut "S'il vous plaît sélectionnez une option". Semble fonctionner réinitialisera toutes les sélectionne mon
/ / RESET
$ ("# Reset"). Cliquez sur (function () {
$ ('Select') chacune (function () {sel = (this.selectedIndex <0) 0:.?.. This.selectedIndex; $ ('ul', $ (this) parent ()) chaque fonction (() {. $ ('a: eq (0)', this) click ();});});
});
Chris,
Mon erreur. jqTransformReset () n'est pas accessible. J'ai jeté cette ligne pour accéder à l':
$ Fn.jqTransformReset = jqTransformReset.;
Et puis, il a appelé, en passant l'objet réel DOM de la forme comme ceci:
$ ('# Form1') chacune (function () {$ fn.jqTransformReset (this);.}).;
J'ai noté, cependant, que cette * n'a pas * réinitialiser la boîte de sélection pour moi. Désolé pour la chasse sauvage d'oie.
Testé uniquement sous jQuery 1.4, mais si vous ajoutez:
$ Select.trigger («changement»);
sur la ligne 281 (après "$ ul.hide ();" et avant "return false;") dans la section SELECT, il déclenche l'événement pour vous.
Merci pour la réponse. Samuel jqTransformReset (); serait bien pour moi, mais je ne peux le faire fonctionner.
J'ai un bouton avec un ID de "reset". et le suivant dans les balises de script:
$ ("# Reset"). Cliquez sur (function () {
$ ('Form') jqTransformReset ().;
});
J'obtiens l'erreur $ ('form'). JqTransformReset () n'est pas une fonction.
Toutes les idées?
Merci encore.
Merci de poster cette astuce. Très utile.
Pourquoi ne pas lier un événement de changement sur le terrain cachée de sélection qui JQTransform.js mises à jour lorsque vous sélectionnez une valeur dans la sélection transformée? Je faisais cela avec jQuery 1.3 et il a bien fonctionné et maintenant, avec 1,4 il est cassé et je ne suis vraiment pas sûr pourquoi. Toute aide serait génial.
Merci pour résoudre ce problème. Cependant, mon problème est légèrement différent et je suis encore trop récent pour jQuery pour le comprendre moi-même.
J'ai besoin d'afficher un nouveau champ en fonction de la sélection dans une liste déroulante. Je l'avais à travailler avant jqTransform mais maintenant j'ai besoin d'un peu d'aide. C'est le code que j'ai eu: http://pastebin.com/1Rf9hw3x
il existe une solution beaucoup plus élégante à la question. dans le javascript trouver la section dédiée à la commande de sélection et changer la ligne
if ($ select [0]. selectedIndex! = $ (this). attr ('index') && $ sélectionnez [0]. onchange) {$ select [0]. selectedIndex = $ (this). attr ('index' ); $ select [0] onchange ();.}
À
if (.!. $ sélectionnez [0] = selectedIndex $ (this) attr ('index')) {$ select [0] = selectedIndex $ (this) attr ('index');.. $ ($ select [0 ]) changer ();.}
Merci, monsieur. Excellente solution.
Vous avez gagné!
@ David Judik
Merci beaucoup pour cet extrait. J'ai été en utilisant jqtransform sur une des formes d'énormes où il y avait 10 de la liste de sélection. J'ai été coincé dans la validation de la boîte de sélection après l'application du plug-in jqtransform. J'ai essayé d'écrire un autre petit plugin pour la boîte de sélection alors que je trouve cet extrait. Cette m'a sauvé beaucoup de temps. Vive
dernier blog faardeen Madarbokas de .. http-caimpstudiocom est un site qui fournit des solutions en ligne à travers l'Internet et des tutoriels pour améliorer les développeurs à travailler Oui, nous ouvrons dès
@ Matt
Votre solution résolu mes maux de tête. Concise.
Ce poste ne répond pas parce que votre valeur peut être différente de celle du texte affiché comme dans mon cas.
Salut Sumeet
Pouvez-vous peut-être jeter un oeil à mon site http://www.gamtool.com/affiliates-registration.asp j'ai dans le menu déroulant sur mon site. Mais dès que cliquez sur l'une des valeurs le texte est caché. Il ressemble presque à il ya une superposition sur la liste déroulante.
Vos conseils seraient très appréciés!
Merci
Salut tout le monde,
J'ai essayé le code ci-dessus, mais sa ne fonctionne pas pour moi. Quand j'essaie de cliquer sur la case de sélection, se déplace de page upward.Am i manque quelque chose.
Sweet, merci!
J'ai eu le même problème, mais il a résolu de façon plus simple ... je pense que
J'ai créé une fonction avec le code dans la fonction SelectChange jquery par exemple () {code .. va ici ...}, et dans la sélection j'ai utilisé quelque chose comme «onchange =" SelectChange (+ this.value) "'
Vous avez un problème jqtransform intéressante. J'ai un formulaire avec style suis jqtransform. Il ya 2 listes déroulantes de sélection, la seconde dépend de ce que vous sélectionnez le premier. Le premier est un type de véhicule, lorsque vous sélectionnez le faire il remplit les modèles de véhicules sur le second sélectionner à l'aide ajax. Le script fonctionne très bien et les modèles de véhicules sont peuplées sans problème, cependant tu n'en rien sélectionnez les modèles déroulants. Rien ne se passe lorsque vous cliquez sur les modèles de véhicules peuplées. Pour une raison quelconque il semble que le gestionnaire de clic sur jqtransform ne fonctionne pas lorsque les champs sélectionnés sont dynamiquement remplis. Quelqu'un at-il une idée de comment contourner cela? Ci-dessous mon code
fonction SelectChange (idCat) {
. $ Post ("getvehiclemodel2.php", {cat: idCat}, function (data) {
$ ('Option MyModel #') remove ().;
. $ ('# Modèles li: not (: en premier lieu)') remove ();
$ ('# MyModel') append. ($ ("Valeur", "") texte ("Sélectionnez un modèle") ") attr ("..);
$ ("# Modèles ul") css ("affichage", "none").;
var x = 1;
$. Chacun (données, fonction (clef, valeur) {
$ ('# MyModel').
append ($ ("").
attr ("valeur", la clé).
texte (touche));
$ ("# Modèles ul") append ('. '+ touche +' ');
x + +;
}); Boucle / / fin
}, "Json");
}
Le concepteur de sites Web, j'ai travaillé avec utilisé un plugin jQuery appelé livequery. Je ne sais pas ce qu'il a fait mais j'espère que vous vous diriger dans la bonne direction.
livequery aidé. La fonction clic ne fonctionnait pas parce que la liberté a déjà été chargé, J'ai modifié mon code et utilisé livequery et cela a fonctionné. Merci pour le tuyau
Salut,
Quand je suis en utilisant des styles Jqtransform dans mon formulaire aspx, fonctionnent très bien, mais quand je suis en utilisant le panneau mise à jour dans la page des styles spécifiquement être disparaître dans le panneau de mise à jour. Je ne sais pas pourquoi est-ce qui se passe. quelqu'un peut m'aider?
Merci pour le tuyau. C'est ma première fois face à mangling jqTransform de mon code HTML et JS, et vous m'a sauvé un certain temps et un mal de tête.
iOS possède des fonctionnalités qui en fait un zoom déposer downs pour vous. JQtransform convertit l'élément de formulaire standard en travées. Pour iPhone uniquement, comment pouvons-nous imiter un formulaire standard tomber pour la fonctionnalité de zoom se produise?
Salut,
J'ai utilisé le plugin jqtransform pour créer un formulaire d'inscription, j'ai dû faire face certains problèmes dans la boîte de sélection .. suis très nouveau pour la conception .. je ne pouvais pas en mesure de donner le groupe d'options dans la boîte de sélection ... et encore une chose quand je donne la boîte de dialogue pop-up pour un div particulier, elle ne montre que le format méthode jqtransform ... espérons que quelqu'un va m'aider à résoudre ce problème .... avant le 18 octobre 2011
Rani puthoor
Salut,
J'ai utilisé le plugin jqtransform pour créer un formulaire d'inscription, j'ai dû faire face certains problèmes dans la boîte de sélection .. suis très nouveau pour la conception .. je ne pouvais pas en mesure de donner le groupe d'options dans la boîte de sélection ... et encore une chose quand je donne la boîte de dialogue pop-up pour un div particulier, elle ne montre que le format méthode jqtransform ... espérons que quelqu'un va m'aider à résoudre ce problème .... avant le 18 octobre 2011
Rani puthoor
Salut
Merci pour la solution, une autre approche serait de modifier le plugin lui-même.
Voici ce que vous devez modifier dans votre fichier de plugin: "http://pastebin.com/S1CBaQ9e"
Voici le code source complet: "http://pastebin.com/Q1pYMKZ2"
HTH
oh que le lien sous mon commentaire n'est pas mon blog, plz l'enlever.
Merci!
Merci beaucoup pour cela! Je viens de passer les 3 dernières heures à essayer de résoudre ce problème en plongeant dans le code, mais cela fonctionne beaucoup mieux!
Cette page est grand par la voie, m'a énormément aidé. Nouveau numéro. Tout cela m'a aidé à obtenir ma page ASPX travailler avec JQtransform aide. NET 4.0. J'ai dû mettre ce formulaire sur un site. NET 2.0 et maintenant avoir ce problème.
«Longueur» est nulle ou non un objet. - Sur des listes déroulantes. Fonctionne bien dans FF, Chrome, Safari, ne donne que l'erreur dans IE.
S'il vous plaît aider.
Actuellement en utilisant cette ligne pour le gestionnaire de clic:
if (.!. $ sélectionnez [0] = selectedIndex $ (this) attr ('index')) {$ select [0] = selectedIndex $ (this) attr ('index');.. $ select.trigger (" changer ");}
J'ai aussi rencontré le même problème et il s'approcha de très similaire.
Ce que j'ai fait était saisir la valeur sélectionnée de la même manière que l'exemple de code, mais les différentes parties i fait en étais-je régler le "originales boîtes de sélection" valeur, puis fait un déclencheur $ (el). («Changement») ;. sur la liste déroulante de sorte que le changement actuel () lie serait encore se produire.
Cordialement,
Paul Dragoonis.
$ ('Select.jqTransformHidden'). Vivre («changement», function () {
var = $ thiz (this);
. var texte = thiz.find ('option: sélectionné') text ();
var ul = thiz.parents ('div.jqTransformSelectWrapper: ul premier');
ul.find ('a') removeClass («choisi»).;
ul.find ('a: contains ("" + texte + ")") addClass («choisi»);.
. ul.prev () trouver ('span') texte (text).;
});
Après jqtransform la dropdownlist ne pas travaillé sur pression de touche. Je l'ai travaille maintenant sur les tapant quelques caractères, mais lorsque j'appuie sur keydown il ne bouge pas vers le bas et rien ne se passe. D'une certaine manière l'objet devient le défilement extérieure n'est pas le rouleau sur la liste déroulante. Quelqu'un at-il rencontrer le même problème? Permettez-moi de savoir comment résoudre ce problème. Merci :)
il ya la nouvelle bibliothèque, j'ai créé - csTransPie - en se basant sur jqtransform - jqtransform est une grande bibliothèque, mais il a vraiment beaucoup de problèmes, aujourd'hui css3 résout un grand nombre de ces problèmes et j'aime bien l'idée des contrôles étant des contrôles normaux et en regardant le même dans tous les navigateurs
https://github.com/pkoretic/csTransPie
C'est un travail en cours, mais même maintenant, il vaut mieux que jqtransform (plus de la moitié des css réécrite, de nombreux bugs résolus, propre css ...)
maintenant vous pouvez l'utiliser pour chaque élément avec une seule classe!
toutes les suggestions sont les bienvenues!
Salut à tous!
Je pense que votre solution est vraiment utile, même si j'ai un gros problème avec jqTransForm .. je ne sais pas si vous pouviez m'aider ..
Je crée un site web avec le Zend Framework. Sur ce site, j'ai une table où tous mes articles sont présentés avec une requête sql.
J'ai utilisé jqTransForm de créer et de mise en page certains (un pour sélectionner le type, un autre pour sélectionner la nature, et deux autres)
Je voudrais profiter de la valeur de l'option choisie et l'envoyer au modèle, afin de sélectionner la bonne chose dans ma base de données et d'ordonner mes articles par type ou la nature ou bien ..
Mais la otpion sélectionné est envoyé à un div .. et je ne sais vraiment pas comment l'utiliser ...
Quelqu'un pourrait-il m'aider s'il vous plaît?
(Désolé pour mon mauvais anglais et mes explications ..)
bonjour, merci pour votre solution, mais pouvez-vous provid ce script
daynmic
ce qui concerne