change class on filter submit

[jbadiag]

Hi, How can I do to change the class of a div when the filter its submitted by button submit?
Thanks

 

[cheesegrits]

You'd have to write a little Javascript, to fire on the click event of the button, and modify the class accordingly.

-- hugh

 

[jbadiag]

Yes I know but could you explain me a little bit more? Where do I put the code? Any example of javascript? Thanks

 

[cheesegrits]

http://fabrikar.com/forums/index.php?wiki/javascript/#lists

Create a list_X.js. Wrap your code in the requirejs() function (as per the form example), and inside that it's just standard Javascript, nothing Fabriky. Select the Go button, add a click event function to it, inside that, select the DOM element you want to change the class on, and change it.

-- hugh

 

[cheesegrits]

OK ...I'll be nice and write it for you.

So if you wanted to add the class 'red' to the clear filters link when the Go button is pressed ...

requirejs(['fab/fabrik'], function () {
   jQuery('.fabrik_filter_submit').click(function() { 
      alert("clicked");
       jQuery('.clearfilters').addClass('red');
   });
});

That's off the top of my head, but should work.

-- hugh

 

[cheesegrits]

Actually, as you aren't relying on any Fabrik JS to load, you don't really need the requirejs() part, you could wrap it in a simpler jQuery(document).ready() instead, but either will work.

-- hugh

 

[jbadiag]

Thanks a lot Cheesegrits, that script you made me works perferctly!!!