Solved

form not working in IE7

Posted on 2011-03-17
4
177 Views
Last Modified: 2012-05-11
Hi, the reservation form in our website appears to be working great for us, but some customers have mentioned that they can not use it:

http://restaurantkalimera.nl/dev/?page_id=27

They say that they entered their information in the form, but we can not see their submissions in the log text file of the form or the automated email notifications we receive.

Is there anything we can change in css or javascript, to ensure maximum compatibility with all browsers after IE7?

Thank you
0
Comment
Question by:darkbluegr
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 20

Accepted Solution

by:
Mark Brady earned 500 total points
ID: 35160710
You will need to be more specific. What happens when some customers try to use it? Errors? Blank page? What exactly do they see?
What browser are they using and which version - important information as some browsers have specific bugs but there are always work-arounds.
 The more you can tell us the quicker we can help you. Thanks
0
 
LVL 20

Expert Comment

by:Mark Brady
ID: 35160801
Also it would help if you posted you form processing code (the code that processes and emails the form data - usually a php script).
0
 

Author Comment

by:darkbluegr
ID: 35162548
Hi, thanks for the quick reply, the customers aren't getting any error messages, and I do not know exactly what they see because usually they will just call us after the fact -- and say that they have already completed the website form without further details.

they all mentioned that they are using IE but they do not know which version.

I had about 5 customers call me about this issue, and about 100 submissions from other customers were received successfully.

Here is the php code

Thank you
<?php
/**
 * Template Name: Fun template
 *
 */

get_header(); 

      $error=0;
      $mail_sent=0;
	 if ($_POST["check_send"]==1){
	   if (!empty($_POST["email"]) && !empty($_POST["naam"]) && !empty($_POST["telefoon"]) && !empty($_POST["opmerkingen"]) && (ereg("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$", $_POST['email'])))
	   {
			   $message = "naam: ".$_POST["naam"]."<br/>";
			   $message .= "email: ".$_POST["email"]."<br/>";
			   $message .= "telefoon: ".$_POST["telefoon"]."<br/><br/>";
			   $message .= $_POST["opmerkingen"];
			   
                  $handle = fopen("wp-content/themes/kalimera/contact.txt", 'a');
                  $log_message = str_replace("<br/>","
",$message);
                  fwrite($handle, "
                  
                  
".$log_message);
                  
			   $HTML = $message;
			   
			   $from= $_POST["email"];
			   
			   $headers = "From: Kalimera <mail@kalimera.nl>\r\n"; 
			   $headers .= "MIME-Version: 1.0\r\n"; 
			   $boundary = uniqid("HTMLEMAIL"); 
			   $headers .= "Content-Type: multipart/alternative;".
						 "boundary = $boundary\r\n\r\n"; 
			   $headers .= "This is a MIME encoded message.\r\n\r\n"; 
			   $headers .= "--$boundary\r\n".
						 "Content-Type: text/plain; charset=ISO-8859-1\r\n".
						 "Content-Transfer-Encoding: base64\r\n\r\n"; 
			   $headers .= chunk_split(base64_encode(strip_tags($HTML))); 
			   $headers .= "--$boundary\r\n".
						 "Content-Type: text/html; charset=ISO-8859-1\r\n".
						 "Content-Transfer-Encoding: base64\r\n\r\n"; 
			   $headers .= chunk_split(base64_encode($HTML)); 
			   
			   $mail_sent = mail("mail@kalimera.nl","Contact via Kalimera.nl","",$headers);
			   
			   if ($mail_sent) unset($_POST);
	   }else{
			   $error = 1;
	   }   
	 }
		  
?>

		<div id="container">
		<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
			<div id="content" <?php post_class(); ?>>

				<h1 class="FFF page-title"><?php echo get_the_title();?></h1>

				<div class="Avenir-light entry-content">
					<?php the_content(); ?>
				</div><br/>
				    
					<div id="resform" class="contact_form">
				       <form action="" method="post">
						 <span class="Avenir-heavy">NAAM*</span>	&nbsp;<input type="text" name="naam" class="input required" value="<?php echo $_POST["naam"];?>"/><br />
						 <span class="Avenir-heavy">EMAIL*</span>&nbsp;<input type="text" name="email" id="email" class="input required" value="<?php echo $_POST["email"];?>"/><br />
						 <span class="Avenir-heavy">TELEFOON*</span>&nbsp;<input type="text" name="telefoon" class="input required" value="<?php echo $_POST["telefoon"];?>"/><br />
						 <div id="opmerkingen_label" class="Avenir-heavy">VRAAG OF<br/> OPMERKING*</div>
						 &nbsp;<textarea id="opmerkingen" name="opmerkingen" class="textarea requried"><?php echo $_POST["opmerkingen"];?></textarea><br />
						 <?php if ($error==1){?><div class="contact_error">* Please fill all required fields.</div><?php }?>
						 <?php if ($mail_sent==1){?><div class="contact_sent">Your message is sent.</div><?php }?>
						 <input type="hidden" name="check_send" value="1">
						 <input type="submit" id="resend" name="resend" value="VERZENDEN" class="resend-contf"/>&nbsp;
						 <input type="button" name="reset" id="reset" value="WISSEN" class="reset-contf"/>
					   </form>
				    </div> <!-- resform-->

                    <!--<div class="Avenir-light entry-content">
                         Door technische problemen is het op dit moment helaas niet mogelijk om via internet te reserveren of contact met ons op te nemen. Wij bieden u hiervoor onze excuses aan. U kunt wel per e-mail reserveren - <a href="mailto:mail@kalimera.nl" style="color: black;">mail@kalimera.nl</a> - of telefonisch via (030) 238 4444.
				    </div><br/>-->

					<?php 
					$id = 155;
					$new_page = get_page($id); ?>
					<h1 class="FFF page-title"><?php echo $new_page->post_title;?></h1>

					<div class="Avenir-light entry-content">
						 <?php echo $new_page->post_content; ?>
						 <div id="map_canvas"></div>
					</div>

				<div class="fb-content">

				</div><!-- .fb-content -->

			</div><!-- #content -->
		<?php endwhile; ?>
		</div><!-- #container -->


<?php get_footer(); ?>

Open in new window

0
 
LVL 20

Expert Comment

by:Mark Brady
ID: 37791033
I don't see any obvious mistakes in your form code but I do not have IE to test it with. Are you able to do some testing with IE yourself? If so I would do a simpler version of your form and make sure to form variables are being sent properly. Usually with IE you get problems when trying to change classnames or change an onclick event or something like that but yours seems to be ok for that stuff. Sorry I can't help firther - I haven't used IE for years and never looked back! Of course it is good to be able to test your pages in IE so I send mine to my work colleague who still uses it.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

734 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