Javascript not initializing ketchup no errors thrown???

Permalink
We are trying to implement jquery ketchup

demos.usejquery.com/ketchup-plugin/

and use required fields for the name, email and phone fields we have included all the markup and I think I have it setup properly but the form fields are not validating...

You can see my sample here... thx for any assistance I have been staring at this for hours...

http://c5.dealercontrol.net/service/service-appointment/...

 
aaron replied on at Permalink Reply
50 bucks via paypal to who ever helps resolve this, FYI I have the bounty posted elsewhere...
synlag replied on at Permalink Reply
synlag
as mentioned in the docs, seems you have to add

class="validate(required)"

for the fields you want to validate.
aaron replied on at Permalink Reply
They do

<input type="text" class="validate(required)" id="personal-info-last-name" name="personal-info-last-name">
synlag replied on at Permalink Reply
synlag
i'm getting

...attribute-selector..., but '#' found.

try:

$(document).ready(function() {
$("#service-appointment").ketchup();
});

with double quotes
aaron replied on at Permalink Reply
same result unfortunately...

the date picker is also not functioning I think they are both related.
synlag replied on at Permalink Reply
synlag
As your id for the date picker should be unique, just remove the class name before.
aaron replied on at Permalink Reply
Yea we tried that too...
synlag replied on at Permalink Reply
synlag
anyway, remove the class name, this should speed up the grabbing process a bit.
i guess it's buried in the attribute-selector error.

Contribute the bucks to unicef.
aaron replied on at Permalink Reply
I did remove the class and its still not going.
ryan replied on at Permalink Reply
ryan
I dug into this a bit and couldn't find any problems in what I saw, except that it of course is not working..

I do see that ketchup being initiated and it's disabling the form submit, it's also injecting the absolutely positioned divs that should display the errors, although no error content is ever injected into them.

My advice would be to try a super super simple form on a different page on that site, get it working there - if it doesn't work there, start pulling stuff that may interfere like js menus, the date picker etc..

Also, do you use firefox/firebug? That's fairly helpful for debugging these things although it didn't get me too far since it wasn't throwing errors.
aaron replied on at Permalink Reply
Thanks for your attempts...

I tried that here stripping it \down still with no luck

http://c5.dealercontrol.net/buyer-resources/trade-in/...
ryan replied on at Permalink Reply
ryan
Here's a problem:
<input type="trade-text" name="trade-vehicle-year" id="trade-vehicle-year"/>
<?php ?>


input type should be text
aaron replied on at Permalink Reply
that was a find and replace error I wish that was it still nada.
Fernandos replied on at Permalink Reply
Fernandos
You are using the wrong jQuery version.
You have 1.3.2 but you need a version larger or equal 1.4.1. I'm sure this is the problem ;)

You can create a page type for this specific page. Create a form_validation.php in your /themes/lamorghini/ folder.

The only thing that is different in this page_type is that you don't load header_required, because this will load jquery 1.3.2 for you which you don't want on this page. Instead you manually put your jquery library and headers in.

And after setting up that page type, just login in concrete5 and select that pagetype for this page. Voilá!


PS: you're using full urls like /themes/lamborghini/...... in your css files. I mean you can use relative urls like ../img/products/abc.png instead.
You've to think from the perspective of the css file always. if you do an @import the css file is at the same place as the page you're at and it won't work. @import slows down page load too.

So better use the <link.. tag.
It will make paths etc easier for you.

BTW: I like your filter to filter cars with a price-range slider ;) I've done the same but for hotels^^ I know the work behind that. Or did you buy that part somewhere? Because I had to code it myself. Just asking because of interest.
aaron replied on at Permalink Reply
Wow I would have not thought it needed a newer version than 1.3.2... can I just put a newer jquery.js in the local js folder to override? Or is there a way to override jquery... searching now...
ryan replied on at Permalink Reply
ryan
Or you can just upgrade to the new concrete 5.4 release candidate which includes the current jquery.
aaron replied on at Permalink Reply
I looked int he beta branch and it was still 1.3.2
aaron replied on at Permalink Reply
Whats your paypal! that was it...

I checked the date picker but not the validate... I didnt think it would require higher than 1.3.2 yet...
Fernandos replied on at Permalink Reply
Fernandos
whose paypal do you mean?
aaron replied on at Permalink Reply
yours!
Fernandos replied on at Permalink Reply
Fernandos
thx :)

I sent you a pm including my paypal address.
Fernandos replied on at Permalink Reply
Fernandos
never got money, honey^
please mark this thread answered at least