We help IT Professionals succeed at work.

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

Medium Priority
226 Views
Last Modified: 2012-05-06
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

Comment
Watch Question

Commented:
Have you tried

page="#"

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

<a href="#" onclick="hideCriteriaSubTotals();">

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

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

Works.
Thanks for the alternative answer sybe!
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.