Comments on: The ‘Select’ Problem After Using jqTransform and its Solution

By: Petar

Petar — Tue, 31 Jan 2012 12:43:46 +0000

there is new library I’ve created – csTransPie – basing it on jqtransform – jqtransform is a great library but it really has many problems, today css3 solves many of those problems and I like the idea of controls being normal controls and looking the same in every browser

https://github.com/pkoretic/csTransPie

It’s a work in progress but even now it’s better than jqtransform (more than half of the css rewritten, many bugs solved, clean css…)
now you can use it per element with just one class!

all suggestions are welcome!

By: Lex

Lex — Thu, 19 Jan 2012 11:40:12 +0000

After jqtransform the dropdownlist does not worked on keypress. I have it working now on typing some characters but when I press keydown it does not move downwards and nothing happens. Somehow the focus becomes the outer scroll not the scroll on the dropdown. Did someone experience the same problem? Let me know how to fix this. Thanks:)

By: main

main — Sun, 08 Jan 2012 06:43:41 +0000

$(‘select.jqTransformHidden’).live(‘change’,function(){
var thiz = $(this);
var text = thiz.find(‘option:selected’).text();
var ul = thiz.parents(‘div.jqTransformSelectWrapper:first ul’);
ul.find(‘a’).removeClass(‘selected’);
ul.find(‘a:contains(“‘ + text + ‘”)’).addClass(‘selected’);
ul.prev().find(‘span’).text(text);
});

By: zied

zied — Fri, 30 Dec 2011 11:07:54 +0000

Hi,

I have used jqtransform plugin for creating a registration form, I faced some problems in select box..am very new to designing ..i could not able to give option group in select box…and one more thing when i give popup dialog box for a particular div it doesnt shown that jqtransform method format…hope that anybody will help me to solve this issue….before 18th october 2011

Rani puthoor

By: zied

zied — Fri, 30 Dec 2011 11:07:05 +0000

Hello;
is what you have found a solution for the use of “OptionGroup”?
thank you

By: Paul Dragoonis

Paul Dragoonis — Mon, 28 Nov 2011 22:53:58 +0000

I also experienced the same problem and approached it very similar.
What i did do was grab the selected value in the same way as the code example, but the different part i done was I set the “original select boxes” value, and then done a $(el).trigger(‘change’); on the dropdown so that the existing .change() binds would still occur.

Regards,
Paul Dragoonis.

By: Chris D.

Chris D. — Fri, 11 Nov 2011 18:05:58 +0000

This page is great by the way, has helped me tremendously. New issue. This all helped me get my ASPX page working with JQtransform using .NET 4.0. I had to put this form on a .NET 2.0 site and now having this issue.

‘length’ is null or not an object. – On dropdowns. Works fine in FF, Chrome, Safari, only gives the error in IE.

Please help.

Currently using this line for the click handler:

if ($select[0].selectedIndex != $(this).attr(‘index’) ) { $select[0].selectedIndex = $(this).attr(‘index’); $select.trigger(“change”);}

By: Jonathan Baran

Jonathan Baran — Tue, 08 Nov 2011 19:37:43 +0000

Thanks so much for this! I just spent the last 3 hours trying to fix this by diving into the code, but this works much better!

By: Mohsen Heydari

Mohsen Heydari — Wed, 26 Oct 2011 19:05:59 +0000

oh that link under my comment is not my blog, plz remove it.
Thanks!

By: Mohsen Heydari

Mohsen Heydari — Wed, 26 Oct 2011 19:03:11 +0000

Thanks for solution, another approach would be modifying the plugin itself.

Here is what you should modify in your plugin file: “http://pastebin.com/S1CBaQ9e”

Here is the complete source: “http://pastebin.com/Q1pYMKZ2″

HTH