Hi Monk,
I have a cgi script. Where I have some code like below :
my $q = new CGI ; #a cgi object
print $q->h3("Process");
print $q->html("Steps");
print qq{<FONT SIZE=-1><I>(Click on the hyperlinks in the 'task' colum
+n to see further information on methods [if available])</I></FONT><BR
+>\n};
print qq{<FONT SIZE=-1><I>(Note: Hyperlinks to the <B>Command/Method
+</B> log files will not work on windows)</I></FONT><BR>\n};
print qq{<TABLE BORDER=1 ><TR BGCOLOR="#D0D0D0">
<TH ALIGN=LEFT>Task</TH><TH ALIGN=LEFT>Command</TH><TH ALIGN=LEFT>
+Method</TH><TH
ALIGN=LEFT>Status</TH><TH ALIGN=LEFT>Task version</TH><TH ALIGN=LE
+FT>Tool version</TH><TH
ALIGN=LEFT>Last changed</TH><TH ALIGN=LEFT>Comments</TH></TR> \n }
+;
Now how can I include this following javascript code in that script. I need to know the syntax
Thanks in advance.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.
+2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('TABLE:has(th:contains("Status"))').attr('id','maintab');
$('th:contains("Status")').html('<select id="your_answer" name="your_a
+nswer" style="margin-bottom:5px"><option value="showAll">showAll</opt
+ion><option value="onlyValidStatus">onlyValidStatus</option></select>
+<br />Status');
$('#maintab td').each(function(){
if($(this).is(':first-child') && $(this).attr('rowspan')=='undefined')
+{
$(this).css('background-color','Red');
$(this).parent().addClass('hid');
}
if($(this).is(':nth-child(2)') && $(this).find('a').length==0){
$(this).parent().addClass('hid');
/* if you don't want not valid rows to be colorized
remove the two lines below or just comment these lines
*/
$(this).css('background-color','#f5f5f5');
$(this).siblings().css('background-color','#f5f5f5');
}
});
$('#your_answer').change(function(){
if($(this).val()=='onlyValidStatus'){$('.hid').css('display','none');}
if($(this).val()=='showAll'){$('.hid').css('display','TABLE-row');}
$(this).blur();
});
});
</script>