YSR Keyed Entry a
by KelseyW
HTML
<div id="YSR_Page:DS_YSR:mainBlock" class="bPageBlock brandSecondaryBrd apexDefaultPageBlock secondaryPalette">
<div class="pbHeader">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="pbTitle">
<h2 class="mainTitle">Youth Self Report - Ages 11-18</h2></td>
</tr>
</tbody>
</table>
</div>
<div class="pbBody">
<span id="YSR_Page:DS_YSR:mainBlock:j_id27"> </span>
<div class="striped-question" id="questionRows">
<div class="form-group">
<label class="col-md-12 col-lg-5 control-label" id="questionLabel">
<span class="nmbr">1.</span>I act too young for my age <span id="YSR_Page:DS_YSR:mainBlock:qContent:0:j_id64" style="display: none;"></span>
</label>
<div class="col-md-12 col-lg-7" id="fieldset1">
<span class="nmbr"></span>
<fieldset style="border: none;">
<table role="presentation" id="YSR_Page:DS_YSR:mainBlock:qContent:0:radioSelections" class="radio-list radio-list-inline">
<tbody>
<tr>
<td>
<input name="YSR_Page:DS_YSR:mainBlock:qContent:0:radioSelections" id="YSR_Page:DS_YSR:mainBlock:qContent:0:radioSelections:0" value="0" title="0" type="radio">
<label for="YSR_Page:DS_YSR:mainBlock:qContent:0:radioSelections:0"> 0 = Not True</label>
</td>
<td>
<input name="YSR_Page:DS_YSR:mainBlock:qContent:0:radioSelections" id="YSR_Page:DS_YSR:mainBlock:qContent:0:radioSelections:1" value="1" title="0" type="radio">
<label...
CSS
.focusedRow{
outline: 1px solid red;
}
JavaScript
$(document).ready(function() {
$.each($('fieldset'), function(index, fGroup) {
console.log(index );
console.log( fGroup);
});
$(":focus").focusout(function(){
$(this).closest('fieldset').addClass('focusedRow');
});
});