- This topic has 4 replies, 2 voices, and was last updated 13 years ago by
.
-
Posts
-
Dears
I am using the booking form in an even list, but it does look a bit repetetive and bulky in those lists. I wonder if it was possible to make the booking form “collapsable”, so that only a link like “click here to register” would be displayed in the list. If you click there, some JavaScript would then expand the actual booking form …
Too difficult? Too obscure?
Cheers
Hasko
Oops, this accidentally went into the official announcements. Obviously, it was meant to go to feature requests. Sorry about that.
Cheers
Hasko
In fact, I managed to get it working using the excellent advice on http://designgala.com/how-to-expand-collapse-toggle-div-layer-using-jquery/
This is what I put in the event list template:
[:de]<tr>
<td>#_LINKEDNAME<br />
<a href="#_LOCATIONPAGEURL" target="_blank">#_LOCATION</a> #_DETAILS</td>
<td><a href="javascript:;" class="collapsable-header">Anmeldeformular</a>
<div class="collapsable-content">
#_ADDBOOKINGFORM
</div></td>
</tr>
[:en]<tr>
<td>#_LINKEDNAME<br />
<a href="#_LOCATIONPAGEURL" target="_blank">#_LOCATION</a>
#_DETAILS</td>
<td><a href="javascript:;" class="collapsable-header">Registration</a>
<div class="collapsable-content">#_ADDBOOKINGFORM</div>
</td>
</tr>Then, in the page header section, add the corresponding functions using “collapsable-header” and “collapsable-content.” Works perfectly even with qTranslate, as you can see.
I haven’t tried, this, but what about wrapping it in this: http://wordpress.org/extend/plugins/jquery-collapse-o-matic/ or this http://hackadelic.com/solutions/wordpress/sliding-notes?
Hi 3dperuna
good advice. Those two plugins look neat. I didn’t find them when I was looking for a “collapsing” plugin, that’s the only reason why I didn’t use them. 🙂
The jQuery stuff works for me now, but I’ll try the plugins when I feel adventurous one week-end. Or for my other web site.
Cheers
Hasko
- The forum ‘Generic’ is closed to new topics and replies.