Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[oriceon]

Salut, vreau sa fac si eu o pagina careia sa ii pot customiza culorile cu ajutorul unui js.. si sa le tin undeva in baza de date.

Ideea este urmatoarea:

Sa am un .. select sa zicem.. si atunci cand aleg o culoare .. vreau ca sa o schimbe pe cea antecedenta.. instantaneu, fara refresh.

Dupa ce dau refresh.. vreau ca acea culoare sa ramana . .


So, cum fac ?

[ExcalIbvr]

http://4umi.com/web/css/changesheet.htm
http://dotnetjunkies.com/WebLog/warstar/archive/2004/09/22/26497.aspx

Acum la faza cu refresh probabil va trebui sa folosesti un cookie.

[oriceon]

Nu vreau sa folosesc cookies..

[ExcalIbvr]

:) Ceva tot trebuie sa folosesti.
Dar un AJAX call catre server in care faci update la o variabila de sesiune care zice ce stylesheet se incarca?

[whooper]

Daca pagina e simpla, o poti construi parametrizat, unde fiecare element din pagina este descris si de culoarea lui. Desigur, poti schimba toti parametrii STYLE cu JS. Daca pagina e mai complicata, e mai simplu cu fisiere care definesc style-urile. Userii pot sa construiasca fisierul respectiv pe baza unor valori din DB. Tu rulezi doar functia cu care incarci style-ul preferat.
Cod:
document.write("<link rel='stylesheet' type='text/css' href='stylesheet.css' />");
// si ai grija sa cari mai departe cumva, cu GET/POST/AJAX css-ul selectat


Eu am vrut sa fac ceva similar pentru a schimba LIMBA curenta. Deoarece aplicatia era TEXT-HEAVY mi-a fost mai simplu sa incarc un fisier cu textele in limba respectiva la un refresh, decat sa le schimb pe toate una cate una.

Eu folosesc AJAX doar cand modificarile pe ecran sunt mai mici de 20% sau procesele in sine se preteaza la lucru in background.

[oriceon]

Cum schimb parametrii astfel incat in timp real.. fara refresh ... sa-mi arate noua culoare de BG... ?

[whooper]

Uite un exemplu pentru schimbare de background :

Cod:
<script language="JavaScript" type="text/JavaScript">

<!-- Start

   function showNewColor() {

      // setup vars

      var defaultColor = "white";

      var newColor = "#ff9999";

      

      // other supported styles

      // myElement.style.fontSize = "24px";

      // myElement.style.fontFamily = "Verdana, Arial, Courier New";

      // myElement.style.textDecoration = "underline";

      // myElement.style.fontWeight = "normal";

      // myElement.style.visibility=="hidden";

            

      if((document.getElementById)&& (document.getElementById('tagID')!=null)) {

           // Get a reference to the element

         var myElement = document.getElementById('tagID');

         // Check the element's style object and background property are available

          if ((myElement.style)&& (myElement.style.backgroundColor!=null)) {

             // Check the value of the property

             if(myElement.style.backgroundColor == 'white'){

               // change style to new color

               document.getElementById('tagID').style.backgroundColor = newColor;

            } else {

               // change style to default color

               document.getElementById('tagID').style.backgroundColor = defaultColor;   
             }

           } else {   

            // This CSS property is not assigned or is not supported

            return;

           }

      }else {

        return;

      }

   }
// End --->

</script>



Functia o apelezi similar cu :

Cod:
<a href="javascript:showNewColor();">Change Tag Style</a>

[oriceon]

Multumesc pentru raspunsuri, am rezolvat prin alta metoda.

Am sa postez poate.. codul dupa ce il finisez

[carco]

Pui un img... Cu javascript ii schimbi sursa (document.getElementById('idimg').src=...) la ceva de genul "http://...../imagine.php?cul=red&random" In prelucrari.php bagi culoarea in db si-i servesti gif-ul (cu header-ul adecvat)

[PHPRomania Bot]