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:

<script>
function szurke() {
if(confirm("Biztos, hogy szürkét akarsz?"))
{document.bgColor="#c0c0c0"}
else
{if(confirm("Akkor maradjon az eredeti?"))
{document.bgColor="#ffffff"}
}
}
function piros() 
{if(confirm("Biztos, hogy piros hátteret akarsz?"))
{document.bgColor="#ff0000";}
else
	{if(confirm("Akkor maradjon az eredeti?"))
		{document.bgColor="#ffffff";}
	}
}

function kek ()
{if(confirm("Biztos, hogy kék hátteret akarsz?")) 
{document.bgColor="#0000ff";}
else
{if(confirm("Akkor maradjon az eredeti?"))
{document.bgColor="#ffffff";}
}
}
function eredeti () 
{if(confirm("Biztos, hogy visszaállítod az eredetit?"))
{document.bgColor="#ffffff";}
}
</script>
html része:

<div class="bal">
....
<input type=submit class="gomb" value="vmi oldal">
</form><br>
<input type="button" value="Szürke háttér" onClick="szurke()"><br>
<input type="button" value="Piros háttér" onclick="piros()"><br>
<input type="button" value="Kék háttér" onClick="kek()"><br>
<input type="button" value="Eredeti háttér" onClick="eredeti()"><br>
</div>
ha elemntem külön egy html dokumentumba (nem divesbe!) akkor teljesen jól működik így divvel meg nem :S
 
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:
<script type="text/javascript">
var body = document.getElementsByTagName("body")[0];
body.style.background = "#ff0000"; //red
</script>
üdv, Gábor
2

Cross browser változat

Poetro · 2010. Júl. 5. (H), 21.34
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
  <script type="text/javascript">
    function szinez(nev, szin) {
      if (window.confirm('Biztosan ' + nev + ' hátteret akarsz?')) {
        document.body.style.backgroundColor = szin;
      }
      else if (window.confirm('Akkor maradjon az eredeti?')) {
        document.body.style.backgroundColor = '#ffffff';
      }
    }

    function piros() {
      szinez('piros', '#ff0000');
    }

    function szurke() {
      szinez('szürke', '#c0c0c0');
    }

    function kek() {
      szinez('kék', '#0000ff');
    }

    function eredeti() {
      if (window.confirm('Biztos, hogy visszaállítod az eredetit?')) {
        document.body.style.backgroundColor = '#ffffff';
      }
    }
  </script>
</head>
<body>
<div class="bal">
<form method="post" action="#">
....
<input type=submit class="gomb" value="vmi oldal">
<br>
<input type="button" value="Szürke háttér" onClick="szurke()"><br>
<input type="button" value="Piros háttér" onclick="piros()"><br>
<input type="button" value="Kék háttér" onClick="kek()"><br>
<input type="button" value="Eredeti háttér" onClick="eredeti()"><br>
</form>
</div>
</body>
</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 :)