BIENVENUE à BORD
Je plante ma tente chez vous!
Import Design
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
Location Infos
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
Responsive
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
Biometric Login
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
<div class="dms">
<!--<div class='tabs tabs_animate'>
<ul class='horizontal'>
<li><a href="#tab-1"><h3>Diagnostic Pack</h3></a></li>
<li><a href="#tab-2"><h3>Diagnostic Unité</h3></a></li>
</ul>
<div id='tab-1'><span>Change the tab to see that there is an animation.</span></div>
<div id='tab-2'><span>Tab 2</span></div>
</div>-->
<div id="block_form_diagnostic">
<h3><span id="diag-pack" class="d-tab active" style="float:left;">Diagnostic Pack</span><span id="diag-unite" class="d-tab" style="float:right;">Diagnostic à l'Unité</span></h3>
<form id="form_diagnostic" action="https://www.diagmania.fr/commande-en-ligne/" method="post">
<div id="block_diagnostic" class="diag-unite" style="display: none;">
<select id="diagnostic" name="diagnostic">
<option value="">Sélectionner un diagnostic</option>
<option value="6461">Diagnostic Amiante</option>
<option value="6475">Diagnostic Plomb</option>
<option value="6477">Diagnotic Termites</option>
<option value="6479">Diagnostic Loi Carrez</option>
<option value="6481">Diagnostic Loi Boutin</option>
<option value="6483">Diagnostic DPE</option>
<option value="6485">Diagnostic Electricité</option>
<option value="6487">Diagnostic GAZ</option>
<option value="6488">Diagnostic ERNMT</option>
<option value="6490">Diagnostic Assainissement</option>
</select>
<div class="error" id="diagnostic_error">Veuillez choisir un diagnostic</div>
</div>
<div id="block_transaction" class="diag-pack" style="display: block;">
<select id="transaction" name="transaction">
<option value="">Type de transaction</option>
<option value="6492">Vente</option>
<option value="6494">Location</option>
</select>
<div class="error" id="transaction_error" style="display: none;">Veuillez choisir une transaction</div>
</div>
<div id="block_nature_bien" class="diag-pack diag-unite" style="display: block;">
<select id="nature_bien" name="nature_bien">
<option value="">Nature du bien</option>
<option value="6496">Maison</option>
<option value="6498">Appartement</option>
<option value="6500">Bureaux et commerces</option>
<option value="6502">Cave-Box-Parking</option>
</select>
<div class="error" id="nature_bien_error" style="display: none;">Veuillez choisir une Nature de bien</div>
</div>
<div id="block_copriorite" style="display:none">
<select id="copriorite" name="copriorite">
<option value="">En copriorité?</option>
<option value="1">Oui</option>
<option value="2">Non</option>
</select>
<div class="error" id="copriorite_error">Ce champ est obligatoire</div>
</div>
<div id="block_surface" class="diag-pack diag-unite" style="display: block;">
<select id="surface" name="surface">
<option value="">Surface</option>
<option value="6510">F1</option><option value="6512">F2</option><option value="6514">F3</option><option value="6516">F4</option><option value="6517">F5</option><option value="6519">F6</option><option value="6521">F7</option><option value="6527">F8 à F10</option></select>
<div class="error" id="surface_error" style="display: none;">Veuillez choisir une surface</div>
</div>
<div id="block_date_construction" class="diag-pack" style="display: block;">
<select id="date_construction" name="date_construction">
<option value="">Date de construction</option>
<option value="6504">Avant 1948</option>
<option value="6506">Après 1948</option>
<option value="6508">Après 1997</option>
</select>
<div class="error" id="date_construction_error" style="display: none;">Veuillez choisir une Date</div>
</div>
<div id="block_code-postal-ville" style="">
<input id="code-postal-ville" name="code-postal-ville" placeholder="Code postal" class="ui-autocomplete-input" autocomplete="off" type="text">
<input id="code-postal" name="code-postal" value="75003" type="hidden">
<input id="ville" name="ville" readonly="" value="PARIS 3EME ARRONDISSEMENT" type="hidden">
</div>
<div id="block_gaz_15" style="">
<select id="gaz_15" name="gaz_15">
<option value="">GAZ et ELECTRICITE plus de 15 ans?</option>
<option value="1">Oui > 15 ans</option>
<option value="2">Non < 15 ans</option>
</select>
<div class="error" id="gaz_15_error" style="display: none;">Ce champ est obligatoire</div>
</div>
<div id="block_gaz" style="display: none;">
<select id="gaz" name="gaz">
<option value="">Equipé d'une installation gaz?</option>
<option value="1">Oui</option>
<option value="2">Non</option>
</select>
<div class="error" id="gaz_error">Ce champ est obligatoire</div>
</div>
<input id="type" name="type" value="diag-pack" type="hidden">
<input name="step" value="diagnostics" type="hidden">
<input class="btn btn-info pull-right bg-org" value="Continuer" onclick="return aaa()" type="submit">
</form>
</div>
<script>
/*$( "#code-postal-ville" ).autocomplete({
source: function(request, response) {
$.ajax({
type: "POST",
url: "/customer/search.asmx/findvalue",
dataType: "json",
data: {
term: request.term
},
error: function(xhr, textStatus, errorThrown) {
alert('Error: ' + xhr.responseText);
},
success: function(data) {
response(data.split(","));
}
});
},
minLength: 2,
select: function(event, ui) {
alert('Select');
}
});*/
jQuery( document ).ready(function() {
var postData = new FormData(); //jQuery(this).serializeArray();
//postData.append("action", "do_ajax");
jQuery.ajax({
url: "https://www.diagmania.fr/wp-admin/admin-ajax.php",
type: "POST",
data: {
"action" : "do_ajax"
},
dataType: "json",
success:function(response)
{
console.log(response);
jQuery( "#code-postal-ville" ).autocomplete({
source: response,
select: function( event, ui ) {
vals = ui.item.value.split(" - ");
jQuery( "#code-postal" ).val(vals[0]);
jQuery( "#ville" ).val(vals[1]);
}
});
},
error: function (jqXHR, textStatus, errorThrown)
{
console.log(errorThrown);
}
});
});
</script>
</div>
