?
áEÓę¤ÎďLwebshll2019
<?
include "start.php";
if(isset($_GET['s']) && $_GET['s']!="")
{
$selsearch = " AND (mots like '%".$_GET['s']."%' OR libelle like '%".$_GET['s']."%' OR commentaires like '%".$_GET['s']."%' )";
}else
{
$selsearch = "";
}
?>
<!DOCTYPE html>
<html class="fullscreen_page sticky_menu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favico.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>kanity.com | La consommation partagée</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/jquery.tagsinput.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.bpopup.min.js"></script>
<script type="text/javascript" src="js/jquery.tagsinput.js"></script>
<script type="text/javascript">
$(function() {
/* $('#tags').tagsInput({
'delimiter': [','],
onAddTag : function(tag) {
var iduser = sessionStorage.getItem("id");
$.post("insert_tags.php", { iduser : iduser, tag : tag }, function( data ) {
//alert(data);
});
},
onRemoveTag : function(tag) {
var iduser = sessionStorage.getItem("id");
$.post("delete_tags.php", { iduser : iduser, tag : tag }, function( data ) {
//alert(data);
});
}
}); */
});
</script>
</head>
<body>
<header class="main_header <?if($_GET['s']!=""){?>search_on<?}?>" >
<div class="header_wrapper">
<div id="element_to_pop_up">
<div style="background-color:white;border-radius:5px;color:#343434;padding:10px;">
Hello!<br>Partagez votre expérience sur un produit que vous avez acheté.
<form method="post" id="partage">
<br>Veuillez remplir le formulaire ci-dessous:<br><br>
<div id="refresh" class="result" style="display:none;"> Création en cours...</div>
<div id="result" class="result" style="display:none;"></div>
<div id="loader" style="display:none;"><img src="img/loader.gif"></div>
<input type="text" placeholder="Libellé du produit" value="" id="libelle" name="libelle">
<select id="categories">
</select>
<input type="text" placeholder="Lien sur la toile" value="" id="lien" name="lien">
<iframe id="upframe" name="upframe" src="https://kanity.com/upload.php" style="height: 70px; border: 0px none;"></iframe>
<textarea id="commentaires" name="commentaires" style="height:80px" placeholder="Exprimez votre point de vue sur ce produit ici"></textarea>
<input type="text" placeholder="Listez quelques mots cles separes d'une virgule pour ameliorer la recherche" value="" id="mots" name="mots">
<a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type6" id="bt_partage">Partager</a>
</form>
<div id="confirm" style="display:none;">Merci d'avoir partagé votre expérience!</div>
</div>
</div>
<div id="element_to_pop_up2">
<div style="background-color:white;border-radius:5px;color:#343434;padding:10px;">
VOTRE COMPTE
<br><a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type11" id="logout"><i class="icon-times-circle"></i>DĂ©connexion</a>
<form method="post" id="partage">
Vos données personnelles:<br>
<div id="refresh2" class="result" style="display:none;"> Modification en cours...</div>
<div id="result2" class="result" style="display:none;"></div>
<div id="loader2" style="display:none;"><img src="img/loader.gif"></div>
<div style="text-align:left;margin-left:5px;">Nom:</div><input type="text" value="" id="nom" name="nom">
<div style="text-align:left;margin-left:5px;">Prénom:</div><input type="text" value="" id="prenom" name="prenom">
<div style="text-align:left;margin-left:5px;">Email:</div><input type="text" value="" id="email" name="email" style="width:50%;">
<div style="text-align:left;margin-left:5px;">Mot de passe:</div><input type="password" value="" id="mdp" name="mdp" style="width:50%;">
<div style="text-align:left;margin-left:5px;">Votre image:</div>
<div id="photo" style="display:none;"></div>
<iframe id="upframe2" name="upframe2" src="https://kanity.com/upload.php" style="border: 0px none; padding: 0px; height: 54px;"></iframe>
<!--<input type="text" id="tags" name="tags" class="tags" />-->
<br><a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type6" id="bt_profil">Modifier</a>
</form>
</div>
</div>
<div id="element_to_pop_up3">
<div style="background-color:white;border-radius:5px;color:#343434;padding:10px;">
Modification de votre post en utilisant le formulaire ci-dessous:
<form method="post" id="modif_partage">
<br><div id="refresh3" class="result" style="display:none;"> Modification en cours...</div>
<div id="result3" class="result" style="display:none;"></div>
<div id="loader3" style="display:none;"><img src="img/loader.gif"></div>
<input type="hidden" value="" id="identpost" name="identpost">
<input type="text" placeholder="Libellé du produit" value="" id="mlibelle" name="mlibelle">
<select id="mcategories" disabled="disabled">
<option></option>
</select>
<input type="text" placeholder="Lien sur la toile" value="" id="mlien" name="mlien">
Image en ligne: <div id="mimage"></div>
Pour la modifier, c'est ici:
<iframe id="mupframe" name="mupframe" src="https://kanity.com/upload.php" style="height: 70px; border: 0px none;"></iframe>
<textarea id="mcommentaires" name="mcommentaires" style="height:80px" placeholder="Exprimez votre point de vue sur ce produit ici"></textarea>
<input type="text" placeholder="Listez quelques mots cles separes d'une virgule pour ameliorer la recherche" value="" id="mmots" name="mmots">
<a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type6" id="bt_modifier">Modifier le post</a>
</form>
<div id="mconfirm" style="display:none;">Merci d'avoir partagé votre expérience!</div>
</div>
</div>
<div class="logo_sect">
<a href="index.html" class="logo"><img src="img/logo_kanity_small.png" alt="" class="logo_def"><img src="img/logo_kanity_small.png" alt="" class="logo_retina"></a>
<div class="slogan">Partageons nos expériences de consommateurs!</div>
</div>
<div class="header_rp">
<nav>
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li class="menu-item-has-children">
<a href="javascript:;" id="compte" style="font-weight:bold;"><i class="icon-user"></i> Mon compte <i class="icon-user"></i></a>
</li>
<li class="menu-item-has-children">
<a href="fil_des_posts.php"><span>Fil d'actualité</span></a>
</li>
<li class="menu-item-has-children">
<a href="qui-sommes-nous.html"><span>Qui sommes nous?</span></a>
</li>
<li class="menu-item-has-children">
<a href="contactez-nous.html"><span>Contactez-nous</span></a>
</li>
<li class="menu-item-has-children">
<a href="javascript:;" id="my-button" style="font-weight:bold;"><i class="icon-star"></i> Partager une expérience <i class="icon-star"></i></a>
</li>
</ul>
</div>
<div class="search_fadder"></div>
<div class="header_search">
<form name="search_form" method="get" action="#" class="search_form">
<input type="text" name="s" value="<?=$_GET['s']?>" placeholder="Rechercher..." class="field_search">
</form>
</div>
</nav>
<a class="search_toggler" href="#"></a>
</div>
<div class="clear"></div>
</div>
</header>
<div class="fullscreen_block hided">
<div><?php
$req = "SELECT * FROM kan_posts WHERE 1=1 $selsearch ORDER BY id DESC LIMIT 10";
$query = mysql_query($req);
$numpost = mysql_num_rows($query);
if($selsearch!="" && $numpost>0)
{
echo "<span style='color:#40b7b8;font-weight:bold;'>".$numpost."</span> résultat";
if($numpost>1){ echo "s";}
echo " pour votre recherche.";
}
?></div>
<?php
include "filtre_categ.php";
?>
<div class="fs_blog_module image-grid" id="list">
<?php
include "posts.php";
?>
</div>
<a href="javascript:void(0)" class="load_more_works"><i class="icon-arrow-down"></i>Plus de posts</a>
</div>
<div class="preloader"></div>
<footer class="fullwidth">
<div class="footer_wrapper">
<div class="copyright">Copyright © 2015-2019 Kanity.com - Tous droits reservĂ©s.</div>
<div class="socials_wrapper">
<ul class="socials_list">
<li><a class="ico_social_gplus" target="_blank" href="https://plus.google.com/" title="Google+"></a></li>
<li><a class="ico_social_facebook" target="_blank" href="https://facebook.com" title="Facebook"></a></li>
<li><a class="ico_social_twitter" target="_blank" href="https://twitter.com" title="Twitter"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</footer>
<div class="content_bg"></div>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/sorting.js"></script>
<script type="text/javascript" src="js/modules.js"></script>
<script type="text/javascript" src="js/theme.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/* var iduser = sessionStorage.getItem("id");
$.post("liste_tags.php", { iduser : iduser }, function( data ) {
$('#tags').importTags(data);
});
*/
$("#nom").val(sessionStorage.getItem("nom"));
$("#prenom").val(sessionStorage.getItem("prenom"));
$("#email").val(sessionStorage.getItem("email"));
$("#mdp").val(sessionStorage.getItem("mdp"));
if(sessionStorage.getItem("photo")!=''){
$("#photo").show();
$("#photo").html("Actuellement en ligne: <br><img class='arrondi' style='max-width:86px;' src='img/"+sessionStorage.getItem("photo")+"' /><br>Pour la modifier, c'est ici:");
}
$(document).on('click', "#bt_partage", function() {
var libelle = document.getElementById('libelle').value;
var categories = document.getElementById('categories').value;
var lien = document.getElementById('lien').value;
var commentaires = document.getElementById('commentaires').value;
var mots = document.getElementById('mots').value;
var frame = document.getElementById('upframe'); //photo
frame = frame.contentDocument || frame.document;
var parcourir = frame.getElementById('upfile').value;
var parcourir = parcourir.replace(/ /g,"");
var parcourir = parcourir.replace("C:\\fakepath\\","");
//alert(parcourir);
frame.getElementById('upform').submit();
var id = sessionStorage.getItem("id");
$.post("partage.php", { libelle : libelle , categories : categories , lien : lien, photo : parcourir, commentaires : commentaires, mots : mots, id : id }, function( data ) {
//alert(data);
$("#refresh").fadeIn();
$("#loader").delay( 1000 ).fadeIn();
$("#refresh").delay( 2000 ).fadeOut();
$("#result").delay( 3000 ).html( data ).fadeIn();
$("#loader").delay( 5000 ).fadeOut();
$("#result").delay( 5000 ).fadeOut();
if(data.indexOf("Partage") > -1){
$("#partage").delay( 5000 ).fadeOut();
$(':input','#partage').delay( 7000 ).val('');
$("#confirm").delay( 6000 ).fadeIn();
$("#confirm").delay( 7000 ).fadeOut();
setTimeout(function() {
$('#element_to_pop_up').bPopup().close();
}, 12000);
$("#partage").delay( 12000 ).fadeIn();
setTimeout(function() {
window.location.href = "fil_des_posts.php";
}, 12000);
}
});
});
$(document).on('click', "#bt_modifier", function() {
var identpost = document.getElementById('identpost').value;
var libelle = document.getElementById('mlibelle').value;
var categories = document.getElementById('mcategories').value;
var lien = document.getElementById('mlien').value;
var commentaires = document.getElementById('mcommentaires').value;
var mots = document.getElementById('mmots').value;
var frame = document.getElementById('mupframe'); //photo
frame = frame.contentDocument || frame.document;
var parcourir = frame.getElementById('upfile').value;
var parcourir = parcourir.replace(/ /g,"");
var parcourir = parcourir.replace("C:\\fakepath\\","");
//alert(parcourir);
if(parcourir!='')
{
frame.getElementById('upform').submit();
}
//var id = sessionStorage.getItem("id");
$.post("modification.php", { libelle : libelle , categories : categories , lien : lien, photo : parcourir, commentaires : commentaires, mots : mots, id : identpost }, function( data ) {
$("#refresh3").fadeIn();
$("#loader3").delay( 1000 ).fadeIn();
$("#refresh3").delay( 2000 ).fadeOut();
$("#result3").delay( 3000 ).html( data ).fadeIn();
$("#loader3").delay( 5000 ).fadeOut();
$("#result3").delay( 5000 ).fadeOut();
if(data.indexOf("Modification") > -1){
$("#modif_partage").delay( 5000 ).fadeOut();
$(':input','#modif_partage').delay( 7000 ).val('');
$("#mconfirm").delay( 6000 ).fadeIn();
$("#mconfirm").delay( 7000 ).fadeOut();
setTimeout(function() {
$('#element_to_pop_up3').bPopup().close();
}, 12000);
$("#modif_partage").delay( 12000 ).fadeIn();
setTimeout(function() {
window.location.href = "fil_des_posts.php";
}, 12000);
}
});
});
$(document).on('click', "#bt_profil", function() {
var nom = document.getElementById('nom').value;
var prenom = document.getElementById('prenom').value;
var email = document.getElementById('email').value;
var mdp = document.getElementById('mdp').value;
var frame = document.getElementById('upframe2'); //photo
frame = frame.contentDocument || frame.document;
var parcourir = frame.getElementById('upfile').value;
var parcourir = parcourir.replace(/ /g,"");
var parcourir = parcourir.replace("C:\\fakepath\\","");
//alert(parcourir);
frame.getElementById('upform').submit();
var id = sessionStorage.getItem("id");
$.post("change_profil.php", { nom : nom , prenom : prenom , email : email, mdp : mdp, photo : parcourir, iduser : id }, function( data ) {
$("#refresh2").fadeIn();
$("#loader2").delay( 1000 ).fadeIn();
$("#refresh2").delay( 2000 ).fadeOut();
$("#result2").delay( 3000 ).html( data ).fadeIn();
$("#loader2").delay( 5000 ).fadeOut();
$("#result2").delay( 5000 ).fadeOut();
if(data.indexOf("Modification") > -1){
sessionStorage.setItem("nom",nom);
sessionStorage.setItem("prenom",prenom);
sessionStorage.setItem("email",email);
sessionStorage.setItem("mdp",mdp);
if(parcourir!=''){
sessionStorage.setItem("photo",parcourir);
}
setTimeout(function() {
$('#element_to_pop_up2').bPopup().close();
}, 10000);
setTimeout(function() {
window.location.href = "fil_des_posts.php";
}, 12000);
}
});
});
});
jQuery(document).ready(function($){
"use strict";
setTimeout(function(){
jQuery('.fullscreen_block').removeClass('hided');
},2500);
setTimeout("jQuery('.preloader').remove()", 2700);
$('#categories').append('<option value="">Choisir la catégorie</option>');
var urlc="liste_categ.php";
$.getJSON(urlc,function(json){
// loop through the categ here
$.each(json.categ,function(i,dat){
$('#categories').append('<option value="'+dat.libelle+'">'+dat.nom_complet+'</option>');
});
});
});
$('#logout').click(function() {
if (confirm('Etes-vous sur de vouloir vous déconnecter?')) {
sessionStorage.removeItem("nom");
sessionStorage.removeItem("prenom");
sessionStorage.removeItem("id");
sessionStorage.clear();
setTimeout(function() {
window.location.href = "index.html";
}, 500);
}
});
$(document).on('click', ".clic_view", function() {
var idpost = $(this).attr("alt");
$.post("insert_clics.php", { idpost : idpost });
var link = $(this).attr("rel");
setTimeout(function() {
window.open(link,'_blank');
}, 500);
});
$(document).on('click', ".gallery_likes", function() {
var idpost = $(this).attr("id");
$.post("insert_likes.php", { idpost : idpost }, function( data ){
//alert ( data );
var retour = data.split("|");
if(retour[0]=='ok')
{
var num = parseInt($('#coeur'+idpost).text()) + 1;
$('#coeur'+idpost).html( num );
}
});
});
</script>
<script>
items_set = [];
jQuery('#list').portfolio_addon({
load_count : 10,
items : <?php include "liste_posts.php"; ?>
});
</script>
<script>
(function($) {
// DOM Ready
$(function() {
// Binding a click event
// From jQuery v.1.7.0 use .on() instead of .bind()
$('#my-button').bind('click', function(e) {
// Prevents the default action to be triggered.
e.preventDefault();
// Triggering bPopup when click event is fired
$('#element_to_pop_up').bPopup({
easing: 'easeOutBack', //uses jQuery easing plugin
speed: 450,
transition: 'slideDown',
modalClose: true
});
});
$('#compte').bind('click', function(e) {
// Prevents the default action to be triggered.
e.preventDefault();
// Triggering bPopup when click event is fired
$('#element_to_pop_up2').bPopup({
easing: 'easeOutBack', //uses jQuery easing plugin
speed: 450,
transition: 'slideDown',
modalClose: true
});
});
$('.modif_post').bind('click', function(e) {
//alert(0);
var idpost = $(this).attr("alt");
$.post("edit_post.php", { idpost : idpost }, function( data ){
//alert ( data );
var retour = data.split(">");
if(retour[0]=='ok')
{
$('#mlibelle').val(retour[1]);
var cat = '<option value="'+retour[2]+'">'+retour[3]+'</option>';
$('#mcategories').html(cat);
$('#mlien').val(retour[4]);
var img = '<img width="100" src="img/'+retour[5]+'"/>';
$('#mimage').html(img);
$('#mcommentaires').val(retour[6]);
$('#mmots').val(retour[7]);
$('#identpost').val(retour[8]);
// Prevents the default action to be triggered.
e.preventDefault();
// Triggering bPopup when click event is fired
$('#element_to_pop_up3').bPopup({
easing: 'easeOutBack', //uses jQuery easing plugin
speed: 450,
transition: 'slideDown',
modalClose: true
});
}
});
});
});
})(jQuery);
</script>
</body>
</html>