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

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Aide aux cookies


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

Aide aux cookies

vendredi 11 février 2011 à 18:15:50 | Aide aux cookies

Annadrill

Bonjour,

je réalise un site accessible pour une association et j'aimerais que l'on puisse agrandir ou rapetisser la taille du texte.

Mon problème se pose au niveau des cookies : si qqn peut m'aider à trouver ma faute...

voici mon code :
Code Javascript :
function growMySize(element, step) 
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}

function resetMySize(element)
{
	
var el = document.getElementById(element);
el.style.fontSize = '16px';
}

function setMySize(Pixels)
{	
var el = document.getElementById('contentcorps');
el.style.fontSize = Pixels;
}


/*************cookie*************/

//récupère le nom et la valeur du cookie
function GetCookie ()
{
var cookValue = "" ;
var cookName = "" ;
 
//position de "=" dans le cookie
var egal = document.cookie.indexOf( "=" ) ;
 
//on prend la sous-chaine comprise entre le début du cookie et le "="
cookName = document.cookie.substring ( 0, egal ) ;
 
//on prend la sous-chaine comprise entre le "=" et le ";" donc sa valeur
cookValue = document.cookie.substring ( egal + 1 ) ;
 
//affiche le nom du cookie
setMySize(cookValue);
 
//affiche la valeur du cookie

}
 
//crée le cookie avec la valeur saisie en paramètre
function SetCookie (name, value)
{
//nouvel objet date
var aujourdhui = new Date() ;
 
//nouvel objet date
var expdate = new Date() ;
 
//plus an an à partir d'aujourdh'ui le cookie ne s'efface jamais
expdate.setTime( aujourdhui.getTime() + ( 365*24*60*60*1000 ) ) ;
 
//creation du cookie de nom name et de valeur saisie en paramètre
document.cookie = name + "=" + value + ";expires=" + expdate.toGMTString() ;
}
 
//demande à l'utilisateur un nom et une valeur de cookie
window.onunload = function(e) 
 {
//création du cookie
var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
SetCookie ( "mySize", curFont ) ;
 
//récupération du nom et de la valeur

}
window.onload = function(e) {
 GetCookie () ;
//Lancement de la Ask()

}


Merci d'Avance ! :)


Annadrill
samedi 12 février 2011 à 19:56:47 | Re : Aide aux cookies

007Julien

Réponse acceptée !

Code Javascript :
el.style.fontSize = Pixels+'px';

serait préférable...

Sinon voir ceci ou encore cela.

Enfin, l'emploi conjugué de la touche Ctrl et de la molette de la souris permet, sur les navigateurs récents, des changements de taille éloquents.
lundi 14 février 2011 à 17:04:23 | Re : Aide aux cookies

Annadrill


Hello,
merci pour cette réponse,

je suis allé lire les liens et ai essayé d'arranger mon code :

Code Javascript :
function growMySize(element, step) 
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}

function resetMySize(element)
{
	
var el = document.getElementById(element);
el.style.fontSize = '16px';
}

/*function setMySize(Pixels)
{	
var el = document.getElementById('contentcorps');
el.style.fontSize = Pixels;
}*/


/*************cookie*************/


function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

 
//demande à l'utilisateur un nom et une valeur de cookie
window.onunload = function() 
 {
//création du cookie
var el = document.getElementById('contentcorps');
    var curCookie = el.style.fontSize = Pixels+'px';
createCookie("mySizeSaved", curCookie, 7);
 
//récupération du nom et de la valeur

}
window.onload = function() {

var pixels = readCookie('mySizeSaved')
if (pixels) {
	var el = document.getElementById(element);
	el.style.fontSize = pixels +'px';
}

}



Mais je dois avoir un souci pour récupérer mon cookie...
Si quelqu'un peut m'aider à la trouver...

L'idée est de créer un cookie avec la valeur en pixels qui a été modifiée par growMySize() et de la récupérer lorsque l'utilisateur change de page pour afficher le texte à la taille choisie.


Merci d'Avance
Annadrill
lundi 14 février 2011 à 18:14:34 | Re : Aide aux cookies

007Julien


La création du cookie paraît curieuse avec cette double égalité pour curCookie ? Ne conviendrait-il pas de procéder avec un parseInt, comme pour growMySize ?

Avec l'explorateur dans windows, Il est toujours possible d'aller voir le cookie (répertoire : C:\Documents and Settings\Nom_Utilisateur\Local Settings\Temporary Internet Files) et de le lire sans se préoccuper des avertissements...



lundi 14 février 2011 à 18:44:50 | Re : Aide aux cookies

Annadrill


Hello, merci de la réponse,

oui en effet xD,

je crois qu'au début du code j'ai déjà un souci

car ma fonction setMySize ne fonctionne pas
Code Javascript :
function growMySize(element, step) 
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}

function resetMySize(element)
{
	
var el = document.getElementById(element);
el.style.fontSize = '16px';
}

function setMySize(Pixels)
{	
var el = document.getElementById('contentcorps');
el.style.fontSize = Pixels;
}


et tu propose ceci ? où ai-je mal compris ? car rien ne bouge...
Code Javascript :
window.onunload = function() 
 {
//création du cookie
var el = document.getElementById('contentcorps');
    var curFont = parseInt(el.style.fontSize,10);
createCookie("mySizeSaved", curCookie, 7);
 
//récupération du nom et de la valeur

}
window.onload = function() {
//Lancement de la Ask()
var pixels = readCookie('mySizeSaved')
if (pixels) {
	var el = document.getElementById('contentcorps');
	el.style.fontSize = pixels +'px';
}


}


