Aqui está o codigo, terei algum erro, o formulário não me aparece na página
Código (HTML5):
Código (HTML5):
<!DOCTYPE html>
<html>
<head>
<title>Contactos</title>
<script type="text/javascript" src="/Scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.leanModal.min.js"></script>
<script type="text/javascript" src="../../images/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("a#register").fancybox({
'type': 'iframe',
'scrolling': 'no',
'width': 1000,
'height': 666,
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'onClosed': function () {
parent.location.reload(true);
}
});
});
$(document).ready(function () {
$("a.login").fancybox({
'type': 'iframe',
'width': 450,
'height': 300,
'scrolling': 'no',
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'onClosed': function () {
parent.location.reload(true);
}
});
});
$(function () {
$('a[rel*=leanModal]').leanModal({ top: 200, closeButton: ".modal_close" });
});
$(function () {
$('#page-footer-detector').hover(function () {
$('#page-footer').animate({ bottom: '+=50' }, 500, function () { });
}, function () {
$('#page-footer').animate({ bottom: '-=50' });
});
});
</script>
<link rel="stylesheet" type="text/css" href="../../images/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link href="../../Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" >
<div>
<img src="../../images/_homeBackground.jpg" class="bg" >
<div id="page-nav">
<div class="float-left"><a href="Contactos.aspx"><img src="../../images/Logo.gif" width="106" height="135" border="0" /></a></div>
<div class="float-left">
<ul>
<li><a href="Index.aspx">Início</a> | <a href="Contactos.aspx">Contactos</a></li>
</ul>
</div>
</div>
<div id="conteudoC">
<div id="contactos">
<p class="assistencia">Assistência técnica</p>
<br /> <hr width="70%" />
<p class="informacao">Diga o que necessita</p>
</div>
<div id="mensagem">
Nome: <span style="color:red;">*</span><br />
<br /> <br />
Sobrenome: <span style="color:red;">*</span><br />
<br /> <br />
Morada: <span style="color:red;">*</span><br />
<br /> <br />
Código postal: <span style="color:red;">*</span><br />
<br /> <br />
Número de funcionários:<span style="color:red;">*</span><br />
<br /> <br />
<br />
<p class="informacao2">Horário de funcionamento: todos os dias úteis das 10:00 ás 18:00.</p>
</div>
</div>
</div>
</form>
</body>
</html>
<html>
<head>
<title>Contactos</title>
<script type="text/javascript" src="/Scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.leanModal.min.js"></script>
<script type="text/javascript" src="../../images/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("a#register").fancybox({
'type': 'iframe',
'scrolling': 'no',
'width': 1000,
'height': 666,
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'onClosed': function () {
parent.location.reload(true);
}
});
});
$(document).ready(function () {
$("a.login").fancybox({
'type': 'iframe',
'width': 450,
'height': 300,
'scrolling': 'no',
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'onClosed': function () {
parent.location.reload(true);
}
});
});
$(function () {
$('a[rel*=leanModal]').leanModal({ top: 200, closeButton: ".modal_close" });
});
$(function () {
$('#page-footer-detector').hover(function () {
$('#page-footer').animate({ bottom: '+=50' }, 500, function () { });
}, function () {
$('#page-footer').animate({ bottom: '-=50' });
});
});
</script>
<link rel="stylesheet" type="text/css" href="../../images/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link href="../../Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" >
<div>
<img src="../../images/_homeBackground.jpg" class="bg" >
<div id="page-nav">
<div class="float-left"><a href="Contactos.aspx"><img src="../../images/Logo.gif" width="106" height="135" border="0" /></a></div>
<div class="float-left">
<ul>
<li><a href="Index.aspx">Início</a> | <a href="Contactos.aspx">Contactos</a></li>
</ul>
</div>
</div>
<div id="conteudoC">
<div id="contactos">
<p class="assistencia">Assistência técnica</p>
<br /> <hr width="70%" />
<p class="informacao">Diga o que necessita</p>
</div>
<div id="mensagem">
Nome: <span style="color:red;">*</span><br />
<br /> <br />
Sobrenome: <span style="color:red;">*</span><br />
<br /> <br />
Morada: <span style="color:red;">*</span><br />
<br /> <br />
Código postal: <span style="color:red;">*</span><br />
<br /> <br />
Número de funcionários:<span style="color:red;">*</span><br />
<br /> <br />
<br />
<p class="informacao2">Horário de funcionamento: todos os dias úteis das 10:00 ás 18:00.</p>
</div>
</div>
</div>
</form>
</body>
</html>