Solved

Popup undefined error?

Posted on 2009-04-06
3
2,176 Views
Last Modified: 2012-05-06
I need a modal popup for our ASP page and pasted the following code, but returned error: 'Popup' is undefined

I'm getting code ideas from: http://www.javascripttoolbox.com/lib/popup/example.php

[code]
<div id="modal" style="border:3px solid black; background-color:#9999ff; padding:25px; font-size:150%; text-align:center; display:none;">
      This is a modal popup!<br><br>
      <input type="button" value="OK" onclick="Popup.hide('modal')">
</div>

<a href="#" onclick="Popup.showModal('modal');return false;">Show Modal Popup</a>
<br>
<a href="#" onclick="Popup.showModal('modal',null,null,{'screenColor':'#99ff99','screenOpacity':.6});return false;">Show Modal Popup With A Custom Screen</a>
           
0
Comment
Question by:pointeman
3 Comments
 
LVL 12

Accepted Solution

by:
Gibu George earned 500 total points
ID: 24079236
You need to have some other js files for the model popup which are provided in the site. You need to have the popup.js at least, check the documentation given in the site. Some the scripts used in the page are

<script type="text/javascript" src="/main.js"></script>
<script type="text/javascript" src="/includes/jquery.js"></script>
<link type="text/css" rel="stylesheet" href="/includes/SyntaxHighlighter.css"></link>
<script language="javascript" src="/includes/sh/shCore.js"></script>
<script language="javascript" src="/includes/sh/shBrushJScript.js"></script>
<script language="javascript">$(function() { dp.SyntaxHighlighter.HighlightAll('code'); });</script><script type="text/javascript" src="/includes/toggleDiv.js"></script>

<script type="text/javascript" src="/libsource.php/popup/combined/popup.js"></script>
0
 

Author Comment

by:pointeman
ID: 24082183
No wonder I received the error. I need to go back to their web site.....
0

Featured Post

ScreenConnect 6.0 Free Trial

Check out the updates in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI that improves session organization and overall user experience. See the enhancements for yourself!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question