Page 1 of 1
Need help with Jquery eZcolumns [Solved]
Posted: Tue Feb 22, 2011 9:00 am
by 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
Re: Need help with Jquery eZcolumns
Posted: Mon Mar 07, 2011 8:38 pm
by 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...
Re: Need help with Jquery eZcolumns
Posted: Thu Mar 10, 2011 8:14 am
by 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.
Re: Need help with Jquery eZcolumns
Posted: Thu Mar 10, 2011 5:53 pm
by 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.
Re: Need help with Jquery eZcolumns
Posted: Thu Mar 10, 2011 9:29 pm
by 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...
Re: Need help with Jquery eZcolumns
Posted: Thu Mar 10, 2011 11:18 pm
by 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>
Re: Need help with Jquery eZcolumns
Posted: Fri Mar 11, 2011 5:53 am
by 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.
Re: Need help with Jquery eZcolumns
Posted: Fri Mar 11, 2011 9:58 am
by 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.
Re: Need help with Jquery eZcolumns [Solved]
Posted: Tue Mar 15, 2011 11:08 am
by 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