Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dynamiczna zmiana styli dla określonego diva, Dynamiczne określanie styli dla poszczególnego diva
orx
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 20.02.2010

Ostrzeżenie: (0%)
-----


Witam próbuje znaleść coś w java scrit co pozwoliło by mi za pomocą select określić który styl ma być uzyty.
Przykład:

  1. #styl1 { background: #ffffff; color:red; }
  2. #style2 { background #000000; color: blue; }
  3. #style3 { background-image: url(/img/cos.jpg); color: blue; }
  4. #style4 { background-image: url(/img/ble.jpg); color: yellow; }
  5.  
  6. <select onchange="...">
  7. <option value="styl1"> podgląd 1 </option>
  8. <option value="styl2"> podgląd 2 </option>
  9. <option value="styl3"> podgląd 3 </option>
  10. <option value="styl4"> podgląd 4 </option>
  11.  
  12. <div id="styl0"> jakis tekst </div>
  13.  


Chodzi oto by po wybraniu z select któregoś z podglądów div styl0 zmienił sie na ten który został wybrany

Mógł by mi ktoś w tym pomódz
Może coś by wystarczyło dac w ochange ?

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
zegarek84
post
Post #2





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
-----


zawartość czy styl?? - sugerując się tematem na szybko coś takiego Ci skleciłem:
  1. #styl1 { background: #ffffff; color:red; }
  2. #styl2 { background #000000; color: blue; }
  3. #styl3 { background-image: url(/img/cos.jpg); color: green; }
  4. #styl4 { background-image: url(/img/ble.jpg); color: yellow; }
  5. var div;
  6. function zmien($id){div.id=$id;}
  7. function ini(){div=document.getElementById('styl0');}
  8. </head>
  9. <body onload="ini()">
  10. <select onChange="zmien(this.value)">
  11. <option value="styl1"> podgląd 1 </option>
  12. <option value="styl2"> podgląd 2 </option>
  13. <option value="styl3"> podgląd 3 </option>
  14. <option value="styl4"> podgląd 4 </option>
  15. <div id="styl0"> jakis tekst </div>
  16. </body>
  17. </html>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 22:21