Recherche de cookie sur le chargement de la page

Question

Je souhaite que le navigateur démarre en vérifiant si un cookie portant le nom "yes" existe.

Si oui, je veux afficher un message.

Sinon, je veux afficher ceci:

<input type="button" id='approve' value="approve" onclick="a()"/> 
<input type="button" id='reject' value="reject" onclick="r()"/> 

Comment puis-je y parvenir? Je veux que ce soit le côté client.

Answer 1

Le moyen rapide et sale serait d'utiliser document.write() en ligne. Disons qu'il existe une fonction getter cookie prédéfini:

// taken from http://www.elated.com/articles/javascript-and-cookies/ 
function get_cookie (cookie_name){ 
    var results = document.cookie.match ('(^|;) ?' + cookie_name + '=([^;]*)(;|$)'); 
    if (results) 
    return (unescape (results[2])); 
    else 
    return null; 
} 

puis dans votre html quelque part:

<div id="container"> 
    <script> 
    if (get_cookie("cookiename") == null){ 
     document.write("[cookie exists message]") 
    } else { 
     document.write('<input type="button" id='approve' value="approve" onclick="a()"/><input type="button" id='reject' value="reject" onclick="r()"/>') 
    } 
    </script> 
</div> 

Si vous voulez rendre après la page a été chargée:

function showit(){ 
    var myhtml; 
    if (get_cookie("cookiename") == null){ 
     myhtml = "some message"; 
    } else { 
     myhtml = '<input type="button" id='approve' value="approve" onclick="a()"/><input type="button" id='reject' value="reject" onclick="r()"/>' 
    } 
    document.getElementById("container").innerHTML = myhtml; 
}