Cliquez pour agrandir le texte du corps | JavaScript

Question

S'il vous plaît noter que ceci est juste un exemple:

<img src="img/normal-font.png" onclick="javascript:document.body.style.fontSize = '13px';" /> &nbsp; 
<img src="img/medium-font.png" onclick="javascript:document.body.style.fontSize = '14px';" /> &nbsp; 
<img src="img/large-font.png"onclick="javascript:document.body.style.fontSize = '15px';" /> 

Le corps du texte ne grossit en effet si je choisis l'un d'entre eux, mais ce que je préfère inclure est de se rappeler quelle est l'option que vous avez choisi en lisant les cookies.

En fait, je n'ai aucune expérience dans la création de cookies dans JS, seulement en PHP. Quelqu'un pourrait-il trouver un exemple de la manière la plus simple de se souvenir des cookies, mais chaque fois que quelqu'un en clique sur un autre, il devrait se débarrasser du cookie qui a été réglé en dernier, par exemple. La valeur de cookie a 15px, alors devrait le mettre à jour ou l'enlever avec un nouveau cookie avec une nouvelle valeur de 13px et ainsi de suite.

Merci :)

Answer 1

vous pouvez définir et obtenir les valeurs de cookie de javascript de la même manière que vous le faites en php.

vous pouvez utiliser les deux méthodes suivantes pour votre aide.

function setCookie(c_name,value,expiredays) 
{ 
var exdate=new Date(); 
exdate.setDate(exdate.getDate()+expiredays); 
document.cookie=c_name+ "=" +escape(value)+ 
((expiredays==null) ? "" : ";expires="+exdate.toUTCString()); 
} 

function getCookie(c_name) 
{ 
if (document.cookie.length>0) 
    { 
    c_start=document.cookie.indexOf(c_name + "="); 
    if (c_start!=-1) 
    { 
    c_start=c_start + c_name.length+1; 
    c_end=document.cookie.indexOf(";",c_start); 
    if (c_end==-1) c_end=document.cookie.length; 
    return unescape(document.cookie.substring(c_start,c_end)); 
    } 
    } 
return ""; 
} 

jetez un coup d'oeil dans this page pour plus de détails.

Answer 2

Cela pourrait aider: QuirksMode Javascript cookies reference.