Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczna zmiana styli dla określonego diva
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
orx
20.02.2010, 01:51:22
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:

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


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 ?

Lion_87
20.02.2010, 08:26:26
http://www.google.pl/#hl=pl&source=hp&...2a5b01caa469792
orx
21.02.2010, 15:03:09
fajnie że mi to pokazujesz ale to mi nic nie mówi wcześnie tez to w google wpisywałem

hmmm nic mi to nie dało gdyż już tego szukałem wcześniej
znalezłem tylko coś takiego:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. //<![CDATA[ 
  3. function changeElement() {
  4.  
  5. var div = document.getElementById("div1");
  6. div.style.backgroundColor="#f00";
  7. div.style.width="500px";
  8. div.style.color="#fff";
  9. div.style.height="200px";
  10. div.style.paddingLeft="50px";
  11. div.style.paddingTop="50px";
  12. div.style.fontFamily="Verdana";
  13. div.style.borderColor="#000";
  14. }
  15. //]]>
  16. </script>
[HTML] pobierz, plaintext

w tym przykładzie div1 dostaje nowe style a mi chodzi oto jak zrobić by div1 przyjął zawartość div2


Wie ktoś może jak to zrobić ?
zegarek84
21.02.2010, 16:09:12
zawartość czy styl?? - sugerując się tematem na szybko coś takiego Ci skleciłem:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style>
  4.    #styl1 { background: #ffffff; color:red; }
  5.    #styl2 { background #000000; color: blue; }
  6.    #styl3 { background-image: url(/img/cos.jpg); color: green; }
  7.    #styl4 { background-image: url(/img/ble.jpg); color: yellow; }
  8. </style>
  9. <script>
  10. var div;
  11. function zmien($id){div.id=$id;}
  12. function ini(){div=document.getElementById('styl0');}
  13. </script>
  14. </head>
  15. <body onload="ini()">
  16. <select onChange="zmien(this.value)">
  17.    <option value="styl1"> podgląd 1 </option>
  18.    <option value="styl2"> podgląd 2 </option>
  19.    <option value="styl3"> podgląd 3 </option>
  20.    <option value="styl4"> podgląd 4 </option>
  21. </select>
  22. <div id="styl0"> jakis tekst </div>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext
slammer
21.02.2010, 18:14:45
http://www.dynamicdrive.com/dynamicindex9/...eetswitcher.htm

firefox -> ctr+u tongue.gif
orx
22.02.2010, 19:00:03
Wielkie Dzięki zegarek84 właśnie o coś takiego mi chodziło.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.