Link to home
Start Free TrialLog in
Avatar of Large_Farva
Large_Farva

asked on

ie8 losing session data

I have a 4 page form where I post some variables to session on first step and echo on 2, 3 and 4.   This works perfectly in Chrome, Firefox, and Safari.  IE8 loses the session data after step 2 for some reason.  Any ideas?  I am running 2 php apps on apache.
Avatar of Lukasz Chmielewski
Lukasz Chmielewski
Flag of Poland image

Might be related to the code anyway. Could you show it ?
Avatar of Large_Farva
Large_Farva

ASKER

Thanks for looking...here is step 1:
<?php 
session_start();

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XALT Enrollment</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js" type="text/javascript"></script>
<script src="http://www.mydomain.com/SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="http://www.mydomain.com/SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<script src="http://www.mydomain.com/SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()//When the dom is ready 
{
$("#username").change(function() 
{ //if theres a change in the username textbox

var username = $("#username").val();//Get the value in the username textbox
if(username.length > 5)//if the lenght greater than 3 characters
{
$("#availability_status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...');
//Add a loading image in the span id="availability_status"

$.ajax({  //Make the Ajax Request
    type: "POST",  
    url: "ajax_check_username.php",  //file name
    data: "username="+ username,  //data
    success: function(server_response){  
   
   $("#availability_status").ajaxComplete(function(event, request){ 

	if(server_response == '0')//if ajax_check_username.php return value "0"
	{ 
	$("#availability_status").html('<img src="available.png" align="absmiddle"> <font color="Green"></font>  ');
	//add this image to the span with id "availability_status"
	}  
	else  if(server_response == '1')//if it returns "1"
	{  
	 $("#availability_status").html('<img src="not_available.png" align="absmiddle"> <font color="red"></font>');
	}  
   
   });
   } 
   
  }); 

}
else
{

$("#availability_status").html('<font color="#cc0000">Username too short - 6 minimum</font>');
//if in case the username is less than or equal 3 characters only 
}



return false;
});

});
</script>
<style type="text/css">
body {
	font-family:Arial, Helvetica, sans-serif
}
#availability_status {
	font-size:20px;
	margin-left:10px;
	font-weight:bold;
}
input.form_element {
	
	background: transparent url('bg.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}
label {
	width: 125px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}
.style_form {
	margin:3px;
}
#content {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	margin-top:200px;
}
#submit_btn {
	margin-left:133px;
	height:30px;
	width: 221px;
}

