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
Answer accepted
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
Published Mar 12, 2019 in Confluence

Confluence Admin Certification now $150 for Community Members

More and more people are building their careers with Atlassian, and we want you to be at the front of this wave! Important Dates Start the Certification Prep Course by 2 April 2019 Take your e...

868 views 2 13
Read article

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