Formit Не работает во всплывающем окне

2 Posts

megafomka Reply #1, 12 years, 7 months ago

Не могу понять почему не работает...

При нажатии на кнопку "отправить" ничего не происходит.

http://mediavam.ru/ - что бы вызвать форму нужно нажать на телефон, в правом верхнем углу

Так не работает:

[[$header]]
<body>
	<div class="container new_cont">
[[$menu]]
               <div class="page-box">
		<div class="holder-page">
			<div id="wrapper">
				<div class="wrapper-inner wrapper-inner-mainpage">
 <img alt="" src="images/taxi2_36.gif" style="position: absolute; top: 455px; left: 517px;" />
					[[$tabarea]]
                                                <div class="content">
 
                                                         [[*longtitle]]
                                                         [[*content]]

                                                </div>
						[[$maps]]
					</div>
				</div>
			</div>
		</div>
           </div>
	</div>
	[[$footer]]
 <div class="pop_up2"></div>
        <div class="body_pop2">
            <p class="pop_head2"><img alt="" src="images/logo.png" /></p>
            [[$callbackmini]]
            <a href="#" class="pop_close2"></a>
        </div>

</body>
</html>

Вот чанк callbackmini:

[[!FormIt?&hooks=`email,redirect`
&emailTpl=`sentEmailTplmini`
&emailSubject=`Заявка на обратный звонок`
&emailTo=`[email protected]`
&redirectTo=`7`
]]

<!-- Contact Form Start //-->
<form method="post" action=".body_pop2" id="contactform" class="call-form">
	<fieldset class="forma mini">
		<input type="text" name="contact_name" value="Ф И О" />
		<input type="text" name="contact_phone_NA_format" value="КОНТАКТНЫЙ ТЕЛЕФОН" />
		<div class="holder">
		<input type="submit" name="submit" value="Отправить" class="submit"/>
		</div>
	</fieldset>	
</form>
<!-- Contact Form End //-->

За то если вставить в другое место, вне всплывающего окна на этой же страницы всё работает исправно:

[[$header]]
<body>
	<div class="container new_cont">
[[$menu]]
               <div class="page-box">
		<div class="holder-page">
			<div id="wrapper">
				<div class="wrapper-inner wrapper-inner-mainpage">
 <img alt="" src="images/taxi2_36.gif" style="position: absolute; top: 455px; left: 517px;" />
					[[$tabarea]]
                                                <div class="content">
                                                         [[$callbackmini]]
                                                         [[*longtitle]]
                                                         [[*content]]

                                                </div>
						[[$maps]]
					</div>
				</div>
			</div>
		</div>
           </div>
	</div>
	[[$footer]]
 <div class="pop_up2"></div>
        <div class="body_pop2">
            <p class="pop_head2"><img alt="" src="images/logo.png" /></p>
            
            <a href="#" class="pop_close2"></a>
        </div>

</body>
</html>

2 Posts

megafomka Reply #2, 12 years, 7 months ago

На всякий случай стили всплывающего окна

.pop_up2 {
    display:none;
    width:100%;
    height:100%;
    z-index:50;
    position:fixed;
    top:0;
    left:0;
    background: url(../images/bg_fon_serv.png) repeat;
}

.body_pop2 {
    display:none;
    width:400px;
    height:320px;
    background: url(../images/bg_popup.jpg) no-repeat;
    margin-left:-200px;
    left:50%;
    position:absolute;
    top:125px;
    padding-top:5px;
    z-index:52;
	background-size: 400px;
}

.pop_head2 {
    text-align:center;
}

.pop_close2 {
    background: url(../images/close.png) no-repeat;
    position:absolute;
    width:43px;
    height:43px;
    top:-17px;
    right:-17px;
}