begin process at 2012 05 29 01:09:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Cacher une "div" pendant un certain temps


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Cacher une "div" pendant un certain temps

dimanche 3 mai 2009 à 17:25:20 | Cacher une "div" pendant un certain temps

Hepoc

Bonjour,

Voilà que depuis hier je me suis mis en tête de faire disparaitre une "div", en cherchant un petit peu j'ai trouvé un moyen très simple de le faire grâce à l'appel d'une fonction. Seul problème, quand l'utilisateur rafraichît la page, cette fameuse div revient !

J'ai donc cherché du côté des cookies, mais je n'ai rien trouvé de bien utile.

Pourriez-vous m'aider pour mon petit soucis ? Merci d'avance !

lundi 4 mai 2009 à 09:24:47 | Re : Cacher une "div" pendant un certain temps

Bul3

Membre Club
Bonjour,

tu mémorises l'état ( caché/visible) du div dans ce cookie
en chargeant la page, tu lis le cookie et tu caches
    ou tu montres le div en fonction du contenu de ce cookie
le "seul" problème qu'il te reste c'est : quand le div doit-il
    être visible ?

Cordialement [mon Site] [M'écrire] Bul
lundi 4 mai 2009 à 17:46:42 | Re : Cacher une "div" pendant un certain temps

Hepoc

Okay, voilà ce que j'ai fais :

Voici mes fonctions qui sont dans la page entete.htm (page présente de partout, car le site est fait de PHP et donc la page entete.htm est incluse dans chaque page) :

function EcrireCookie(nom, valeur)
{

var argv=EcrireCookie.arguments;
var argc=EcrireCookie.arguments.length;
var expires=(argc > 2) ? argv[2] : null;
var path=(argc > 3) ? argv[3] : null;
var domain=(argc > 4) ? argv[4] : null;
var secure=(argc > 5) ? argv[5] : false;
document.cookie=nom+"="+escape(valeur)+
((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
((path==null) ? "" : ("; path="+path))+
((domain==null) ? "" : ("; domain="+domain))+
((secure==true) ? "; secure" : "");

}

function getCookieVal(offset)
{

var endstr=document.cookie.indexOf (";", offset);
if (endstr==-1) endstr=document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function LireCookie(nom)
{

var arg=nom+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen)
{

var j=i+alen;
if (document.cookie.substring(i, j)==arg) return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if (i==0) break;


}
return "0";
}

      function CookieVote() {
          var date=new Date;
//date.setMonth(date.getHour()+2);
EcrireCookie("vote", "1", "30000");
   }
  
 

-------------------------------------------------------------------------------
Biensur les bornes <SCRIPT langage='javascript></SCRIPT> sont présente dans le code, voici maintenant le code de la page ou se trouve le bouton de vote.


<SCRIPT language="javascript">
var avote == LireCookie("vote");
if (avote == "1")  {
Masquer_OBJ('vote');
} else {
Afficher_OBJ('vote');
}

</SCRIPT>
<div ID="vote">
<FORM>
<a href="**************" class="postlink" target="_blank" onclick ="Masque_OBJ('vote');CookieVote();"><img src="**************" border="0" alt="" ></a>
</FORM>
</div>

-------------------------------------------------------------------------------
Et pourtant ça ne marche toujours pas
Quelqu'un pourrait il m'éclairer ?

lundi 4 mai 2009 à 17:48:33 | Re : Cacher une "div" pendant un certain temps

Hepoc

Hu, j'ai pas trouvé comment éditer, juste pour préciser que les fonctions :
Afficher_OBJ();
Masquer_OBJ();

Fonctionnent, et je crois même les avoir prisent ici.
mardi 5 mai 2009 à 10:10:24 | Re : Cacher une "div" pendant un certain temps

Bul3

Membre Club

tu te complique la vie avec tes cookies....

window.onload=function()
{ if ( document.cookie ) le_div.style.display="none";
  else                   le_div.style.display="inline";
  var da = new Date();
  var d = new Date( Date.parse(da) + ( 1000*60*60*24*365 ) );
  document.cookie = "on s'en fiche" +
";expires=" + d.toGMTString() + ";" ;
}

donc, si le cookie existe ==> cache le div
sinon, on le montre

il reste, comme je disais, à voir quand on veut le réafficher
ce div, car le cookie est créé pour ~1 an
et quand c'est nécessaire donc, il "suffit" de le "détruire"
   c'est à dire l'écrire avec une date "expires" dépassée.
mercredi 6 mai 2009 à 13:36:10 | Re : Cacher une "div" pendant un certain temps

Hepoc

Aïe désolé mais je n'arrive toujours pas à faire disparaitre cette foutue "div", voilà ce que j'ai sur ma page :


<SCRIPT language="javascript">
window.onload=function()
{

 if { (document.cookie) vote.style.display="none";
  }
  else {                  
  vote.style.display="visible";
  var da = new Date();
  var d = new Date(Date.parse(da) + (1000*60*60*2));
  document.cookie = "vote" +
";expires=" + d.toGMTString() + ";" ;
}
  } 
</SCRIPT>

<div ID="vote">
<FORM>
<a href="****" class="postlink" target="_blank" onclick ="window.location.reload(true);Masquer_OBJ('vote');"><img src="*******" border="0" alt="" ></a>
</FORM>
</div>


------------------------------------------------------------------------------

Malheureusement le div ne se cache toujours pas, enfin si, grace à la fonction "Masquer_OBJ()", mais quand on actualise la page, le div revien :x

mercredi 6 mai 2009 à 13:45:23 | Re : Cacher une "div" pendant un certain temps

Bul3

Membre Club

il faut respecter la syntaxe html + javascript

les debugger te le disent d'ailleurs
NavigateursQuelques Explications
Chrome
contrôler page actuelle / Options pour développeurs
/ Console Javascript
FireFox
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux (pour IE < 8) : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/>

et comme tu fais ( par exemple avec FF ) :

Erreur : missing ( before condition
Fichier Source : file:......Ligne : 5, Colonne : 4
Code Source : if { (document.cookie) vote.style.display="none";

avec une flêche qui pointe le {

if  (conditions)
       { actions si vrai }
else { action si faux }

@+

mercredi 6 mai 2009 à 13:47:05 | Re : Cacher une "div" pendant un certain temps

Bul3

Membre Club
sans préjuger du reste...
ni de ( je me re cite )   il reste, comme je disais, à voir quand on veut le réafficher
                                ce div, car le cookie est créé pour ~1 an
mercredi 6 mai 2009 à 13:49:01 | Re : Cacher une "div" pendant un certain temps

Hepoc

Oui pour l'expiration j'avais vu, c'était juste pour le teste le 1 an, merci de tes réponses rapides et précisent !
mercredi 6 mai 2009 à 14:18:01 | Re : Cacher une "div" pendant un certain temps

Hepoc

Warf, désolé d'abuser de ton temps Bul3, mais finalement mon problème n'est toujours pas réglé.
Ca a l'air de marcher, mais le problème c'est que maintenant, dés que j'ouvre la page le bouton disparrait !

Voici mon code (simplement la partie qui vérifie si le cookie est présent)

<SCRIPT language="javascript">

window.onload=function()
{

 if  (document.cookie) { vote.style.display="none";
  }
  else {                  
  vote.style.display="visible";
  var da = new Date();
  var d = new Date(Date.parse(da) + (1000*60*60*2));
  document.cookie = "vote" +
";expires=" + d.toGMTString() + ";" ;
}
  } 
</SCRIPT>


--------------------------------------------------------------------------------


1 2 3 4

Cette discussion est classée dans : cacher, temps, trouvé, certain, div


Répondre à ce message

Sujets en rapport avec ce message

Descente/Monter ScrollBar en meme temps [ par Sannazzarotiti ] Bonjour, j'ai 2 bloc div qui affiche un scrollbar grace a la proprieter css overflow. J'aimerait que si l'on descende une scrollbar, sa fasse la meme probleme clic avec une fonction afficher cacher une div [ par nicooooooooooooooo2006 ] Bonjour à tous,Mon probleme est que j'ai repris une fonction permettant de cacher ou d'afficher une div suivant un lien cliquer il fonctionne mais mal Cacher balise DIV [ par aloisio11 ] Bonjour,J'utilise ce code pour cacher des parties () de ma page :document.getElementById('DivIcones').style.display='none';Il fonctionne avec afficher deux div en même temps dans deux cellules différentes d'un tableau [ par lyamcarter ] Bonjour, Je souhaite afficher plusieur div en même temps dans différente cellule de tableau. Mais cela ne fonctionne pas. pourriez vous m'apporter vot Div Cacher/Montrer [ par ghighidu63 ] Bonjour depuis quelques jours je suis confronter à un problème. Je n'arrive pas à cacher plusieurs div, c'est à dire, Quand je clique sur le div 1 ca Position d'une selection dans un div editable [ par fefefefef ] Bonjour, je cherche a obtenir la position d'une sélection d'un texte placé dans un div que l'on peut modifier à l'aide de l'attribut contentEditable. Passer une variable tout en ouvrant un div [ par petityo03 ] Bonjour, Cela fait 2 - 3 jours que je me bat pour essayer de passer une variable sur un lien et en même temps ouvrir un div. Je m'explique : Déjà je s IE8 onclick de la div ne fonctionne que sur le texte [ par rhan_659 ] Bonjour j'ai un petit souci avec IE8 (et certainement les autres ie) et bien sur pas de souci avec FF. j'ai des div avec un onclick="foo();" hors le div avec id variable [ par spokito ] bonjour à tous, je me retourne vers vous car je patauge la dessus depuis 3 plombes et je sens que j'ai pas le bon angle. [code=php]<?php // affichag Bouger deux ScrollBar en même temps [ par BeberEberlue ] Bonjour Je cherche à faire en sorte que mes deux scrollbar horizontales bougent en même temps, c-a-d qui si l'utilisateur déplace la première scrollb


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,406 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales