Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> 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
Lion_87
post
Post #2





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


http://www.google.pl/#hl=pl&source=hp&...2a5b01caa469792
Go to the top of the page
+Quote Post
orx
post
Post #3





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

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


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:
  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. //]]>

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ć ?


--------------------
Go to the top of the page
+Quote Post
zegarek84
post
Post #4





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>


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post
slammer
post
Post #5





Grupa: Zarejestrowani
Postów: 187
Pomógł: 6
Dołączył: 31.08.2005
Skąd: Bielsko-Biała

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


http://www.dynamicdrive.com/dynamicindex9/...eetswitcher.htm

firefox -> ctr+u tongue.gif
Go to the top of the page
+Quote Post
orx
post
Post #6





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

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


Wielkie Dzięki zegarek84 właśnie o coś takiego mi chodziło.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 02:30