How can I use html:link to run only a JavaScript function?

I am trying to hide a div "chunk" using an html-el:link tag but its not working.  I'm setting the page attribute equal to the page in which the div is located.  I'm just getting a "page not found" error.  Can someone tell me how to hide the div section using the link without getting the error page?

Thanks to all of you good souls!
function hideCriteriaSubTotals() {
	alert("Point1");
	document.getElementById("criteriaSubtotals").style.display="none";
	
	alert("Point2");
}
 
<html-el:link page="/jsp/pendingTotalsReport.jsp" onclick="hideCriteriaSubTotals();" >
       Hide Criteria Subtotals
</html-el:link>
 
<div id="criteriaSubtotals">		
       CriteriaSubtotal goes here.			
</div>

Open in new window

jwright9Asked:
Who is Participating?
 
sybeCommented:
Have you tried

page="#"

Or even plain HTML (I know that is very hard)

<a href="#" onclick="hideCriteriaSubTotals();">
0
 
jwright9Author Commented:
Thanks!  I found that
<html-el:link href="javascript:hideCriteriaSubTotals();">
   Hide Criteria Subtotals
</html-el:link>

Works.
Thanks for the alternative answer sybe!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.