| Server IP : 46.105.57.169 / Your IP : 216.73.217.35 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/123click/contacts/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Autocomplete Search Plugin</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
<meta charset="utf-8" />
<link href="dist/semantic.min.css" rel="stylesheet" />
<link href="css/main.min.css" rel="stylesheet" />
<script src="js/snap.svg-min.js"></script>
<script src="database.json"></script>
<link href="css/ionicons.min.css" rel="stylesheet" />
</head>
<body style="">
<div class="customizer" style="display:none">
<ul class="color-tool">
<li class="color-1"><a class="colorChn" data-color="#50514F"></a></li>
<li class="color-2"><a class="colorChn" data-color="#F25F5C"></a></li>
<li class="color-3"><a class="colorChn" data-color="#247BA0"></a></li>
<li class="color-4"><a class="colorChn" data-color="#8e44ad"></a></li>
<li class="color-5"><a class="colorChn" data-color="#32936F"></a></li>
<li class="color-6"><a class="colorChn" data-color="#2c3e50"></a></li>
<li class="color-7"><a class="colorChn" data-color="#E83F6F"></a></li>
<li class="color-8"><a class="colorChn" data-color="#32936F"></a></li>
<li class="doc"><a class="" href="document.html" data-tooltip="Documentation" data-position="right center"><i class="ion-help"></i></a></li>
</ul>
</div>
<div class="ui container">
<div class="section">
<div class="row">
<div class="four wide tablet sixteen wide computer column">
<div class="ui basic segment">
<header class="main-header">
<img src="img/logo.png" style="padding-top:100px;" />
<h1>La caisse à savon<span style="font-weight:700">Déplacement à domicile à Avignon et ses alentours </span></h1>
</header>
<div class="input-container">
<div class="input-wrap">
<input type="search" class="typeahead clearable" autocomplete="off" autofocus="autofocus" placeholder="Votre ville. Ex: Avignon" />
<i class="ion-backspace link icon cleard big"></i>
<div class="ui active loader loadd"></div>
<span class="morph-shape" data-morph-active="M359,70c0,0-59,6-174,6C84,76,9,70,9,70S3,60,3,40c0-16,6-30,6-30s75-6,176-6c115,0,174,6,174,6s8,14,8,30C367,60,359,70,359,70z">
<svg width="100%" height="100%" viewBox="0 0 370 80" preserveAspectRatio="none">
<path d="M359,70c0,0-59,0-174,0C84,70,9,70,9,70s0-10,0-30c0-16,0-30,0-30s75,0,176,0c115,0,174,0,174,0s0,14,0,30C359,60,359,70,359,70z" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui modal small" id="info_modal">
<div class="header md_header" style="text-transform: capitalize!important">
</div>
<div class="image content">
<div class="ui small image">
<img class="avatar_img" src="">
</div>
<div class="description">
<div class="ui header">Type de vehicule</div>
<div class="ui relaxed divided list">
<div class="item">
<i class="icon ion-android-car black"></i>
<div class="bottom aligned content">
<a href="https://www.la-caisse-a-savon.fr/APP_VERSEAU/domiciles/domicile-citadine/" class="header md_phone1"><span style="color:#A98901">CITADINE</span></a>
</div>
</div>
<div class="item" id="bluelink">
<i class="icon ion-android-car black"></i>
<div class="bottom aligned content">
<a class="header md_stateS" ><span style="color:#A98901">SUV/BERLINE/4X4</a>
</div>
<style>
#bluelink a {color:red}
</style>
</div>
<!-- <div class="item"> -->
<!-- <i class="ion-email icon green"></i> -->
<!-- <div class="bottom aligned content"> -->
<!-- <a class="header md-mail" data-clipboard-target="#foo">E-Mail: <span id="foo" data-tooltip="Click for Copy" data-inverted="" data-position="top right" class="md-mail_adr"></span></a> -->
<!-- </div> -->
<!-- </div> -->
</div>
</div>
</div>
<div class="actions">
<!-- <a class="ui positive right labeled icon button send_mail" href=""> -->
<!-- Send E-Mail -->
<!-- <i class="ion-paper-airplane icon"></i> -->
<!-- </a> -->
<div class="ui black deny button">
Fermer
</div>
</div>
</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="dist/semantic.min.js"></script>
<script src="plugin/typeahead.js/jquery.clearsearch.js"></script>
<script src="plugin/typeahead.js/typeahead.jquery.js"></script>
<script src="plugin/typeahead.js/typeahead.bundle.js"></script>
<script src="plugin/typeahead.js/bloodhound.js"></script>
<script src="plugin/typeahead.js/hogan-2.0.0.js"></script>
<script src="plugin/typeahead.js/handlebars.min.js"></script>
<script>
var tags = ['name', 'user_name', 'email', 'state'];//parsing variables for search input
var contactList = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('tags'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
minLength: 1,//minimum character length for search
prefetch: {
url: 'http://123click.fr/database.json',
transform: function (response) {
return $.map(response, function (tag) {
return {
name: tag.name.first + " " + tag.name.last,//parse name from json file
picture: tag.picture.thumbnail,//parse picture form json file
l_picture: tag.picture.large,//parse large picture from json file
email: tag.email,//parse email from json file
phone: tag.phone,//parse phone number from json file
user_name: tag.login.username,//parse user name from json file
state: tag.location.state + ", " + tag.nat//parse state and country code from json file
}
});
},
cache: false,
ttl: 3600000,
},
});
</script>
<script src="js/main.min.js"></script>
</body>
</html>