h3 {color:#FFF}
body {background-color:#000; background-image:url(https://mydomain.com/images/header_slice.png); background-repeat:repeat-x; background-position:top;background-color:#3B3B3B}

</style>

<link href="http://www.mydomain.com/SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="http://www.mydomain.com/SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<link href="http://www.mydomain.com/SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
</head>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td colspan="3" align="center">&nbsp;</td>
  </tr>
  <tr>
    <td width="52">&nbsp;</td>
    <td width="797" align="center"><form method="post" action="http://www.mydomain.com/registration/" id="js_form">
		<div id="js_signup_block">
			<div>
	<div id="js_register_step1">
		<div class="table">
			<div class="table_left"></div>
			<div class="table_right"></div>			
		</div>
		<div class="table">
		  <div class="table_right">
		    <div class="p_4"></div>
				<div id="js_user_name_error_message"></div>
				
				
		  </div>			
		</div>		
		<div class="table">
<div class="table_left" style="float:left"></div>
			<div class="table_right"></div>			
		</div>

		<div class="table">
		<img src="http://www.mydomain.com/images/headerstep1.png" width="800" height="280" />
<div class="table_left" style="float:left"></div>
			<div class="table_right">
		    <table width="800" border="0" cellspacing="0" cellpadding="0">
		          <tr>
		            <td colspan="3" style="color:#FFF"><p>Your Invite Code is how your referrals are tracked and is included as part of your Invite Link as illustrated. It can also be manually entered into the enrollment form if no tracking link is used. </p>
	                <h3>Your invite link will be:  www.mydomain.com/your-invite-code</h3></td>
	            </tr>
		          <tr>
		            <td width="288" height="118"><h3>&#42;Choose your Invite Code:</h3></td>
		            <td width="8">&nbsp;</td>
		            <td width="504">
                   
                   <span id="sprytextfield3">
                   <input type="text" name="username" id="username" size="30" value=""/>
                   <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span><br/>
                   
 <span id="availability_status"></span>
                    <!--input type="text"  id="username" onkeyup="$('.bt-wrapper').remove(); $(this).ajaxCall('user.showUserName');" onfocus="$('#btn_verify_username').parent().slideDown()" title="Your username is used to easily connect to your profile." value="" size="30" autocomplete="off" /--> </td>
	            </tr>
		          <tr>
		            <td height="53"><h3>&#42;Email Address:</h3></td>
		            <td>&nbsp;</td>
              <td><span id="sprytextfield2">
              <input type="text" name="primary_email" id="primary_email" value="" size="30"/>
              <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td>
	            </tr>
		          <tr>
		            <td height="67"><h3>&#42;Verify Email:</h3></td>
		            <td>&nbsp;</td>
<td><span id="sprytextfield1"><span class="textfieldRequiredMsg">A value is required.</span></span><span id="spryconfirm1">
		              <input type="text" name="email" id="email" value="" size="30"/>
	                <span class="confirmRequiredMsg">A value is required.</span><span class="confirmInvalidMsg">The email values don't match.</span></span></td>
	            </tr>
		          <tr>
		            <td height="67"><h3>&#42;Password:</h3></td>
		            <td>&nbsp;</td>
        <td><span id="sprypassword1">
        <input type="password" name="password" id="password" value="" size="30" />
        <span class="passwordRequiredMsg">A password is required.</span><span class="passwordMinCharsMsg">Minimum number of characters not met.</span></span></td>
	            </tr>
		          <tr>
		            <td height="67">
		              <h3>*Verify Password:</h3></td>
		            <td>&nbsp;</td>
		            <td><span id="sprypassword2"><span class="passwordRequiredMsg">A value is required.</span></span><span id="spryconfirm2">
		              <input type="password" name="pass" id="pass" size="30"/>
	                <span class="confirmRequiredMsg">A value is required.</span><span class="confirmInvalidMsg">The values don't match.</span></span></td>
	            </tr>
	          </table>
	          
		  <p>
		    <input type="image" src="http://www.mydomain.com/images/continue.png" name="submit" value="Continue" class="button" id="submit" />
		    </p>
      

		
<span class="required">&#42;</span> Required Fields		</div>
	
</form>
</td>
    <td width="51">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email");
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:6, validateOn:["blur"]});
var sprypassword2 = new Spry.Widget.ValidationPassword("sprypassword2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "none", {minChars:6, validateOn:["blur"]});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "primary_email", {validateOn:["blur"]});
var spryconfirm2 = new Spry.Widget.ValidationConfirm("spryconfirm2", "password", {validateOn:["blur"]});
//-->
</script>

Open in new window


Step 2:
<?php 

session_start();

if(isset($_POST['submit'])){
  $_SESSION['username'] = $_POST['username'];
  $_SESSION['primary_email'] = $_POST['primary_email'];
  $_SESSION['password'] = $_POST['password'];
}
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- load html charset -->
<meta http-equiv="Content-Type" content="text/html; charset={charset}" />

<!-- load page title -->
<title>{sts_store_name} - {page_title}</title>

<!-- load meta info -->
<meta name="description" content="{meta_description}" />
<meta name="keywords" content="{meta_keywords}" />
<meta name="author" content="{sts_store_name}" />
<meta name="robots" content="all" />



<!-- load stylesheets -->
<link rel="stylesheet" href="http://mydomain.com/themes/main/{layout_design_site_theme}/css/style.css" type="text/css" media="screen, projection" />  
<link rel="stylesheet" href="http://mydomain.com/themes/main/{layout_design_site_theme}/css/nav/nav.css" type="text/css" media="screen, projection" />  

<!--[if lte IE 6]>
<link rel="stylesheet" href="themes/main/{layout_design_site_theme}/css/ie.css" type="text/css" media="screen, projection" /> 
<![endif]-->

<!-- load javascript -->
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/superfish/superfish.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/validate/jquery.validate.pack.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/popupwindow/jquery.popupwindow.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/scrollto/jquery.scrollto.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/thickbox/thickbox.js"></script>
<link rel="stylesheet" href="https://mydomain.com/js/thickbox/thickbox.css" type="text/css" media="screen" />

<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/cufon/cufon-yui.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/themes/main/{layout_design_site_theme}/js/avant_garde_gothic.font.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/themes/main/{layout_design_site_theme}/js/kabel-font.js"></script>

<script language="JavaScript" type="text/javascript" src="https://mydomain.com/themes/main/{layout_design_site_theme}/js/jscript.js"></script>

<!-- load custom style -->
<style type="text/css">
{layout_design_custom_css}
</style>

</head>

<body id="{css_body}" class="jroxBody">



<!--- container for the whole page -->
<div id="jroxContainer" class="jroxContainer">
	
    <!-- header -->
    <!--div id="jroxHeader" class="jroxHeader"-->   
     
        
        <!-- top menu
    
        {top_menu} -->
     
        <!-- search box -->
        <!--div id="jroxHeaderBox" class="jroxHeaderBox">
        
        <div class="jroxSiteName" id="jroxSiteName">{layout_design_header_name}</div>
        
        <div class="jroxSiteTagLine" id="jroxSiteTagLine">{layout_design_site_tag_line}</div>
        
        {right_menu}
        
        <div class="jroxShoppingCartItems" id="jroxShoppingCartItems"> 
        
        <div>{lang_shopping_cart}:
        	<br /><a href="{base_url}cart">{cart_items}</a>
        </div>
        
        	<div class="clear"></div>
            
        </div>
       
        
        </div>
        
       
    </div>-->
        
    <!-- content of page -->
    <div id="jroxContent" class="jroxContent">
 <!-- main content of page -->
        <script language="JavaScript" type="text/javascript" src="js/forms/jquery.form.js"></script>
        <script language="JavaScript" type="text/javascript" src="{site_index_page}template_js/type/registration"></script>

		<table align="center" width="900" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" align="center"><img src="http://mydomain.com/images/headerstep2.png" width="800" height="280" /></td>
    </tr>
  <tr>
    <td width="50">&nbsp;</td>
    <td width="799"><div id="jroxRegistrationContent" class="jroxRegistrationContent">
     
      <div id="jroxRegistrationBox" class="jroxRegistrationBox">
        <div id="ajaxContent"> {show_message} </div>
        <form action="{checkout_url_link}registration/{product_id}" method="post" name="jroxCheckoutPaymentForm" id="jroxCheckoutPaymentForm">
          <div id="jroxCheckoutBillingBox" class="jroxCheckoutPaymentBox">
            <div id="jroxCheckoutBillingTitle" class="jroxCheckoutTitle ">
              <div id="jroxProductOptionsRequired" class="jroxProductOptionsRequired">* {lang_required} </div>
              
            </div>
            <div id="jroxCheckoutBillingCode" class="jroxCheckoutPaymentCode"> {billing_form_fields}
              <div id="jroxCheckoutBilling_{form_field_name}" class="jroxCheckoutPaymentFields">
                <div class="jroxCheckoutPaymentFieldName">
                  <label>{check_required} {form_field_description}</label>
                </div>
                <div class="jroxCheckoutPaymentFieldInput" id="jroxCheckoutPaymentFieldInput_{form_field_name}">{form_field}</div>
              </div>
              {/billing_form_fields}
              
              {if {show_custom_fields} == 1}
              
              {custom_fields}
              <div id="jroxCheckoutCustom_{form_field_name}" class="jroxCheckoutPaymentFields">
                <div class="jroxCheckoutPaymentFieldName">
                  <label>{check_required} {form_field_description}</label>
                </div>
                <div class="jroxCheckoutPaymentFieldInput" id="jroxCheckoutPaymentFieldInput_{form_field_name}">{form_field}</div>
              </div>
              {/custom_fields}
              
              {/if}
              
              {sponsor}
              {sponsor_required}
              
              {if {sts_form_enable_tos_checkbox} == 1}
              <div id="jroxCheckoutBilling_check_tos" class="jroxCheckoutPaymentFields">
                <div class="jroxCheckoutPaymentFieldName">
                  <label>* <a href="{base_url}content/view/tos" target="_blank">{lang_agree_with_tos}</a></label>
                </div>


        <div class="jroxCheckoutPaymentFieldInput" id="jroxCheckoutPaymentFieldInput_check_tos">
                  <select name="tos_check" class="jroxCheckoutInputFields">
                    <option value="0">{lang_agree_with_tos_no}</option>
                    <option value="1">{lang_agree_with_tos_yes}</option>
                  </select>
                </div>
              </div>
              {/if} </div>
          </div>
          {if {show_affiliate} == 1}
          <!--
        <div id="jroxCheckoutShowLogin" class="jroxCheckoutShowLogin">{lang_set_billing_to_payment} 
         
         	<input type="radio" name="affil_option" value="0" checked="checked" /> {lang_yes}
<input type="radio" name="affil_option" value="1" /> {lang_no}
         
         </div>
        -->
          <div id="jroxCheckoutAffiliateBox" class="jroxCheckoutPaymentBox">
            <div id="jroxCheckoutAffiliateTitle" class="jroxCheckoutTitle ">
              <div id="jroxProductOptionsRequired" class="jroxProductOptionsRequired">* {lang_required} </div>
              <h2><span>{lang_affiliate_information}</span></h2>
            </div>
            <div id="jroxCheckoutAffiliateCode" class="jroxCheckoutPaymentCode"> {payment_form_fields}
              <div id="jroxCheckoutAffiliate_{form_field_name}" class="jroxCheckoutPaymentFields">
                <div class="jroxCheckoutPaymentFieldName">
                  <label>{check_required} {form_field_description}</label>
                </div>
                <div class="jroxCheckoutPaymentFieldInput" id="jroxCheckoutPaymentFieldInput_{form_field_name}">{form_field}</div>
              </div>
              {/payment_form_fields}
              <input name="jroxEnableAffiliate" type="hidden" value="1" />
            </div>
          </div>
          {/if}
          
          {if {sts_sec_enable_captcha_order_form} == 1}
          <div id="jroxOrderCaptchaBox" class="jroxCaptchaBox">
            <div id="jroxOrderCaptchaImage" class="jroxCaptchaImage">{captcha}</div>
            <div id="jroxOrderCaptchaLangText" class="jroxCaptchaLangText">{lang_captcha_text}</div>
            <div id="jroxOrderCaptchaTextField" class="jroxCaptchaTextField">{captcha_field}</div>
            <div class="clear"></div>
          </div>
          {/if}
          <div class="jroxCheckoutPaymentButton" id="jroxCheckoutPaymentButton">
          <table width="700" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="274" align="left"></td>
    <td width="80">&nbsp;</td>
    <td width="346" align="left"><button name="product_button" type="submit" class="jroxCheckoutButton jroxButton" id="submit_button">{lang_continue}</button>
            <button name="admin_button" id="please_wait" type="button" disabled="disabled" class="ajaxWait">{lang_please_wait}</button></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" align="center"></td>
    </tr>
</table>
            
          </div>
          <input type="hidden" name="jroxSubmitPForm" value="1" />
        </form>
      </div>
    </div></td>
    <td width="51">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
        

Open in new window


Step 3:
<?php 

session_start();

if(isset($_POST['submit'])){
  $_SESSION['username'] = $_POST['username'];
  $_SESSION['primary_email'] = $_POST['primary_email'];
  $_SESSION['password'] = $_POST['password'];
}
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- load html charset -->
<meta http-equiv="Content-Type" content="text/html; charset={charset}" />

<!-- load page title -->
<title>{sts_store_name} - {page_title}</title>

<!-- load meta info -->
<meta name="description" content="{meta_description}" />
<meta name="keywords" content="{meta_keywords}" />
<meta name="author" content="{sts_store_name}" />
<meta name="robots" content="all" />



<!-- load stylesheets -->
<link rel="stylesheet" href="http://mydomain.com/themes/main/{layout_design_site_theme}/css/style.css" type="text/css" media="screen, projection" />  
<link rel="stylesheet" href="http://mydomain.com/themes/main/{layout_design_site_theme}/css/nav/nav.css" type="text/css" media="screen, projection" />  

<!--[if lte IE 6]>
<link rel="stylesheet" href="themes/main/{layout_design_site_theme}/css/ie.css" type="text/css" media="screen, projection" /> 
<![endif]-->

<!-- load javascript -->
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/superfish/superfish.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/validate/jquery.validate.pack.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/popupwindow/jquery.popupwindow.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/scrollto/jquery.scrollto.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/thickbox/thickbox.js"></script>
<link rel="stylesheet" href="https://mydomain.com/js/thickbox/thickbox.css" type="text/css" media="screen" />

<script language="JavaScript" type="text/javascript" src="https://mydomain.com/js/cufon/cufon-yui.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/themes/main/{layout_design_site_theme}/js/avant_garde_gothic.font.js"></script>
<script language="JavaScript" type="text/javascript" src="https://mydomain.com/themes/main/{layout_design_site_theme}/js/kabel-font.js"></script>

<script language="JavaScript" type="text/javascript" src="https://mydomain.com/themes/main/{layout_design_site_theme}/js/jscript.js"></script>

<!-- load custom style -->
<style type="text/css">
{layout_design_custom_css}
</style>

</head>

<body id="{css_body}" class="jroxBody">



<!--- container for the whole page -->
<div id="jroxContainer" class="jroxContainer">
	
    <!-- header -->
    <!--div id="jroxHeader" class="jroxHeader"-->   
     
        
        <!-- top menu
    
        {top_menu} -->
     
        <!-- search box -->
        <!--div id="jroxHeaderBox" class="jroxHeaderBox">
        
        <div class="jroxSiteName" id="jroxSiteName">{layout_design_header_name}</div>
        
        <div class="jroxSiteTagLine" id="jroxSiteTagLine">{layout_design_site_tag_line}</div>
        
        {right_menu}
        
        <div class="jroxShoppingCartItems" id="jroxShoppingCartItems"> 
        
        <div>{lang_shopping_cart}:
        	<br /><a href="{base_url}cart">{cart_items}</a>
        </div>
        
        	<div class="clear"></div>
            
        </div>
       
        
        </div>
        
       
    </div>-->
        
    <!-- content of page -->
    <div id="jroxContent" class="jroxContent"><table align="center" width="900" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" align="center"><img src="http://www.mydomain.com/images/headerstep3.png" width="800" height="280" /></td>
  </tr>
  <tr>
    <td width="50" height="54">&nbsp;</td>
    <td width="799" align="center"><p style="font-size:24px">Your Invite Link: <a href="{general_affiliate_link}" target="_blank">{general_affiliate_link}</a></p></td>
    <td width="51">&nbsp;</td>
  </tr>
  <tr>
    <td height="31">&nbsp;</td>
    <td align="center"><p style="font-size:24px">&nbsp;</p></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="129">&nbsp;</td>
    <td align="center" style="font-size:14px"><p>IMPORTANT E-SIGN NOTICE - CONSENT TO ELECTRONIC RECORD</p>
    <p>E-SIGN, the Electronic Signatures in Global and National Commerce Act (15 U.S.C. &sect; 7001, et seq.), requires that you consent to entering into an electronic agreement with mydomain.com before the agreement is executed.  Please read the following information carefully. The entire agreement between you and mydomain.com will be evidenced by an electronic record. I agree to be bound by the user rules and regulations of mydomain.com and further understand they may be changed anytime and without advance notice. </p></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="49">&nbsp;</td>
    <td align="center"><p style="font-size:14px">By clicking on &quot;I Agree&quot; below, you consent to use of electronic records evidencing your mydomain.com Affiliate Agreement. </p><br/><br/>
    <p><a href="http://www.mydomain.com/about/step4.php"><img src="http://www.mydomain.com/images/but_agree.png" width="157" height="49" /></a></p></td>
    <td>&nbsp;</td>
  </tr>
</table>

Open in new window


Step 4:
<?php 
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XALT Enrollment</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
h1 {color:red}
p {color:#CCC; font-size:14px}
.table_left {color:#ccc; }
.required {font-size:16px;}
body {background-color:#000; background-image:url(https://mydomain.com/images/header_slice.png); background-repeat:repeat-x; background-position:top;background-color:#3B3B3B}
#js_form #js_signup_block div table tr td #js_register_step1 .table .table_left table tr td {
	font-size: 16px;
}
</style>
<script type="text/javascript" src="http://www.mydomain.com//causeofx/static/gzip.php?t=js&amp;f=jquery/jquery.js,jquery/plugin/jquery.bgiframe.js,common.js,main.js,ajax.js,thickbox/thickbox.js,jquery/plugin/jquery.bt.js,module/user/static/jscript/register.js,module/core/static/jscript/country.js&amp;v=cddf82df5bcb3a52f7cc4b0e49816138"></script>
  
        <script src="http://www.mydomain.com//causeofx//theme/frontend/nbs_pro_black/style/nbs_pro_black/jscript/jquery.tipTip.js" type="text/javascript"></script>
        <script src="http://www.mydomain.com//causeofx//theme/frontend/nbs_pro_black/style/nbs_pro_black/jscript/DD_roundies.js" type="text/javascript"></script>        
        <script src="http://www.mydomain.com//causeofx//theme/frontend/nbs_pro_black/style/nbs_pro_black/jscript/nbspro.js" type="text/javascript"></script>
        <script src="http://www.mydomain.com//causeofx//theme/frontend/nbs_pro_black/style/nbs_pro_black/jscript/nivo.slider.js" type="text/javascript"></script>
        <script src="http://www.mydomain.com//causeofx//theme/frontend/nbs_pro_black/style/nbs_pro_black/jscript/nivo.sett.js" type="text/javascript"></script>   

</head>


<table width="900" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td colspan="3" align="center"><img src="http://www.mydomain.com/images/headerstep4.png" width="800" height="280" /></td>
  </tr>
  <tr>
    <td width="52">&nbsp;</td>
    <td width="797" align="center"><script type="text/javascript">
$(function()
{
	$('#js_terms_of_use').click(function()
	{
		
		tb_show('Terms of Use', $.ajaxBox('page.view', 'height=410&width=600&title=terms')); 
		
		return false;
	});
	
	$('#js_privacy_policy').click(function()
	{
		
		tb_show('Privacy Policy', $.ajaxBox('page.view', 'height=410&width=600&title=policy')); 
		
		return false;
	});
});
</script>

<div id="js_registration_process" class="t_center" style="display:none;">
<img src="http://www.mydomain.com//causeofx/theme/frontend/nbs_pro_black/style/nbs_pro_black/image/ajax/large.gif" alt="" /></div>
<div id="js_signup_error_message" style="width:95%;"></div>
<div class="main_break" id="js_registration_holder">	
	<form method="post" action="http://www.mydomain.com/causeofx/user/register/" id="js_form">
	<div id="js_signup_block">
			<div>
<table width="900" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" align="center">&nbsp;</td>
  </tr>
  <tr>
    <td width="52">&nbsp;</td>
    <td width="797" align="center">
<!--THIS IS THE VISIBLE REGISTRATION -->
	<div id="js_register_step1">
		<div class="table">
			<div class="table_left">
            
				<table width="600" border="0" cellspacing="0" cellpadding="0">
				  <tr>
				    <td width="132" height="62"><h3>&#42;Display Name:</h3> </td>
				    <td width="4">&nbsp;</td>
				    <td width="464"><span class="table_right">
				      <input type="text" name="val[full_name]" id="full_name" value="" size="30" />
				    </span></td>
				    </tr>
				  <tr>
				    <td height="46"><label for="gender"><h3>&#42;Gender:</h3></label></td>
				    <td>&nbsp;</td>
				    <td><span class="table_right">
				      <select name="val[gender]" id="gender">
				        <option value="">Select:</option>
				        <option value="1">Male</option>
				        <option value="2">Female</option>
				        </select>
				    </span></td>
				    </tr>
				  <tr>
				    <td height="52"><h3>Time Zone: </h3></td>
				    <td>&nbsp;</td>
				    <td><span class="table_right">
				      <select name="val[time_zone]">
				        <option value="-12">(GMT -12:00) Eniwetok, Kwajalein</option>
				        <option value="-11">(GMT -11:00) Midway Island, Samoa</option>
				        <option value="-10">(GMT -10:00) Hawaii</option>
				        <option value="-9">(GMT -9:00) Alaska</option>
				        <option value="-8">(GMT -8:00) Pacific Time (US &amp; Canada)</option>
				        <option value="-7">(GMT -7:00) Mountain Time (US &amp; Canada)</option>
				        <option value="-6">(GMT -6:00) Central Time (US &amp; Canada), Mexico City</option>
				        <option value="-5">(GMT -5:00) Eastern Time (US &amp; Canada), Bogota, Lima</option>
				        <option value="-4.5">(GMT -4:30) Caracas</option>
				        <option value="-4">(GMT -4:00) Atlantic Time (Canada), La Paz, Santiago</option>
				        <option value="-3.5">(GMT -3:30) Newfoundland</option>
				        <option value="-3">(GMT -3:00) Brazil, Buenos Aires, Georgetown</option>
				        <option value="-2">(GMT -2:00) Mid-Atlantic</option>
				        <option value="-1">(GMT -1:00 hour) Azores, Cape Verde Islands</option>
				        <option value="0" selected="selected">(GMT) Western Europe Time, London, Lisbon, Casablanca</option>
				        <option value="1">(GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris</option>
				        <option value="2">(GMT +2:00) Kaliningrad, South Africa</option>
				        <option value="3">(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg</option>
				        <option value="3.5">(GMT +3:30) Tehran</option>
				        <option value="4">(GMT +4:00) Abu Dhabi, Muscat, Baku, Tbilisi</option>
				        <option value="4.5">(GMT +4:30) Kabul</option>
				        <option value="5">(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option>
				        <option value="5.5">(GMT +5:30) Bombay, Calcutta, Madras, New Delhi</option>
				        <option value="5.75">(GMT +5:45) Kathmandu</option>
				        <option value="6">(GMT +6:00) Almaty, Dhaka, Colombo</option>
				        <option value="6.5">(GMT +6:30) Yangon, Cocos Islands</option>
				        <option value="7">(GMT +7:00) Bangkok, Hanoi, Jakarta</option>
				        <option value="8">(GMT +8:00) Beijing, Perth, Singapore, Hong Kong</option>
				        <option value="9">(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk</option>
				        <option value="9.5">(GMT +9:30) Adelaide, Darwin</option>
				        <option value="10">(GMT +10:00) Eastern Australia, Guam, Vladivostok</option>
				        <option value="11">(GMT +11:00) Magadan, Solomon Islands, New Caledonia</option>
				        <option value="12">(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka</option>
				        </select>
				    </span></td>
				    </tr>
				  <tr>
				    <td height="39">&nbsp;</td>
				    <td colspan="2"><span class="table_clear">
                    <input type="checkbox" name="val[agree]" id="agree" value="1" class="checkbox v_middle"  />
                    <span class="required">&#42;</span>I have read and agree to the <a href="http://www.mydomain.com/about/terms.html" >Terms of Use</a> and <a href="http://www.mydomain.com/about/privacy.html">Privacy Policy</a>. </span></td>
				    </tr>
				  <tr>
				    <td height="76">&nbsp;</td>
				    <td>&nbsp;</td>
				    <td><span class="table_clear">
				      <input type="image" src="http://www.mydomain.com/images/continue.png" class="button" id="js_registration_submit" />
				    </span></td>
				    </tr>
				  </table>
				<label for="full_name"><span class="required"><br />
				</span></label>
			</div>
			<div class="table_right"></div>			
		</div>
		<div class="table">
			<div class="table_left">
				<!--label for="user_name"><span class="required">&#42;</span>Choose a Username:</label-->
			</div>
			<div class="table_right">                           
				<input type="hidden" name="val[user_name]" id="user_name" onkeyup="$('.bt-wrapper').remove(); $(this).ajaxCall('user.showUserName');" onfocus="$('#btn_verify_username').parent().slideDown()" title="Your username is used to easily connect to your profile." value="<?php echo $_SESSION['username'];?>" size="30" autocomplete="off" />				
				<!--div class="p_4">
http://www.mydomain.com//causeofx/<strong id="js_signup_user_name">your-user-name</strong>/
				</div-->
				<div id="js_user_name_error_message"></div>
				<div style="display:none;" id="js_verify_username"></div>
				<div class="p_4" style="display:none;">
					
				</div>
			</div>			
		</div>		
		<div class="table">
			<div class="table_left">
				<!--label for="email"><span class="required">&#42;</span>Email Address:</label-->
			</div>
			<div class="table_right">
				<input type="hidden" name="val[email]" id="email" value="<?php echo $_SESSION['primary_email'];?>" size="30" />
			</div>			
		</div>

		<div class="table">
			<div class="table_left">
				<!--label for="password"><span class="required">&#42;</span>Password:</label-->
			</div>
			<div class="table_right">
				<input type="hidden" name="val[password]" id="password" value="<?php echo $_SESSION['password'];?>" size="30" />
			</div>			
		</div>
	</div>
</td>
    <td width="51">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>



	<div id="js_register_step2">
		<div class="table">
			<div class="table_left"></div>
			<div class="table_right"></div>			
		</div>
		<div class="table">
			<div class="table_left"></div>
			<div class="table_right"></div>
			<div class="clear"></div>
		</div>		
			</div>
			</div>
		</div>
		
		
		<div class="separate"></div>
		
		<div id="js_register_accept">
			<div class="table">			
				<div class="table_clear"></div>			
			</div>		
		</div>		
		<div class="table_clear"></div>

		<div class="table_clear">
<span class="required">&#42;</span> Required Fields		</div>
	
</form>
</td>
    <td width="51">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Open in new window


Now that i think about it...IE may not be storing any session data at all since going from step 1 to 2 may be just posting to the matching form fields.  

Avatar of Beverley Portlock
I answered a question about this recently and the solution was that IE is very fussy about non-standard characters in URLs. Check if you have something like an underscore (_) in your URL.

I'll see if I can dig out the earlier question.
OK _ dug out the post and it was more related to HTML5 and IE problems, but one thing did stand out - check the time on the server. IE is sensitive to the server's time and this can wind up expiring the cookie used to hold the session id. The other browsers are not sensitive to the server's time.
Time on the server is good.  Is the underscore thing just about urls?  I do have a variable I am trying to save that has an underscore (primary_email).  I am struggling to find a way to replace that field name in my forms since it is dynamically generated.  Step 1 posts to 2 , which is the dynamic form and the email field is hidden, since it was entered before.  

Thanks.
ASKER CERTIFIED SOLUTION
Avatar of Beverley Portlock
Beverley Portlock
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks for that...and to update, I tried just a simple form script to test without all my other stuff and it works fine in IE.  So I guess there is something going on in the pages or the applications somewhere.  I will do some trial and error and post back if anything happens.
That gives us something to narrow it down with. Back later.
Found the problem...it was the form button on step 1..I was using type="image" instead of type="submit"

IE apparently objects to this...changed it and now it works great.  

Thanks for the great info regardless and helping me work through this, I know it will save me some time in the future.
Another IE 'gotcha' is the <button> tag. The other browsers will let you have as many <button></button> tags as you like but IE treats them all as the same button - press any one and they ALL "turn on". That one drove me nuts for quite a while.

If you need a graphical button then look at using HTML areas and maps. Basically output the image in a IMG tag and then define it as a MAP and then define clickable areas within the map. See this example http://www.w3schools.com/TAGS/tag_area.asp

Sorry I wasn't able to help more. I had intended to look at it after work but life intervened.......