ugrás a tartalomhoz

javascript+div

bence04 · 2010. Júl. 5. (H), 18.12
sziasztok
csináltam egy oldalt javascriptel (javascript háttérváltoztatás) az oldal div-ben van a divbe betettem a javascript kódot és nem működik vajon mi lehet a baj?
itt a kód:
  1. <script>  
  2. function szurke() {  
  3. if(confirm("Biztos, hogy szürkét akarsz?"))  
  4. {document.bgColor="#c0c0c0"}  
  5. else  
  6. {if(confirm("Akkor maradjon az eredeti?"))  
  7. {document.bgColor="#ffffff"}  
  8. }  
  9. }  
  10. function piros()   
  11. {if(confirm("Biztos, hogy piros hátteret akarsz?"))  
  12. {document.bgColor="#ff0000";}  
  13. else  
  14.     {if(confirm("Akkor maradjon az eredeti?"))  
  15.         {document.bgColor="#ffffff";}  
  16.     }  
  17. }  
  18.   
  19. function kek ()  
  20. {if(confirm("Biztos, hogy kék hátteret akarsz?"))   
  21. {document.bgColor="#0000ff";}  
  22. else  
  23. {if(confirm("Akkor maradjon az eredeti?"))  
  24. {document.bgColor="#ffffff";}  
  25. }  
  26. }  
  27. function eredeti ()   
  28. {if(confirm("Biztos, hogy visszaállítod az eredetit?"))  
  29. {document.bgColor="#ffffff";}  
  30. }  
  31. </script>  
html része:
  1. <div class="bal">  
  2. ....  
  3. <input type=submit class="gomb" value="vmi oldal">  
  4. </form><br>  
  5. <input type="button" value="Szürke háttér" onClick="szurke()"><br>  
  6. <input type="button" value="Piros háttér" onclick="piros()"><br>  
  7. <input type="button" value="Kék háttér" onClick="kek()"><br>  
  8. <input type="button" value="Eredeti háttér" onClick="eredeti()"><br>  
  9. </div>  
ha elemntem külön egy html dokumentumba (nem divesbe!) akkor teljesen jól működik így divvel meg nem :S
‹ Gmail hogyan csinalja? Bizarr viselkedés - WTF-JS ›
 ■
1

??

ironwill · 2010. Júl. 5. (H), 21.17
Szia!

Nem igazán világos, hogy pontosan mit szeretnél csinálni..
Minek a háttérszínét akarod átállítani?
(A document, nem vizuális objektum.)

Ha a body hátterét akarod állítani, akkor:
  1. <script type="text/javascript">  
  2. var body = document.getElementsByTagName("body")[0];  
  3. body.style.background = "#ff0000"; //red  
  4. </script>  
üdv, Gábor
2

Cross browser változat

Poetro · 2010. Júl. 5. (H), 21.34
  1. <!DOCTYPE HTML>  
  2. <html lang="en-US">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title></title>  
  6.   <script type="text/javascript">  
  7.     function szinez(nev, szin) {  
  8.       if (window.confirm('Biztosan ' + nev + ' hátteret akarsz?')) {  
  9.         document.body.style.backgroundColor = szin;  
  10.       }  
  11.       else if (window.confirm('Akkor maradjon az eredeti?')) {  
  12.         document.body.style.backgroundColor = '#ffffff';  
  13.       }  
  14.     }  
  15.   
  16.     function piros() {  
  17.       szinez('piros', '#ff0000');  
  18.     }  
  19.   
  20.     function szurke() {  
  21.       szinez('szürke', '#c0c0c0');  
  22.     }  
  23.   
  24.     function kek() {  
  25.       szinez('kék', '#0000ff');  
  26.     }  
  27.   
  28.     function eredeti() {  
  29.       if (window.confirm('Biztos, hogy visszaállítod az eredetit?')) {  
  30.         document.body.style.backgroundColor = '#ffffff';  
  31.       }  
  32.     }  
  33.   </script>  
  34. </head>  
  35. <body>  
  36. <div class="bal">  
  37. <form method="post" action="#">  
  38. ....  
  39. <input type=submit class="gomb" value="vmi oldal">  
  40. <br>  
  41. <input type="button" value="Szürke háttér" onClick="szurke()"><br>  
  42. <input type="button" value="Piros háttér" onclick="piros()"><br>  
  43. <input type="button" value="Kék háttér" onClick="kek()"><br>  
  44. <input type="button" value="Eredeti háttér" onClick="eredeti()"><br>  
  45. </form>  
  46. </div>  
  47. </body>  
  48. </html>  
3

confirm else.. ? :)

ironwill · 2010. Júl. 5. (H), 21.51
Hogy ennek mi értelme van? :)
Vagy akkor a "Visszaállítod az eredetit?"-re mi szükség?
4

Próbáld ki

Poetro · 2010. Júl. 5. (H), 21.59
Próbáld ki
5

nem kell kipróbálnom..

ironwill · 2010. Júl. 5. (H), 22.10
.. értem a kódot és nem a te verziódba kötöttem bele.. (csak mondjuk a megoldás kódba, én nem tettem volna bele egy felesleges confirm-ot.. tudom.. ő így akarta..)
6

köszönöm

bence04 · 2010. Júl. 6. (K), 06.22
igazából annyi értelme van hogy semmi :):) mert csak tanulom a javascriptet és ezeket öszerakrni valóságban nem alkalmaznám de jó ha tudom a megoldást :) köszönöm az ötleteket :)