Annadrill
lundi 14 février 2011 à 18:46:02 | Re : Aide aux cookies

Annadrill


oups erreur :
Code Javascript :
var el = document.getElementById('contentcorps');
    var [b]curCookie[/b] = parseInt(el.style.fontSize,10);
createCookie("mySizeSaved", curCookie, 7);

Annadrill
lundi 14 février 2011 à 20:56:40 | Re : Aide aux cookies

Annadrill



N'y comprenant rien, j'ai recommencé mon code.
j'ai fait deux pages test incluant ce code :

Code Javascript :
function growMySize(element, step) 
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}

function resetMySize(element)
{
	
var el = document.getElementById(element);
el.style.fontSize = '16px';
}

function setMySize(Pixels)
{	

    var el = document.getElementById('test');
   
    el.style.fontSize = Pixels + 'px';
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}


window.onunload = function() 
 {
//création du cookie
var el = document.getElementById('test');
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = curFont + 'px';
 createCookie("mySizeSaved", curFont, 365);
//récupération du nom et de la valeur

}
window.onload = function() {
//Lancement de la Ask()
var pixels = readCookie('mySizeSaved')
if (pixels) {
	setMySize(pixels);
	alert(pixels);
}}

Et là ca roule sans aucun souci...
je le teste sur mon site, plus de cookie qui se sauve....

parcontre j'ai ce code ci sur mon site qui fonctionne :
Code Javascript :
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}



function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);





Si quelqu'un voit le problème qu'il me vienne en aide
Annadrill
lundi 14 février 2011 à 21:21:18 | Re : Aide aux cookies

Annadrill

Réponse acceptée !

BOn je me parle à moi-même ce soir haha, voici le dernier code,
j'ai mis ensemble les deux du dessus, sur mon test cela fonctionne parfaitement, et online il n y a que le cookie de la style cheet qui fonctionne...

Merci pour celle ou celui qui trouvera l'erreur... moi je

le code :
Code Javascript :
function growMySize(element, step) 
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}

function resetMySize(element)
{
	
var el = document.getElementById(element);
el.style.fontSize = '16px';
}

function setMySize(Pixels)
{	

    var el = document.getElementById('contentcorps');
   
    el.style.fontSize = Pixels + 'px';
}

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}



function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}


window.onunload = function() 
 {
//création du cookie
 var title = getActiveStyleSheet();
var el = document.getElementById('contentcorps');
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = curFont + 'px';
 createCookie("mySizeSaved", curFont, 365);
 
  createCookie("style", title, 365);
//récupération du nom et de la valeur

}
window.onload = function() {
//Lancement de la Ask()
	var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
var pixels = readCookie('mySizeSaved');
if (pixels) {
	setMySize(pixels);
	alert(pixels);

  setActiveStyleSheet(title);
}}

var cookie = readCookie("style");
var pixels = readCookie('mySizeSaved');
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
Annadrill
mardi 15 février 2011 à 18:18:41 | Re : Aide aux cookies

Annadrill


J'ai déplacé la partie window.onload et onunload directement dans l'index.php plutôt que dans le fichier js et cela fonctionne parfaitement...

Bonne soirée et merci beaucoup pour l'aide :
Code Javascript :
el.style.fontSize = Pixels+'px';

sans laquelle j'aurai cherché ailleurs mon problème...

:D

Annadrill


Cette discussion est classée dans : function, var, document, cookie, el


Répondre à ce message

Sujets en rapport avec ce message

Aide a decrypté [ par Wab ] bonjour, quelqu'un peux m'aider a decrypté ca? :function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == - Changer le chemin d'accès d'un cookie [ par Angelucky ] Salut tout le monde !!!Je suis charger de refaire un site en JavaScript dans lequel j'utilise un cookie ! Mon problème est de pouvoir changer l'emplac problème avec le login [ par TheRif ] J'ai un petit problème avec le login,au début ca marchait comme sur des roulette, mais quand j'ai essayé de testé d'aller vers une page qui était bloq c'est quoi ce truc????? [ par gaga38 ] salut a tous, voila mon souci j'essaye de comprendre ce ..###{[ de code, mais la je butte serieux, si y'a des volontaires pour m'aider ce serai gentil Cookie : Aidez moi s'il vous plait [ par Gravity ] Bonjour à tous !Je suis vraiment nul en Javascript... J'aurais aimé savoir comment ce code ci peut-être modifié ou alors, creer un nouveau code, pour Tableau 2D [ par malik7934 ] Hello, En deux mots: j'ai fais ça: http://noisy.ch/smilies/smilies2.html mais je n'y connais rien à Javascript (c'est pour un chat en php). J'ai modi scroll bar avec roll over [ par Le Zbire ] Dans les sections en rouge je voudrais faire un roll over j'ai essayer multiple moyens mais sa donne rienvous pourvez m'aider?La section bleu n'y touc [xhtml] Intégration de fonctions javascript [ par kanabitch ] bonjour je cherche a corriger l'erreur que le navigateur me trouve lorsque que j'essai d'integrer une fonction javascript. Je vous montre le code car ajax/xmlhttprequest [ par David_monchy ] salut à tous,je développe un chat, et j'ai un problème: j'utilise une liste de connectés qui affiche en 'temps reel' les membres connectés. Seulement, Variable modifiée alors que non concernée ?? [ par Evangun ] Bonjour à tous,encore un problème...j'ai déclaré mon tableaux "artistes".ensuite je veux en faire une copie : var expand_artistes_tab = artistes;ce no


Nos sponsors


Sondage...

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,562 sec (3)

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