For some reason when I hit "next" button on "register.cfm" page when starting from index page and selecting "register" from the top menu map...But when I open register.cfm page directly and ensure <cfajaximport> is on top of page, everything runs without problem when i select the "next" button.
index-test.cfm :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : Condition
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version : 1.0
Released : 20100103
-->
<cfajaximport tags="cfwindow,cfform,cfdiv">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Condition by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<script language="javascript" type="text/javascript" src="js/topmenu-map.js"></script>
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1><a href="#">Mobile-IT-Training </a></h1>
<p><em> Affordable Training for Everyone </em></p>
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li class="current_page_item"><a href="#" class="first">Home</a></li>
<li><a href="#" onclick="aboutus();">About Us</a></li>
<li><a href="#" onclick="contact();">Contact</a></li>
<li><a href="mailto:comments@mobile-itt.com">Comments</a></li>
<li><a href="#" onclick="newregistrar();">Register</a></li>
<li><a href="#" onclick="login();">Log-in</a></li>
</ul>
</div>
<!-- end #menu -->
<!-- end #search -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<div id="page-bgtop">
<div id="content">
<div id="includes">
<table>
<tr>
<td valign="top"><cfinclude template="sideone.cfm"> </td>
<td valign="top"><cfinclude template="sidetwo.cfm"> </td>
</tr>
</table>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Aliquam tempus</h2>
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
</li>
<li>
<h2>Pellenteque ornare </h2>
<ul>
<li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
</ul>
</li>
<li>
<h2>Turpis nulla</h2>
<ul>
<li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
<!-- end #page -->
<div id="footer-bgcontent">
<div id="footer">
<p>Copyright (c) 2010 Mobile-it-training.com. All rights reserved. - ALL <a href="mailto:comments@mobile-itt.com">COMMENTS</a> are welcomed</p>
</div>
</div>
<!-- end #footer -->
</div>
</body>
</html>
register.cfm:
<style type="text/css">
#register-container {
border: 1px;
border-color:#CCCCCC;
border-style:groove;
height: 500px;
width: 500px;
margin: 5px;
padding: 5px;
font-size: 14px;
font:"Courier New", Courier, monospace;
}
#disclaimer{
width: 400px;
height: 300px;
overflow: scroll;
outline: inset;
outline-color:#999999;
outline-width: 2px;
}
#title{
font-size: 18px;
font-style: oblique;
font-stretch:expanded;
font-weight:800;
color: #0033FF;
}
.style3 {
font-size: 10px;
font-weight: bold;
}
</style>
<script language="javascript">
<!--- The error handler pops an alert with the error code and message. --->
var myerrorhandler = function(errorCode,errorMessage){
alert("[In Error Handler]" + "\n\n" + "Error Code: " + errorCode + "\n\n" + "Error Message: " + errorMessage);
}
</script>
<cfdiv id="outputPage">
<!-- Start Registry Page -->
<Div id="register-container">
<div id="title">New User Registration</div>
<br>
"*" required field<p>
<cfform name="auto" id="auto">
* E-mail Address:<br>
<input type="text" name="email" size="35" />
<br><br>
* Repeat e-mail address:<br>
<input type="text" name="email-check" size="35" />
<br><br>
* Password: <span class="style3">max 15 characters</span><br />
<input type="password" name="password" maxlength="15" size="35" />
<br /><br />
* Re-enter Password:<br />
<input type="password" name="passwordconfirm" maxlength="15" size="35" />
<p>
<input type="Button" name="next" value="Next"
onclick="javascript:ColdFusion.navigate('melvintest.cfm', 'outputPage', '', myerrorhandler,'POST','auto');" />
</cfform>
</Div>
</cfdiv>
melvintest.cfm
<html>
<head>
<title> </title>
</head>
<body>
finally a test
</body>
</html>
Topmenu-map.js
newregistrar = function(){
ColdFusion.Window.create('newregistrar', 'New Registration Page', 'register.cfm', {
modal: true,
closable: true,
draggable: true,
resizable: true,
center: true,
initshow: true,
width: 600,
height: 600
})
};
I guess one key question: can cfdiv work within cfwindow:
The url to get a visual: http://www.globalgospelinfo.com/mobileitt/2/index-test.cfm
To test just the register.cfm file I created a register-test.cfm file to show that it works when page accessed directly: http://www.globalgospelinfo.com/mobileitt2/register-test.cfm
Any Help Very Much Appreciated!
works fine in Firefox. I haven't correct style format in IE yet...
|
