Koviko.net: The Web Development Blog - Latest Comments

Re: How to use delimiters other than ampersands in URLs

Koviko — Mon, 16 Feb 2015 18:57:22 -0000

It's easy to write a regex that doesn't account for question marks inside of a query string (even though it should), so that'd be the only risk with doing what you've suggested. It may also confuse visitors that want to share a URL but without a query string (they may be confused as to where the query string begins). But aside from possible errors from other people, there's nothing stopping you from doing that.

Re: How to use delimiters other than ampersands in URLs

Bryan Lee — Mon, 16 Feb 2015 17:59:07 -0000

"...that the standards should be upheld at all times..."

Apparently, the ampersand is not a standard but a convention.
Which brings up a related issue, I've always been annoyed that query strings start with '?' and then use some other character '&' to separate parameters. Why not just use the same character for both?

foo.com?var1=this?var2=that...

Is there anything that says that's not valid? And if so, should anyone care - i.e., does that actually cause problems?

Every time I see or write code that says "if there's a question mark in the URL, then add &var=val otherwise add ?var=val" it gets on my nerves....

Re: Extra spacing and incorrect height on list items in Internet Explorer

Rex — Thu, 22 Aug 2013 23:25:05 -0000

Excellent article, very helpful, thanks for sharing this :)

Re: Building an accessible, client-side chained selection drop down

rafal — Wed, 31 Jul 2013 10:30:21 -0000

Hi
I did it!
In case someone will find it helpful,
am creating an array

prices = new Array()
$("#options option").each(function(){
prices[$(this).val()] = $(this).attr('data-price');
})
and passing the array to your plugin
jQuery("#options").dynamicDropdown({"delimiter":" » ", "arrayPrices": prices});
then in your script adding
$('.price').html(settings.arrayPrices[$(this).val()]);

Great script
Thanls

Re: Building an accessible, client-side chained selection drop down

Koviko — Mon, 29 Jul 2013 20:56:40 -0000

In the plugin's current state, it'd be difficult to make any events occur with onchange events because of how the select elements are added to and removed from the DOM. However, whenever the form is submitted, you can use the value to find the corresponding option element in the original select element (it still exists in the DOM), and then get the data-* attributes from it.

Re: Building an accessible, client-side chained selection drop down

rafal — Mon, 29 Jul 2013 18:43:42 -0000

rafaHello, thanks for such a gret plugin.

Could you please point me how to get the data-price values and place it in #price (onchange event)? Thanks a lot in advance

<select id="options">
<option value="1" data-price="30.25">Size : M » Color : White » Polo Shirt : Yes</option>
<option value="2" data-price="20.00">Size : L » Color : White » Polo Shirt : Yes</option>
<option value="8" data-price="40.00">Size : L » Color : Red » Polo Shirt : Yes</option>
<option value="10" data-price="30.00">Size : S » Color : Green » Polo Shirt : No</option>
<option value="11" data-price="12.00">Size : S » Color : Green » Polo Shirt : Yes</option>
</select>

Re: Building an accessible, client-side chained selection drop down

Koviko — Fri, 12 Apr 2013 11:23:21 -0000

I did respond. Try downloading the latest version (1.0.5) from here and let me know if that solves your problem.

Re: Building an accessible, client-side chained selection drop down

Harry — Fri, 12 Apr 2013 11:13:09 -0000

Hi Kovik,

sorry to bother you again. I tried to email you, but I never got an answer. Maybe my mails got to your spam folder? Anyways, I've got a small issue once again. Would be great if you'd be able to fix this.

I have this job form which can be in different states. When the status of a job changes, I update the state of the job to match the status. I have the following list of states:

<option value="1">Onsite work» Not started</option>

<option value="2">Onsite work » Finished</option>

<option value="3">Off-site work » Not started</option>

<option value="4">Off-site work » Not ready</option>

<option value="5" selected="selected">Off-site work » Finished</option>

<option value="6">Remote work » Not started</option>

<option value="7">Remote work » Not ready</option>

<option value="8">Remote work » Finished</option>

If I change the state to any other and update, it will work just fine. The problem comes if I don't change the state but update the form. In that case the state always changes to a Remote work (last of the first level options in the list). So if I have Off-site work » Not started selected while I update the form, it will automatically change to Remote work » Not started. If I have Onsite work » Finished selected, it will change to Remote work » Finished etc...

So only the first level is changed, but the second level will always stay intact. If I'd have a 3-level option selected, it wouldn't cause any problems at all. This happens only if I have a 2-level option selected with identical 2nd level item in the Remote work level.

Just to make things more clear: if I change the state from Off-site work » Not started to anything else and then return it back to Off-site work » Not started, it will work just swell.

Would you happen to have any ideas on this?

Re: Building an accessible, client-side chained selection drop down

Koviko — Thu, 31 Jan 2013 11:00:26 -0000

This blog is Wordpress and it is being used here. All you have to do is include the JS file and follow the instructions written here.

Re: Building an accessible, client-side chained selection drop down

Nizam Kazi — Thu, 31 Jan 2013 03:19:10 -0000

