We are using CF v3.2, Joomla v1.5.22
We had a custom template built. Looks like the coder used jquery to control the columns... the left column extends/compresses to match the height of the content (main) column.
When we created a simple "Join Our Mailing List" form using Chronoforms 3.2, the validation (required fields) would not work unless we put in the no-conflict code found in these forums...
<script type="text/javascript">
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
Works great except that now the left column remains fixed. What am I missing? I can provide a link to the form if you need it.
We had a custom template built. Looks like the coder used jquery to control the columns... the left column extends/compresses to match the height of the content (main) column.
When we created a simple "Join Our Mailing List" form using Chronoforms 3.2, the validation (required fields) would not work unless we put in the no-conflict code found in these forums...
<script type="text/javascript">
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
Works great except that now the left column remains fixed. What am I missing? I can provide a link to the form if you need it.
Hi banner2078 ,
No idea, sounds like a problem for your coder :-(
Please post a link to the form so we can take a quick look.
Bob
No idea, sounds like a problem for your coder :-(
Please post a link to the form so we can take a quick look.
Bob
That's what I thought... only I can't get a response from the coder(s) about it. Kinda surprising since they seem to be a reputable Joomla resource. Anyway, here is the form...
http://www.advancedenergyexpo.com/index.php?option=com_content&view=article&id=11&Itemid=12
http://www.advancedenergyexpo.com/index.php?option=com_content&view=article&id=11&Itemid=12
Hi banner2078,
I think that you have to replace the $ in the JQuery code after the no-conflict (effectively it gives the $ back to other scripts). Please try this
or perhaps more elegantly
Not tested and I'm no jQuery expert !!
Bob
I think that you have to replace the $ in the JQuery code after the no-conflict (effectively it gives the $ back to other scripts). Please try this
<script type="text/javascript">
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
<script>
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = jQuery(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
jQuery(document).ready(function() {
equalHeight(jQuery(".block"));
});
</script>
or perhaps more elegantly
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
equalHeight($(".block"));
});
// Code that uses other library's $ can follow here.
</script>
Not tested and I'm no jQuery expert !!
Bob
That did it... wow, you're good Bob. Thank you very much!
This topic is locked and no more replies can be posted.