Montrant une Div, une Fois par visite

Sur mon site web, j'ai un curseur pour afficher uniquement sur la page d'Accueil. Ma page d'accueil ressemble à quelque chose comme ceci:

<body>
  <div class="wrapper">
     <div class="header"></div>
     <div class="slider"></div>
   <div class="maincontent"></div>
 </div>
</body>

Mes Pages sont de la même mise en page, sauf que je veux seulement le Curseur de la div à afficher sur la première page. Ainsi, lorsque l'utilisateur arrive sur le site, ils peuvent voir le curseur, mais si elles passent à une autre page, le curseur a disparu.

Je me demandais si il y avait un moyen de le faire avec jquery? Les Cookies? Si quelqu'un a des suggestions, s'il vous plaît laissez-moi savoir comment je pourrais faire cela. Merci!

  • Wait - voulez-vous que le curseur pour afficher uniquement sur la page d'accueil, ou sur n'importe quelle page, mais uniquement sur la première visite? La question peut être lue dans les deux sens.
  • Si ils revenir à la page d'accueil voient-ils de nouveau?
  • Je vous suggère d'ajouter le curseur div de la page d'accueil uniquement à l'aide de code côté serveur. Pourquoi le mettre sur chaque page si vous ne l'utilisez pas?
  • Ce serveur de cadre utilisez-vous? Ou est-ce seulement les simples fichiers html?
  • Je suis à l'aide de wordpress. Je voudrais ajouter le curseur sur la première page que les utilisateurs voient lorsqu'ils sont sur le site, en plus de la page d'accueil.
  • Merci pour toutes vos réponses! Je l'apprécie vraiment!

InformationsquelleAutor JCBiggar | 2012-12-05
  1. 4

    Oui, il y a une façon de le faire. En fait, il existe de multiples façons. Vous pouvez le faire à la fois à l'aide de Javascript et côté serveur langage de script comme PHP. Je recommande d'utiliser un serveur langage de script côté, car il n'y a pas de point dans l'ajout d'un élément à une page si elle n'est pas utilisée, alors qu'elle prend une petite quantité de la bande passante. De toute façon, un exemple en utilisant les deux méthodes suivantes:

    À l'aide de PHP:

    <body>
<div class="wrapper">
<div class="header"></div>
<?php

if (!isset($_COOKIE['visisted'])) {
    setcookie('visited', true, time() + 3600 * 24); //Save a cookie for 1 day
    echo '<div class="slider"></div>';
}

?>
<div class="maincontent"></div>
</div>
</body>

    Et à l'aide de Javascript:

    <head>
<style type="text/css">
div#slider {
    /* Hide the div */
    display: none;
}
</style>
</head>

<body>
<div class="wrapper">
<div class="header"></div>
<div class="slider"></div>
<div class="maincontent"></div>
</div>

<script type="text/javascript">
var cookie = document.cookie;
if (cookie.indexOf('visited=', 0) == -1) {
    var expiration = new Date();
    expiration.setDate(expiration.getDate()+1);
    document.cookie = 'visited=1;expires=' + expiration + ';path=/';

    var element = document.getElementById('slider');
    element.style.display = 'block';
}
</script>
</body>

    Par la manière, je suppose que ce n'est pas l'ensemble de votre page HTML? Parce qu'évidemment, vous devez ajouter un doctype, les balises, etc.

    • Comment environ une fois par visite, n'importe où sur le site, et pas seulement sur la page d'accueil?
    • Exactement le même. Il suffit de placer le code sur chaque page.
    InformationsquelleAutor Frog
  2. 2

    Sûr, vous pouvez utiliser:

    1. Cookies, qui peut être consulté à partir de js
    2. HTML5 WebStorage, qui est un excellent endroit trop, mais ne fonctionne que sur les nouveaux navigateurs
    InformationsquelleAutor bonbonez
  3. 0

    Si vous ne sont pas liés à des navigateurs je vous recommande d'utiliser le HTML5 LocalStorage variable.

    http://www.w3schools.com/html/html5_webstorage.asp

    Toutefois, si vous êtes censé être indépendant du navigateur (support IE6, etc.)
    Je voudrais aller avec des cookies ou dans une base de données avec visités IP.

    InformationsquelleAutor SMillerNL