Jump to content

Switch Color


Recommended Posts


Am un script, si nu stiu cum sa fac o chestie la el.

<script type='text/javascript'>
    function changeBack()
        var back = document.getElementById('colorPicker').value;    
        document.getElementById('content_box').style.background = back ;

<select id="colorPicker" onchange="JavaScript:changeBack()">
    <option value="transparent">None</option>
    <option value="yellow">Yellow</option>
    <option value="salmon">Salmon</option>
    <option value="lightblue">Light Blue</option>
    <option value="limegreen">Lime Green</option>
    <option value="cyan">Cyan</option>
    <option value="violet">Violet</option>
    <option value="red">Red</option>

Unde scrie content_box acolo este ID a unui block sau a oricui DIV.

Scriptul consta din aceea ca sa skimbe culoarea unui block sau a unui DIV cu elementul ID

Scriptul merge bine, cind imi aleg culoarea respectiva pe care o doresc se skimba, dar nu se salveaza sa fie tot aceeasi culoare pe care am aleso.

Ca sa intelegeti mai bine, de exemplu: Vrea ca blockul respectiv pe care lam ales sa fie de culoarea Violet, dupa ce miam ales culoarea, blockul sa skimbat in Violet, si iata acum si problema mea apare pe care doresc sa o rezolv. Dupa ce miam schimbat culoarea blockului dau un restart la pagina si culoarea numai este, se schimba in cea default. Eu doresc ca dupa ce miam ales culoarea respectiva tot ea sa ramina, pina nu voi dori sa chimb alta culoare.

Sper ca mati inteles ce deresc.

Link to comment
Share on other sites

Ai nevoie de cookie-uri in care sa salvezi culoarea in care ai "skimbat" iar dupa cand reincarci pagina trebuie sa verifici daca acel cookie exist, daca da afisezi culoarea care e in el, daca nu pe cea default.

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.