Why is my javascript rendering correctly in preview mode but stops working once the page is saved?

CAMG Training Nov 19, 2015

My code is as follows:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
&lt;head&gt;
&lt;title&gt;IMG EXPAND&lt;/title&gt;

&lt;style type="text/css"&gt;
#ToggleTarget {
	display: none;
}
&lt;/style&gt;

&lt;script type="text/javascript"&gt;
function Toggle() {
	var el = document.getElementById("ToggleTarget");
	if (el.style.display == "block") {
		el.style.display = "none";
	}
	else {
		el.style.display = "block";
	}
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;p&gt;&lt;a href="javascript:Toggle();"&gt;&lt;img src="https://thegrid.solarcity.com/download/attachments/37202190/warehouse.jpg?version=5&amp;modificationDate=1447954817206&amp;api=v2"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div id="ToggleTarget"&gt;OMG YES&lt;br /&gt;I DID IT I IS SO SMART&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

Products

Interests

Groups

Community resources

Support

Why is my javascript rendering correctly in preview mode but stops working once the page is saved?

1 answer

Suggest an answer

Kesha Thillainayagam

Why start from scratch? Introducing four new templates for Confluence Cloud

Atlassian User Groups

Find my local user group

Groups near you