1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
| <?php
// j'appelle pour le formulaire
if(isset($_POST['email'])){
// Le message
$message = $_POST['message'];
$message = wordwrap($message, 70);
$message .="\r\n From: ".$_POST['Name']."\r\n email:".$_POST['Email']."\r\n message:".$_POST['Message'];
// Dans le cas où nos lignes comportent plus de 70 caractères, nous les coupons en utilisant wordwrap()
// Envoi du mail
if(mail('email@hotmail.com', 'Mon Sujet', $message)){
echo "#messageSent";
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<meta http-equiv="Content-Language" content="fr-ca" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="location Trois-rivières, Chambres a louer, location meublé Trois-rivières, location appartement, location vacances québec, location logis, location gite, hebergement mauricie, hebergement meublé, logis québec, sejour, neige, location parc de l mauricie, reservation, tourisme, vacances, montagne, location au pied des pistes" />
<meta name="resource-type" content="document" />
<meta name="author" content="Tony Breboin" />
<meta name="Description"content=" Vacances, immigration ou travail, des logis sont disponibles au Québec. 2 1/2, 3 1/2, 5 1/2. Chauffés-éclairés. Des appartements de très bonne qualité. " />
<link rel="shorcut icon" href="photos/lafond2.ico" type="image/gif" />
<link href="lafond.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./javascript/panorama.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function()
{
$("#contactform').click(function("submit".function(){
var name=$("#contactform #Name").attr('value');
var email=$("#contactform #Email").attr('value');
var message=$("#contactform #Message").attr('value');
$.ajax({
type:"POST",
url:"contact.php",
data:"Name-"+Name+"+&email-"+Email+"&message-"+Message,
success: function(msg){
$("contactform").empty()append(msg);
}
})
return false;
}
if ($('#contactForm').is(':hidden'))
{
$('#contactForm').slideDown('slow');
}
else
{
$('#contactForm').slideUp('slow');
}
});
});
function closeForm()
{
$('#messageSent').show('slow');
setTimeout('$("#messageSent").hide(); $("#contactForm").slideUp("slow")', 2000);
}
</script>
</head>
<body>
<div id="contenaire">
<div id="header"><img src="photos/header.jpg" alt="header du site hebergement lafond" /></div>
<div id="logo"><h1><a href="index.php"><img src="photos/hebergement-lafond.png" alt=" logo hebergement lafond" /></a></h1></div>
<div id="illustration"><img src="photos/illustration.jpg" alt="batiment de hebergement lafond" /></h1><br class="clear" /></div>
<ul id="topnav">
<li><a href="index.php">ACCUEIL</a></li>
<li><a href="appartement-3488.php">APPARTEMENTS</a></li>
<li><a href="les commentaires.php">COMMENTAIRES</a></li>
<li><a href="contact.php">CONTACT</a></li>
<div id="contactFormContainer">
<div id="contactForm">
<form action="contact.php" method="get" accept-charset="utf-8" id="contactForm">
<fieldset>
<label for="Name">Nom *</label>
<input id="Name" type="text" />
<label for="Email">Votre E-mail</label>
<input id="Email" type="text" />
<label for="Message">Votre message *</label>
<textarea id="Message" rows="3" cols="20"></textarea>
<input id="sendMail" name="submit" onclick="closeForm()" type="submit" />
<span id="messageSent">Votre message a été correctement envoyé !</span>
</fieldset>
</form>
</div>
<div id="contactLink"></div>
</div>
</ul>
<br class="clear" />
<div id="appart3488">
<img src="photos/illust1.png" alt="bouton de l'appartement 3488-1 heberegement lafond" />
<h3>Contact :</h3>
<br class="clear" />
</div>
<div id="liens">
<a href="http://www.sttr.qc.ca/"></a><a href="http://www.sttr.qc.ca/"><img src="logo/STTR.jpg" alt="logo du STTR à trois-rivieres"/></a>
<a href="http://www.cegeptr.qc.ca/accueil"></a><a href="http://www.cegeptr.qc.ca/accueil"><img src="logo/Cegep-trois-rivieres.jpg" alt="logo du cegep à trois-rivieres" /></a>
<a href="http://www.clafleche.qc.ca/"></a><a href="http://www.clafleche.qc.ca/"><img src="logo/college-lafleche.jpg" alt="logo du college lafleche à trois-rivieres"/></a>
<a href="http://www.crepuq.qc.ca/"></a><a href="http://www.crepuq.qc.ca/"><img src="logo/crepuq.jpg" alt="logo du crepuq à trois-rivieres" /></a>
<a href="http://www.uqtr.ca/"></a><a href="http://www.uqtr.ca/"><img src="logo/UQTR.jpg" alt="logo de l'uqtr à trois-rivieres" /></a>
</div>
<div id="google">
<iframe width="450" height="310" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.ca/maps?f=d&source=s_d&saddr=H%C3%A9bergement%2BLafond,%2BTrois-Rivi%C3%A8res,%2BQC&daddr=UQTR&geocode=FXcjwwIdmqGs-yFQwP5u86glbA%3BFYo1wwId6pCs-yH1IjOl3ATb8imhRbTbyMjHTDE_iB1XUb7xOQ&hl=fr&mra=ls&sll=32.199111,-115.251797&sspn=91.495058,157.324219&ie=UTF8&ll=46.341684,-72.575812&spn=0.014221,0.027466&z=15&output=embed"></iframe><br /><small><a href="http://maps.google.ca/maps?f=d&source=embed&saddr=H%C3%A9bergement%2BLafond,%2BTrois-Rivi%C3%A8res,%2BQC&daddr=UQTR&geocode=FXcjwwIdmqGs-yFQwP5u86glbA%3BFYo1wwId6pCs-yH1IjOl3ATb8imhRbTbyMjHTDE_iB1XUb7xOQ&hl=fr&mra=ls&sll=32.199111,-115.251797&sspn=91.495058,157.324219&ie=UTF8&ll=46.341684,-72.575812&spn=0.014221,0.027466&z=15" style="color:#0000FF;text-align:left">Agrandir le plan</a></small></div>
<div id="contact">
<p class="hebergement">Hébergement Lafond</p>
<p class="desc">3490, Place Marcelle-Ferron</p>
<p class="desc">Trois-Rivières, Québec</p>
<p class="desc">G8Z 3G9 </p>
<p class="desc">Tel : 819 - 701 - 1404</p>
<p class="desc"><a href="mailto:info@hebergementlafond.com">info@hebergementlafond.com</a></p>
</div>
<br class="clear" />
<div id="text_contact">
<p class="desc">Nous vous indiquerons les dates de possibilités locatives, avant d'effectuer un paiement par internet.</p><br/>
<p class="desc">Veuillez prendre connaissance qu'une caution sera exigée lors de votre arrivée, le montant dépendra bien sur de l'appartement que vous louerez.</p><br/>
<p class="desc">Bien vous répondre et bien vous guider sur une excellente location reste notre priorité...</p><br/>
<p class="desc">Nous sommes à votre entière disposition.</p>
<br class="clear" />
</div>
<div id="bas3"><img src="photos/header2.png" alt="bas de page"/><div class="domaine3">Hébergement Lafond - 2008 - 2011 - Tous droits réservés</div></div>
</div>
</body>
</html> |
Demande aide contact Jquery php
Répondre avec citation
Partager