Hi there, Iâm trying to develop a template that utilizes jQuery so it will format well on a mobile device. I am having a lot of success, but I think Iâm running into a bug and am hoping for some help confirming that (and getting it fixed) or another way to accomplish what I want to do. Part of utilizing jQuery requires the use of <div> tags, which of course have to be properly closed. Because I want to use collapsible sets that use sa_hostname as the section title, I need to use nested <saif> blocks. It sort of seems to work in one example and then not in another.
My question is whether nested <saif> blocks is expected to work or not. For more detail (if it matters), hereâs the logic Iâm finding myself trying to run through: * In the header (before <sa_report> tag) I open a <div> tag with attribute of data-role=âcollapsibleset". * For ONLY the very first entry inside the <sa_report> tag, I need to open a <div> tag with attribute of data-role=âcollapsibleâ. I canât have a </div> tag first, or that would close the above section I just opened. * For every next entry, if the sa_hostname is the same as the previous one, I donât want to close or open a new <div> tag at this level * However, if the sa_hostname is new, I need to close out the previous <div> tag at this level and start a new one. * After the closing </sa_report> tag I have the last </div> tag to close out the hanging collapsible for the last entry in the report, then I have another </div> tag to close out the collapsibleset started in the header. To accomplish this, Iâm using the following snippet of code: âSNIPâ <div data-role="collapsibleset" data-inset="false"> <!-- End of header for Servers Alive --> <sa_report sort=NOGROUP,CSTATUS,HOSTNAME> <saif sa_previous_hostname_in_html IS ""><div data-role="collapsible" data-collapsed="true" data-inset="false"><h3><sa_hostname></h3><ul data-role="listview" data-inset="false"></saif> <saif sa_previous_hostname_in_html NOT ""><saif sa_hostname not sa_previous_hostname_in_html></div><div data-role="collapsible" data-collapsed="true" data-inset="false"><h3><sa_hostname></h3><ul data-role="listview" data-inset="false"></saif></saif> <li> <h2><sa_prettyname></h2> <p><strong><sa_checkdescription></strong></p> <p><sa_statuschangedate> <sa_statuschangetime></p> <p class="ui-li-aside"><strong><sa_checkresponse></strong></p> </li> </sa_report> <!-- Begin of footer for Servers Alive --> </div> </div> âSNIPâ That works all well and good, but it leaves in a </saif> in the report only for the first entry as seen below: âSNIPâ <div data-role="collapsibleset" data-inset="false"> <!-- End of header for Servers Alive --> <div data-role="collapsible" data-collapsed="true" data-inset="false"><h3>192.168.20.105</h3><ul data-role="listview" data-inset="false"> </saif> <li> <h2>nsmn3220-1b - a_VM aggr used %</h2> <p><strong>SNMP (.1.3.6.1.4.1.789.1.5.4.1.6.1 result > 80)</strong></p> <p>12/17/2014 5:05:48 PM</p> <p class="ui-li-aside"><strong>82</strong></p> </li> </div><div data-role="collapsible" data-collapsed="true" data-inset="false"><h3>192.168.11.2</h3><ul data-role="listview" data-inset="false"> <li> <h2>phx-firewall - ping</h2> <p><strong>ping</strong></p> <p>12/17/2014 4:39:08 PM</p> <p class="ui-li-aside"><strong>100%</strong></p> </li> <li> <h2>phx-firewall01 - CPU load 1 min</h2> <p><strong>SNMP (.1.3.6.1.4.1.2021.10.1.5.1 result > 50)</strong></p> <p>12/17/2014 9:38:30 PM</p> <p class="ui-li-aside"><strong>2</strong></p> </li> <li> <h2>phx-firewall01 - Temperature Err Cond</h2> <p><strong>SNMP (.1.3.6.1.4.1.2620.1.6.7.8.1.1.6.1.0 result <> 0)</strong></p> <p>12/17/2014 9:34:13 PM</p> <p class="ui-li-aside"><strong>0</strong></p> </li> </div><div data-role="collapsible" data-collapsed="true" data-inset="false"><h3>192.168.11.41</h3><ul data-role="listview" data-inset="false"> <li> <h2>phxn3220-1a - ping</h2> <p><strong>ping</strong></p> <p>12/17/2014 4:39:06 PM</p> <p class="ui-li-aside"><strong>100%</strong></p> </li> <!-- Begin of footer for Servers Alive --> </div> </div> âSNIPâ That doesnât seem like a problem, however I wanted to do some further customization where I add some attributes to the <div> tag for the collapsible level and so I tried changing the template as follows: âSNIPâ <div data-role="collapsibleset" data-inset="false"> <!-- End of header for Servers Alive --> <sa_report sort=NOGROUP,CSTATUS,HOSTNAME> <saif sa_previous_hostname_in_html IS ""><div </saif> <saif sa_previous_hostname_in_html NOT ""><saif sa_hostname not sa_previous_hostname_in_html></div><div </saif> </saif> <sa_select_case status> <sa_case DOWN> data-icon="alert" <sa_case SCHEDULEDMAINTENANCE> data-icon="clock" </sa_select_case> <saif sa_hostname not sa_previous_hostname_in_html>data-role="collapsible" data-collapsed="true" data-inset="false"><h3><sa_hostname></h3><ul data-role="listview" data-inset="false"></saif> <li> <h2><sa_prettyname></h2> <p><strong><sa_checkdescription></strong></p> <p><sa_statuschangedate> <sa_statuschangetime></p> <p class="ui-li-aside"><strong><sa_checkresponse></strong></p> </li> </sa_report> <!-- Begin of footer for Servers Alive --> </div> </div> âSNIPâ That would seem like it should work for me, however because of the leftover </saif> tag, the <div> tag that Iâm trying to inject data-icon=âalertâ attribute into gets closed prematurely by the closing angle bracket in the </saif> hanging tag. See below: âSNIPâ <div data-role="collapsibleset" data-inset="false"> <!-- End of header for Servers Alive --> <div </saif> data-icon="alert" data-role="collapsible" data-collapsed="true" data-inset="false"><h3>192.168.20.105</h3><ul data-role="listview" data-inset="false"> <li> <h2>nsmn3220-1b - a_VM aggr used %</h2> <p><strong>SNMP (.1.3.6.1.4.1.789.1.5.4.1.6.1 result > 80)</strong></p> <p>12/17/2014 5:05:48 PM</p> <p class="ui-li-aside"><strong>82</strong></p> </li> âSNIPâ So when the page renders, not only do I not get the alert icon, but I get the two lines after the </saif> hanging tag showing up in the web page (because the tag they were a part of got closed). Thoughts about how to get this working? Thanks, Jason To unsubscribe send a message with UNSUBSCRIBE in the subject line to salive@woodstone.nu If you use auto-responders (like out-of-the-office messages), make sure that they are not sent to the list nor to individual members. Doing so will cause you to be automatically removed from the list.