Modal window content displays in the main window Unicorn Meta Zoo #1: Why another podcast? Announcing the arrival of Valued Associate #679: Cesar Manara Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!jQuery/JavaScript: accessing contents of an iframeHow can I display a JavaScript object?Get the size of the screen, current web page and browser windowOpen a URL in a new tab (and not a new window) using JavaScriptBind a function to Twitter Bootstrap Modal CloseDisallow Twitter Bootstrap modal window from closingBootstrap modal appearing under backgroundHow to open a Bootstrap modal window using jQuery?Close Bootstrap ModalZurb Foundation 4 Reveal Modal: Won't close
France's Public Holidays' Puzzle
Does Prince Arnaud cause someone holding the Princess to lose?
What is /etc/mtab in Linux?
Why isn't everyone flabbergasted about Bran's "gift"?
In search of the origins of term censor, I hit a dead end stuck with the greek term, to censor, λογοκρίνω
Where to find documentation for `whois` command options?
Are there existing rules/lore for MTG planeswalkers?
Why I cannot instantiate a class whose constructor is private in a friend class?
Why do people think Winterfell crypts is the safest place for women, children and old people?
Is a self contained air-bullet cartridge feasible?
How would it unbalance gameplay to rule that Weapon Master allows for picking a fighting style?
How do I deal with an erroneously large refund?
What is the purpose of the side handle on a hand ("eggbeater") drill?
Could a cockatrice have parasitic embryos?
What is a good proxy for government quality?
Like totally amazing interchangeable sister outfit accessory swapping or whatever
What happened to Viserion in Season 7?
Page Layouts : 1 column , 2 columns-left , 2 columns-right , 3 column
What is the term for extremely loose Latin word order?
RIP Packet Format
Are these square matrices always diagonalisable?
Will I lose my paid in full property
Is there a possibility to generate a list dynamically in Latex?
What is the definining line between a helicopter and a drone a person can ride in?
Modal window content displays in the main window
Unicorn Meta Zoo #1: Why another podcast?
Announcing the arrival of Valued Associate #679: Cesar Manara
Data science time! April 2019 and salary with experience
The Ask Question Wizard is Live!jQuery/JavaScript: accessing contents of an iframeHow can I display a JavaScript object?Get the size of the screen, current web page and browser windowOpen a URL in a new tab (and not a new window) using JavaScriptBind a function to Twitter Bootstrap Modal CloseDisallow Twitter Bootstrap modal window from closingBootstrap modal appearing under backgroundHow to open a Bootstrap modal window using jQuery?Close Bootstrap ModalZurb Foundation 4 Reveal Modal: Won't close
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm new to web development and for now, I'm trying just to make a simple modal window on my site.
I use basic code from here
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<h2 id="modalTitle">Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<a class="close-reveal-modal" aria-label="Close">×</a>
</div>
However, it doesn't do what it does in the example page (i.e. it should display only the link Click Me For A Modal and everything else in the modal after the click). Instead, it displays everything in the main window:
What am I doing wrong and how to make it work as supposed? Thank you.
javascript jquery modal-dialog
asked Mar 22 at 15:07
user15933user15933
11
add a comment |
I'm new to web development and for now, I'm trying just to make a simple modal window on my site.
I use basic code from here
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<h2 id="modalTitle">Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<a class="close-reveal-modal" aria-label="Close">×</a>
</div>
However, it doesn't do what it does in the example page (i.e. it should display only the link Click Me For A Modal and everything else in the modal after the click). Instead, it displays everything in the main window:
What am I doing wrong and how to make it work as supposed? Thank you.
javascript jquery modal-dialog
asked Mar 22 at 15:07
user15933user15933
11
It displays in the main window: Click Me For A Modal Awesome. I have it. Your couch. It is mine. I'm a cool paragraph that lives inside of an even cooler modal. Wins! ×
– user15933
Mar 22 at 15:08
1
Have you included the related foundation CSS/JS file?
– Zakaria Acharki
Mar 22 at 15:20
Ok, that is the issue. Do you have in mind a good guide on how to include them in Wordpress? Thank you!
– user15933
Mar 22 at 19:26
add a comment |
I'm new to web development and for now, I'm trying just to make a simple modal window on my site.
I use basic code from here
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<h2 id="modalTitle">Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<a class="close-reveal-modal" aria-label="Close">×</a>
</div>
However, it doesn't do what it does in the example page (i.e. it should display only the link Click Me For A Modal and everything else in the modal after the click). Instead, it displays everything in the main window:
What am I doing wrong and how to make it work as supposed? Thank you.
javascript jquery modal-dialog
asked Mar 22 at 15:07
user15933user15933
11
I'm new to web development and for now, I'm trying just to make a simple modal window on my site.
I use basic code from here
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<h2 id="modalTitle">Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<a class="close-reveal-modal" aria-label="Close">×</a>
</div>
However, it doesn't do what it does in the example page (i.e. it should display only the link Click Me For A Modal and everything else in the modal after the click). Instead, it displays everything in the main window:
What am I doing wrong and how to make it work as supposed? Thank you.
javascript jquery modal-dialog
javascript jquery modal-dialog
asked Mar 22 at 15:07
user15933user15933
11
asked Mar 22 at 15:07
user15933user15933
11
asked Mar 22 at 15:07
user15933user15933
11
asked Mar 22 at 15:07
user15933user15933
11
asked Mar 22 at 15:07
user15933user15933
11
11
It displays in the main window: Click Me For A Modal Awesome. I have it. Your couch. It is mine. I'm a cool paragraph that lives inside of an even cooler modal. Wins! ×
– user15933
Mar 22 at 15:08
1
Have you included the related foundation CSS/JS file?
– Zakaria Acharki
Mar 22 at 15:20
Ok, that is the issue. Do you have in mind a good guide on how to include them in Wordpress? Thank you!
– user15933
Mar 22 at 19:26
add a comment |
It displays in the main window: Click Me For A Modal Awesome. I have it. Your couch. It is mine. I'm a cool paragraph that lives inside of an even cooler modal. Wins! ×
– user15933
Mar 22 at 15:08
1
Have you included the related foundation CSS/JS file?
– Zakaria Acharki
Mar 22 at 15:20
Ok, that is the issue. Do you have in mind a good guide on how to include them in Wordpress? Thank you!
– user15933
Mar 22 at 19:26
It displays in the main window: Click Me For A Modal Awesome. I have it. Your couch. It is mine. I'm a cool paragraph that lives inside of an even cooler modal. Wins! ×
– user15933
Mar 22 at 15:08
It displays in the main window: Click Me For A Modal Awesome. I have it. Your couch. It is mine. I'm a cool paragraph that lives inside of an even cooler modal. Wins! ×
– user15933
Mar 22 at 15:08
1
1
Have you included the related foundation CSS/JS file?
– Zakaria Acharki
Mar 22 at 15:20
Have you included the related foundation CSS/JS file?
– Zakaria Acharki
Mar 22 at 15:20
Ok, that is the issue. Do you have in mind a good guide on how to include them in Wordpress? Thank you!
– user15933
Mar 22 at 19:26
Ok, that is the issue. Do you have in mind a good guide on how to include them in Wordpress? Thank you!
– user15933
Mar 22 at 19:26
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55302585%2fmodal-window-content-displays-in-the-main-window%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55302585%2fmodal-window-content-displays-in-the-main-window%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
It displays in the main window: Click Me For A Modal Awesome. I have it. Your couch. It is mine. I'm a cool paragraph that lives inside of an even cooler modal. Wins! ×
– user15933
Mar 22 at 15:08
1
Have you included the related foundation CSS/JS file?
– Zakaria Acharki
Mar 22 at 15:20
Ok, that is the issue. Do you have in mind a good guide on how to include them in Wordpress? Thank you!
– user15933
Mar 22 at 19:26