Applying jCarousel to ajax Loaded Content

If you’re working with jQuery and the jQuery plugin jCarousel you may have come across this problem if you try to implement jCarousel on an element where the elements childs aren’t present at page load.

What I was trying to do was to apply jCarousel to a <ul> element and have the <li> element be loaded in via Ajax after the page had finished loading. As a rough example of my markup:

» Read more…

Incorporating a WYSIWYG Editor into your Wolf CMS Plugin

I recently completed a project for a client that ran on Wolf CMS which is based on Frog CMS. For this project I had to code several plugins from scratch to achieve varying goals.

One thing I came across that hasn’t been documented yet is how to include a WYSIWYG editor for your textarea’s that the system uses. There are several available for editing of pages including TinyMCE, Markdown text filter and the Textile text filter. Now how exactly to use and incorporate these in your plugin?

» Read more…

dd_belatedpng is undefined – IE6 Javascript Error

I’ve started using DD_belatedPNG to fix transparent PNG’s in Internet Explorer 6 for my Web Design Projects. However I had this little error occurring on each page load:

dd_belatedpng is undefined

The problem was that I had included the script:

<!–[if lt IE 7 ]>
<script src=”/globals/js/dd_belatedpng.js”></script>
<script> DD_belatedPNG.fix(‘img, .png_bg’); //fix any <img> or .png_bg background-images </script>
<![endif]–>

In the <head> area of my code, essentially triggering straight away – what you need to do is include the above script just before your closing </body> tag and everything should be fine!

Your Internet Explorer 6 sites now look that tiny bit better!

jQuery Validation Plugin – form.submit()

jQuery Logo

Got pretty frustrated with this today, playing around with jQuery’s Validation plugin and had it all setup nicely, then I noticed once everything was validated I couldn’t submit the form.. Odd!

No errors in Firefox/Chrome so switched over to good old Internet Explorer which produced this error message:

Webpage error details

Message: Object doesn’t support this property or method
Line: 33
Char: 4
Code: 0
URI: http://www.example.com/globals/js/main.js

Message: Object doesn’t support this property or method
Line: 33
Char: 4
Code: 0
URI: http://www.example.com/globals/js/main.js

» Read more…