Hi, I want to use dialog box to display my custom content. Here's my code: AJS.$(document).ready(function() { var popup = new AJS.Dialog(860, 530); AJS.$("#test-button").click(function() { popup.show(); }); }); Test The trouble is that button is inside of form, so after click the popup is temporary displayed and I'm redirected to other/the same page.

The problem was with Test after changing it to: everything works fine!

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Dialog box in JIRA

Hi,

I want to use dialog box to display my custom content. Here's my code:

&lt;script language="javascript" type="text/javascript"&gt;
			AJS.$(document).ready(function() {
			    var popup = new AJS.Dialog(860, 530);
			    AJS.$("#test-button").click(function() {
			        popup.show();
			    });
			});
		&lt;/script&gt;

&lt;button id="test-button"&gt;Test&lt;/button&gt;

The trouble is that button is inside of form, so after click the popup is temporary displayed and I'm redirected to other/the same page.

Accepted answers

The problem was with

<button id="test-button">Test</button>

after changing it to:

everything works fine!

All comments

JamieA

That doesn't really make sense, a <button> element should not submit the form. There must be more to this than what you have put in the question.

tousifs

Hi,

<button id="test-button"> Test </button> element no need to declare within form opening and form closing

it seems to be correct way.

button is diffrent from submit button so it wont go ahead next action.

The problem was with

<button id="test-button">Test</button>

after changing it to:

everything works fine!

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

javascript