Accueil > Forum > > > > Aide aux cookies
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
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|