Hi, I want something silimar for wordpress, can you develop one? or is it anyway to use this one in wordpress? Please reply

Re: Using query strings in CodeIgniter

nikz — Tue, 22 Jan 2013 01:16:57 -0000

than how to pass values in hreaf link?
like m using bla/bla/bla.php?id=43
where id coming dynamicly

Re: Find & Replace in MySQL

Benjamin Rosa — Wed, 26 Dec 2012 00:30:01 -0000

Yet I have not found any path that can deal with this in an easy and simple way. This is the only logic to which I think of to import my old application to new one.

Re: X-Cart 4.3 to 4.4

Jelani Barron — Thu, 20 Dec 2012 03:45:51 -0000

This is made clear by the inability to simply browse products without filtering them, first.

Re: Building an accessible, client-side chained selection drop down

Harry — Wed, 19 Dec 2012 18:53:53 -0000

Wonderful, thanks a bunch!

Re: Building an accessible, client-side chained selection drop down

Koviko — Wed, 19 Dec 2012 17:34:24 -0000

Ah, you're right. I never built in the final selection code. It is now added in and uploaded here as v1.0.2. :)

Re: Building an accessible, client-side chained selection drop down

Harry — Wed, 19 Dec 2012 16:45:15 -0000

Hi Kovik,

thank you once again! Unfortunately this didn't fully fix it. Now the initial selection stays in the first option of the second level of the selected branch.

To make it more clear:

<option>Computers » Lenovo</option><option>Computers » HP</option><option>Cars » Smart » 402</option><option>Cars » BMW » 320</option><option>Cars » BMW » 420</option><option selected="selected">Cars » BMW » 520</option>
would result in "Cars » BMW » 320" to initially selected (because 320 is the first leaf of the "Cars » BMW" branch.

I still respect your work greatly, so I already made a small donation and hope you'd have the time to fix this last bug. :)

Re: Building an accessible, client-side chained selection drop down

Koviko — Wed, 19 Dec 2012 15:08:48 -0000

That certainly is a bug, one resulting from a lovely copy-paste typo. The culprit is on line 140. Change "buildDynamicDropdown" to "initializeDynamicDropdown". I'll upload the fix to this server, shortly.

As for your offer of a donation, it is certainly appreciated. The email in the JS file is now capable of accepting PayPal donations. Thank you. :)

Re: Building an accessible, client-side chained selection drop down

Harry — Wed, 19 Dec 2012 06:18:56 -0000

Hi again,

I've been testing the plugin since yesterday and I've stumbled in a weird bug. Since I'm really bad with Javascript, I couldn't pinpoint the reason for this problem. Would you have any quick fix for this?:

When I use the "selected" attribute as an initial value, only the first option from the same root level gets selected. To make this more clear:

<option>Computers » Lenovo</option>
<option>Computers » HP</option>
<option>Cars » BMW » 320</option>
<option>Cars » BMW » 420</option>
<option selected="selected">Cars » Smart » 402</option>

Would actually show "Cars » BMW » 320" as the initial value because it's the first option of the Cars root.

I also tried a modified version of this by Andrew Smiley, but that had some other bugs which might take even more time to fix.

Sorry to bother you about this, but I would greatly appreciate this fix, since it's crucial for my upcoming site. I've tried the production and development versions. Both have the same bug. I'm also willing to donate some money for this fix, in case you have a PayPal account for donations.

Re: Building an accessible, client-side chained selection drop down

Koviko — Tue, 18 Dec 2012 11:19:08 -0000

Glad to see people are still getting use out of this. :)

Re: Building an accessible, client-side chained selection drop down

Harry — Tue, 18 Dec 2012 09:17:08 -0000

Hi Kovik, thanks for the great plugin!

Re: Using query strings in CodeIgniter

Abel Mcknight — Thu, 25 Oct 2012 01:55:44 -0000

CodeIgniter is a fantastic framework for PHP development, and aspect of it’s success is in it’s URL Schema. The URL Schema take a lot of getting used to, especially when you want to achieve thing that, while simple before, become more challenging using CodeIgniter. One of these thing is the use of query String. By standard, CodeIgniter may neglect your query String.

Re: Hello there, world!

Paul Payne — Fri, 08 Jun 2012 08:11:57 -0000

I was very pleased to find this web-site. I wanted to thanks for your time for this wonderful read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you blog post.

Re: Extra spacing and incorrect height on list items in Internet Explorer

Test — Thu, 26 Apr 2012 10:35:19 -0000

Thank U So much

Re: X-Cart 4.3 to 4.4

Lee Corbet — Thu, 10 Nov 2011 03:11:21 -0000

oh new version ..

Re: Extra spacing and incorrect height on list items in Internet Explorer

Koviko — Mon, 07 Nov 2011 15:41:56 -0000

It's a shame that our expertise needs to extend to the taming of one particular browser. But, at this point, every browser has it's own CSS flaws and none are nearly as easy to target as IE is.

In any case, I'm glad that this has helped someone. This poor blog is soon to be demolished, so it's good that the information made it out before then. :)