Need help with Jquery eZcolumns [Solved]

[mercier]

I am trying to create columns within the content using the Jquery eZcolumns script from here:
http://www.andresvidal.com/labs/ezcolumns.html

I am using cmsms 1.9.3. and I have succesfully implemented some other Jquery scripts (Thanks Uniqu3 and Sonia )

This one will not work. I suspect that the problem lies with using more than one jquery script per template, and have tried different methods of using them, no success

Pages where I'm trying to implement the script do not include the home page, and gallery, only the content with text.

system settings are: cmsms 1.9.3
Current PHP Version (phpversion): 5.2.9
Server Software (server_software): Apache/2.0.63 (Unix)
Server Operating System (server_os): Linux 2.6.18-194.3.1.el5 On x86_64
MySQL (mysql) 4.1.22

Thank you in advance

[Dr.CSS]

It really helps in this board to give a link to the problem page/site...

Yes if you call the base jQuery file more than once on a page it will most time make none of it work, if you have 2 $(document).ready(function() { it will mess it up also...

[mercier]

ah, yes, the link:

www.erimon.hr

the columns are wanted within the conent pages, not on the first page, obviously.

i did call the base jquery only once.

thank you very much for your help.

[Dr.CSS]

I think you may be confusing it by having <p> and <div> in the main container you target, try it with just <p>...

Instructions: Pass in a jQuery selector to the parent of the children to organize in columns.

[mercier]

thank you very much for your help, but, i'm afraid that i don't understand you. within the content there is only <p>, and when i remove <p>, i still don't get columns.

the only <div> i see is the content itself.

i am equally lost on the second issue of parents and children...i know this is usually not the place to teach jquery, but if you don't mind...

[uniqu3]

Erm shouldn't it be (dont forget {literal} tags):

Code: Select all

<__script__ type="text/javascript">
 $(function(){
   $('#content').ezColumns();
 });
</__script>

You will also need some style for columns like on demo page:

Code: Select all

.col{float:left; width:20%; padding:5px; background:#C6F; margin-right:10px;}

or directly in jQuery code:

Code: Select all

<__script__ type="text/javascript">$(function(){
$('#content').ezColumns({columns: 5, colWrapper: '<div class="col" style="float:left;"></div>'});
});</__script>

[mercier]

uniqu3 a have a few things to tell you:

1. it works. thank you. how do you manage to make everything looks so simple is beyond me.

2. now that it works, it does no look as good is i hoped it would. but will play with it. actually if i could get the each paragraph to divide itself in two short columns like this:

p1 p1
p2 p2
p3 p3

instead of :
p1p4
p2p5
p3p6

3. you look like david villa from barca.

4. thank you again.

[uniqu3]

2. Just have a play i am sure you will find a solution.
3. Maybe he looks like me? But i woulnd't mind earning what he is earning.

[mercier]

well, it didn't come out as i hoped it would. the script works great, but it's not what i need after all.

fyi, i settled with jquery pagination. not a perfect solution, but good enough.
http://plugins.jquery.com/project/jquery-pagination