Question

I built a Contact Form via an Email-Me Form with the following HTML code:

     <link rel="stylesheet" type="text/css" href="contact_us.css" />
<link rel="stylesheet" type="text/css" href="http://www.emailmeform.com/builder/theme_css/VaHUixmgcX0Qd0BO1a4ho" />
<script type="text/javascript">
if (typeof jQuery == 'undefined'){
    document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-1.7.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript">
if (typeof $.ui == 'undefined'){
    document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-ui-1.7.2.custom.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript" src=http://www.emailmeform.com/builder/js/dynamic.php?t=post&t2=0&use_CDN=true"></script>
    <script type="text/javascript" src="contact_us.js"></script>
<div id="emf-container-outer" >
  <div id="emf-container"style="background-color: #FBF8EF">
    <div id="emf-logo">
      <a>EmailMeForm</a>
    </div>
 <form target="_top" id="emf-form" class="centerLabel" enctype="multipart/form-data" method="post" action="http://www.emailmeform.com/builder/form/VaHUixmgcX0Qd0BO1a4ho" name="emf-form">
<form id="emf-form" class="centerLabel" enctype="multipart/form-data" method="post" action="http://www.emailmeform.com/builder/form/VaHUixmgcX0Qd0BO1a4ho" name="emf-form" target="_top">

      <div id="emf-form-instruction" class="emf-head-widget" style="left:10px; width" >
        <div id="emf-form-title" class="emf-bold" align="right"style="left:10px; font-family:sans-serif ">
          צרו קשר
        </div>
        <div id="emf-form-description" align="right"style="left:10px; font-family: sans-serif; top:10px">


contacr

        </div>
      </div>
      <ul>
        <font size="2pt" face="arial">
        <li id="emf-li-0" class="emf-li-field emf-field-text data_container" style="text-align:right">
          <label class="emf-label-desc" for="element_0">name <span>*</span></label>
          <div class="emf-div-field">
            <input id="element_0" name="element_0" value="" size="22" type="text" class="validate[required]" style="z-index:" />
          </div>

          <div class="emf-clear"></div>
        </li>
        <li id="emf-li-1" class="emf-li-field emf-field-number data_container" style="text-align:right">
          <label class="emf-label-desc" for="element_1">phone number <span>*</span></label>
          <div class="emf-div-field">
            <input id="element_1" name="element_1" class="validate[required,length[9 ,10],custom[extNumber]]" value="" size="22" type="text" />
          </div>
         <div class="emf-clear"></div>
        </li>
        <li id="emf-li-2" class="emf-li-field emf-field-email data_container" style="text-align:right">
          <label class="emf-label-desc" for="element_2">Email <span>*</span></label>
          <div class="emf-div-field">
            <input id="element_2" name="element_2" class="validate[required,custom[email]]" value="" size="22" type="text" />
          </div>
          <div class="emf-clear"></div>
        </li>
        <li id="emf-li-3" class="emf-li-field emf-field-textarea data_container" style="text-align:right">
          <label class="emf-label-desc" for="element_3">title <font color="red">*</font>    </label>
          <div class="emf-div-field">
            <textarea id="element_3" name="element_3" cols="18" rows="5" class="validate[required]">
</textarea>
          </div>
          <div class="emf-clear"></div>
        </li>
        <li id="emf-li-post-button" class="middle">
          <input value="שלח טופס" type="submit" onmouseover="return true;" />
        </li>
      </ul><input name="element_counts" value="4" type="hidden" /> <input name="embed" value="forms" type="hidden" />
    </form> </font>
</div>
<!-- end emf-container div -->              
</div>
<!-- end emf-container-outer div -->
</div>

Here is the form online: http://nave.net23.net/HTMLPage.html
I want to put this form in my html page as an iframe.
The iframe code: <iframe src="http://nave.net23.net/HTMLPage.html" width="645px" height="500px;" frameBorder="0" scrolling="no" ></iframe></div>

As you can see, when I send the form it is automatically redirecting me to the website that I set up before.
The problem is that when I put the code in an iframe tag only what is inside the iframe is redirecting and not the PARENT page!
What can I do to make the parent page refresh?

you can see the form in action with the iframe tag here http://nave.net23.net/
Thank you for your answer…

Answer 1

Put this inside your thank you page (http://lawb.co.il/thankyou.html):

<script type='text/javascript'>
if (top !== self) top.location.href = self.location.href;
</script>

Or if you can modify the HTML of the form, you can add a target="_top" attribute (better way). Like this:

<form target="_top" id="emf-form" class="centerLabel" enctype="multipart/form-data" method="post" action="http://www.emailmeform.com/builder/form/VaHUixmgcX0Qd0BO1a4ho" name="emf-form">