11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde,

Tout nouveau dans le webdesign avec d'énormes lacunes avec Javascript et Jquery, quelqu'un pourrait-il m'indiquer le droit chemin pour afficher un message qui signalerait l'utilisation de cookies sur mon site, à savoir que le message ne doit apparaitre q'une seule fois après son utilisation.

J'aime pas Javascript, c chiant Smiley ohwell
Exemple d'utilisation pour un élément comportant l'ID #terms-use (sans cookies mais avec le local storage) :
function termsUse() {
	var el = document.getElementById( 'terms-use' );
	if ( el ) {
		var cmd = el.querySelectorAll( 'button' )[0];
		el.style.display = 'block'; // @note Par défaut l'élément est caché afin d'éviter un visuel désagréable au chargement de la page
		cmd.onclick = function(){
			localStorage.setItem( 'termsuse', 'true' );
			el.style.display = 'none';
		};
		if (localStorage.getItem( 'termsuse' ) === 'true' ) {
			el.style.display = 'none';
		}
	}
}
termsUse();


Voir par exemple sur cette page : La langue de chez nous
Modifié par Olivier C (26 Oct 2017 - 17:57)
Meilleure solution
Olivier C a écrit :
Exemple d'utilisation pour un élément comportant l'ID #terms-use (sans cookies mais avec le local storage) :
function termsUse() {
	var el = document.getElementById( 'terms-use' );
	if ( el ) {
		var cmd = el.querySelectorAll( 'button' )[0];
		el.style.display = 'block'; // @note Par défaut l'élément est caché afin d'éviter un visuel désagréable au chargement de la page
		cmd.onclick = function(){
			localStorage.setItem( 'termsuse', 'true' );
			el.style.display = 'none';
		};
		if (localStorage.getItem( 'termsuse' ) === 'true' ) {
			el.style.display = 'none';
		}
	}
}
termsUse();


Voir par exemple sur cette page : La langue de chez nous


Merci beaucoup Olivier, je vais faire au mieux pour mettre ce code en application Smiley smile
C'est exactement l'exemple que je recherche.
Tu peux aussi utiliser le PHP, genre quand tu cliques sur ta div, ça te mets dans une function PHP un setcookie à true :

<?php
if(isset($_COOKIE['accept_cookie'])) {
    $showcookie = false;
} else {
    $showcookie = true;
}
?>


<div class="taclass">
<p>
     Le site utilise des cookies, blablabla ...<br />
     <a href="tapageexterne.php">OK</a>
</p>
</div>

Dans une page externe :

<?php
// Pour ce faire tu met en place un cookie qui s'appelle accept_cookie, cookiesception \o/
setcookie('accept_cookie', true, time()+365*24*3600, '/', null, false, true);

if(isset($_SERVER['HTTP_REFERER']) AND !empty($_SERVER['HTTP_REFERER'])) {
	$showcookie = false;
// si tu veux dans une page précise
	header('Location: index.php');
// ou sinon
        header('Location: '.$_SERVER['HTTP_REFERER']);
} else {
	header('Location: index.php');
}
?>
PS : Je l'utilise moi-même dans mon site web et ça marche très bien ! Smiley biggrin
| Si tu te sens pas à l'aise dans un langage, trouve une autre solution dans un autre langage !
Soldat8889
Ça pourrait faire une bonne citation ! Il faut qu'un modo voit ça pour ces citations de bas de page !