BIENVENUE à BORD
Je plante ma tente chez vous!
Demandez le programme
Javascript
Demandez le programme
Wordpress
<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>
