jquery macro and confluence

I have installed jquerty macro on my confluence 3.4. and i’m trying to run some simple code

{jquery:markup=wiki}
{html}
<head>
<script type="text/javascript">
function displaymessage()
{
alert("Hello World!");
}
</script>
</head>

<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>

<p>By pressing the button above, a function will be called. The function will alert a message.</p>

{html}
{jquery}

...everything works fine on PREVIEW view (Hello World string appears) but when i save my page and press the "Click me" button nothing happened.

Any idea why?


					
				
			
			
			
				

2 answers

1 accepted

1 vote
Accepted answer
David Simpson Community Champion Sep 29, 2011

Some things...

You don't seem to be using jQuery at all, so why both with the {jquery} macro. Also, this is being displayed in the page, so don't add the head or body tags.

Try this:

{html}
<script>
  function displayMessage(){
      alert('Hello World!');
  }
</script>
<form><input id="clickMeInput" type="button" value="Click me!" onclick="displayMessage()" /></form>

<p>By pressing the button above, a function will be called. The function will alert a message.</p>
{html}

If you want to use jQuery, Atlassian already bundle it in Confluence, but their version is referenced using AJS.$ rather than just $.

Try this:

{html}
<script>

  AJS.toInit(function(){ // use instead of $(document).ready()
    AJS.$('#clickMeInput').click(function(){
      alert('Hello World!');
    })
  })

</script>

<form><input id="clickMeInput" type="button" value="Click me!" /></form>
 
<p>By pressing the button above, a function will be called. The function will alert a message.</p>
{html}

this is macro security issue or jquery macro is not compatible with 4.3?

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Dec 10, 2018 in Confluence

Organizing your space just got easier - Page Tree Drag & Drop is here

Hi Community! I’m Elaine, Confluence Product Manager. You may have read my earlier post about page tree in space navigation sidebar. I'm excited to share another improvement that helps you organize ...

198 views 6 7
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you