mrhack

mrhack supports this item

Supported

8 comments found.

hi can we make a different link for each country ? i mean when selected i want people to be redirected to a page

I think you should achieve the function with javascript. You can bind an change event to the select element. Then people selected , your listener would be fired. This plugin is only for beautify select element. But this is a good idea. I will add this feature to it later. Thanks.

You can do that just like this: $(’#demo-select’).selectBeautify({ height: 26, width: 150, className: ‘beauty-select-v’ }).change(function(ev){ // to do whatever you want , redirected to a page or refresh current page });

Thanks.

Consider friends and family button and i want friends button go to www.friends.com and family button go to www.family.com (means two different button to diffent links) please write full function script with above links and button which comes afterselect> <option>Friends</option> <option disabled>Family</option> </select> $(’#demo-select’).selectBeautify({ height: 26, width: 150, className: ‘beauty-select-v’ }); //write here the link script so i can get it clear. I will be grateful to you if you solve it. Thanks

First, you should tag which option is going to linked to www.friends.com, and which option is going to linked to www.family.com. Here we add an attribute to select option elements to tag it.

Second , the html code is like this: <select><option tag=”friend”>Friends</option> <option tag=”family” disabled>Family</option>

Third , the javascript code is like this: $(’#demo-select’).selectBeautify({ height: 26, width: 150, className: ‘beauty-select-v’ }) .change(function(){ var $option = $(this).children().eq(this.selectedIndex); var href = ””; switch($option.attr(‘tag’)){ case “friend”: href = “http://www.friends.com”; break; case “family”: href = “http://www.family.com”; break; } window.location.href = href; });

I hope this helps.

Thanks, bro.

Consider friends and family button and i want friends button go to www.friends.com and family button go to www.family.com (means two different button to diffent links) please write full function script with above links and button which comes afterselect> <option>Friends</option> <option disabled>Family</option> </select> $(’#demo-select’).selectBeautify({ height: 26, width: 150, className: ‘beauty-select-v’ }); //write here the link script so i can get it clear. I will be grateful to you if you solve it. Thanks

Hi,

I´m having a problem with i.e. 8. If the list as many options, and if I put the mouse hover that list, this bring me to the top . Another think, if I move the scroll of the mouse to down, this move down but after goes up. How can I fix that? Thanks

Hi mrhack, very nice script, simple question, if i use a form call by an ajax request to fill a sliding div in my page, does your script will work.

Regards

Claude

Hi again mrhack, i hope that you didn’t quit the boat already, as i see you didn’t reply to a question 6 days ago.

Well i hope everything is fine for you and you will come back.

regards

Claude

HI , i am back. There are so many things to do. From now on , I will update these account frequently. thanks for your kindness

Your demo is not working, where can I check the script?

great. glws

by
by
by
by
by
by