Search jQuery

jQuery Forum

Screen name:
ministrypixel

ministrypixel's Profile

2 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Cluetip Question
[5Replies]
- 15-Nov-2011 03:06 PM
- Forum: Using jQuery Plugins
I have gotten Cluetip to work on other parts of our website, but for some reason it is not working on this part. We are using HiFi (www.gethifi.com) for our CMS. We are also using Datatables (www.datatables.net). The table contains the link to trigger inline content tooltip. If you go to http://compassbiblechurch.tryhifi.com/ministries/pastor-mike?show=all_sermons you can see that Cluetip is hiding the inline content tooltip correctly, but when you hover over paper icon, nothing happens. Below is the code. Thank you in advance for your help.
2. <table class="message_table" cellspacing="0" cellpadding="0" id="sermons_all">
4. <thead>
5. <tr>
6. <th class="hide"><a href="#">Series</a></th>
7. <th class="hide"><a href="#">Series Date</a></th>
8. <th><a href="#">Title</a></th>
9. <th class="center"><a href="#">Passage</a></th>
10. <th class="center"><a href="#">Date</a></th>
11. <th class="hide"><a href="#">Categories</a></th>
12. <th class="hide"><a href="#">Description</a></th>
13. </tr>
14. </thead>
16. <tbody>
18. {% for series in hifi.get({type: 'page', orderBy: 'publishedAt', 'children':{'messages':{'type':'page', orderBy: '-publishedAt'}}, parent: this.id, relations: '*'}) %}
19. {% for message in series.children.messages({relations: '*'}) %}
21. <tr>
22. <td class="group hide"><b><a href="{{ series.children.messages[0].url }}">{{ series.title }}</a></b> <a class="icon tooltip" href="#" rel="#{{ series.title|lower|replace(' ','-')|replace("'","-") }}" title="{{ series.title }}"><img src="{{ hifi.url.images }}icon_document.png"></a></td>
23. <td class="hide">{{ series.publishedAt|date("M. d, Y") }}</td>
24. <td class="indent first"><a href="{{ message.url}}">{{ message.title }}</a></td>
25. <td class="center">{{ message.excerpt|striptags }}</td>
26. <td class="center">{{ message.publishedAt|date("M. d, Y") }}</td>
27. <td class="hide">{% for category in series.relations.category %}{{ category.title }} {% endfor %}</td>
28. <td class="hide">{{ series.content }}</td>
29. </tr>
31. {% endfor %}
32. <div class="tooltip_content" id="{{ series.title|lower|replace(' ','-')|replace("'","-") }}">{{ series.content }}<span><a href="{{ series.children.messages[0].url }}">Visit series »</a></span></div>
33. {% endfor %}
36. </tbody>
38. </table>

Tablesorter Question
[0Replies]
- 19-Oct-2011 04:47 PM
- Forum: Using jQuery Plugins
I have setup a sermon table that load the sermon series and sermons within that series. The structure should look like this:

Series 1

Message 1
Message 2
Series 2

Message 1
Message 2

Message 3

and so on....

Below is my code setup:
2. <table class="message_table" cellspacing="0" cellpadding="0" id="sermons_all">
4. <thead>
5. <tr>
6. <th><a href="#">Subtitle</a></th>
7. <th class="center"><a href="#">Passage</a></th>
8. <th class="center"><a href="#">Date</a></th>
9. </tr>
10. </thead>
12. <tbody>
14. <tr>
15. <td><b>SERIES TITLE</a></b></td>
16. <td></td>
17. <td></td>
18. </tr>
20. <tr>
21. <td class="indent">MESSAGE TITLE</td>
22. <td class="center">SCRIPTURE</td>
23. <td class="center">DATE</td>
24. </tr>
26. <tr>
27. <td class="spacing">EMPTY SPACING</td>
28. <td></td>
29. <td></td>
30. </tr>
32. </tbody>
34. </table>
The following is my setup:
2. <script type="text/javascript" charset="utf-8">
4. $(document).ready(function() {
5. $('#sermons_all').dataTable( {
6. "bStateSave": false,
7. "aaSorting": [
8. [2,'desc']
9. ],
10. "aoColumns": [
11. null,
12. null,
13. { "sType": "date" }
14. ]
15. } );
16. } );
17. </script>
Since it is more of a complex setup, it seems to know want to keep series and messages together: http://compassbiblechurch.tryhifi.com/ministries/pastor-mike?show=all_sermons# This may not even be possible, but it's worth a shot. Thanks in advance for your help!

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend