JQuery Contact Modal Plugin doesnt run from Visual Studio Casini browser nor IIS -
im trying run demo visual studio, built-in casini browser iis, , not firing @ all.
however, work if fire-up html zip file.
to run demo doesnt require web server php enabled because html modified slightly.
here modified html:
<!doctype html> <html> <head> <title> simplemodal contact form </title> <meta name='author' content='eric martin' /> <meta name='copyright' content='2010 - eric martin' /> <!-- page styles --> <link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' /> <!-- contact form css files --> <link type='text/css' href='css/contact.css' rel='stylesheet' media='screen' /> <!-- js files loaded @ bottom of page --> </head> <body> <div id='container'> <div id='logo'> <h1>simple<span>modal</span></h1> <span class='title'>a modal dialog framework plugin jquery</span> </div> <div id='content'> <div id='contact-form'> <h3>contact form</h3> <p>a contact form built on simplemodal. demonstrates use of <code>onopen</code>, <code>onshow</code> , <code>onclose</code> callbacks, use of ajax simplemodal.</p> <p>to use: open <code>data/contact.php</code> , modify <code>$to</code> , <code>$subject</code> values. enable/disable information user, configure <code>$extra</code> array.</p> <p><strong>note:</strong> demo must run web server php enabled.</p> <input type='button' name='contact' value='demo' class='contact demo'/> or <a href='#' class='contact'>demo</a> </div> <!-- preload images --> <div style='display:none'> <img src='images/contact/loading.gif' alt='' /> </div> </div> <div id='footer'> © 2010 eric martin | <a href='http://www.ericmmartin.com/'>ericmmartin.com</a> | <a href='http://twitter.com/ericmmartin'>@ericmmartin</a> | <a href='http://twitter.com/simplemodal'>@simplemodal</a> </div> </div> <div id='modal-contact-form' style='display:none'> <div class='contact-top'></div> <div class='contact-content'> <h1 class='contact-title'>send message:</h1> <div class='contact-loading' style='display:none'></div> <div class='contact-message' style='display:none'></div> <form action='#' style='display:none'> <label for='contact-name'>*name:</label> <input type='text' id='contact-name' class='contact-input' name='name' tabindex='1001' /> <label for='contact-email'>*email:</label> <input type='text' id='contact-email' class='contact-input' name='email' tabindex='1002' /> <label for='contact-subject'>subject:</label> <input type='text' id='contact-subject' class='contact-input' name='subject' value='' tabindex='1003' /> <label for='contact-message'>*message:</label> <textarea id='contact-message' class='contact-input' name='message' cols='40' rows='4' tabindex='1004'></textarea> <br/> <label> </label> <input type='checkbox' id='contact-cc' name='cc' value='1' tabindex='1005' /> <span class='contact-cc'>send me copy</span> <br/> <label> </label> <button type='submit' class='contact-send contact-button' tabindex='1006'>send</button> <button type='submit' class='contact-cancel contact-button simplemodal-close' tabindex='1007'>cancel</button> <br/> </form> </div> <div class='contact-bottom'><a href='http://www.ericmmartin.com/projects/simplemodal/'>powered simplemodal</a></div> </div> <!-- load javascript files --> <script type='text/javascript' src='js/jquery.js'></script> <script type='text/javascript' src='js/jquery.simplemodal.js'></script> <script type='text/javascript' src='js/contact.js'></script> </body> </html>
im not sure how paste jquery javascript files or large css file. downloaded them demo site.
http://www.ericmmartin.com/projects/simplemodal-demos/ -- contact modal --
note: demo must run web server php enabled.
its mentioned require deploy demo on php enabled web server.
Comments
Post a Comment