Pagina 1 din 1

Modificare culoare background

Scris: Sâm Iul 14, 2012
de steell
salut.
am urmatorul script

Cod: Selectaţi tot

<SCRIPT LANGUAGE="JavaScript">
function crem(){
  document.bgColor="#deb887"; 
}
function negru(){
  document.bgColor="#333333"; 
}
function initial(){
  document.bgColor="#666699";
}
</SCRIPT>
<FORM>
<INPUT TYPE="button" value="crem" onmouseover="crem()">
<INPUT TYPE="button" VALUE="Fond un fel de negru" onclick="negru()">
<INPUT TYPE="button" VALUE="Fond initial" onmouseover="initial()">
</FORM>
care functioneaza doar daca pagina nu are fundal setat in fisierul .css
adica functioneaza doar daca nu are fundal sau daca acesta e setat la <body bgcolor="....."
dar daca pun fundalul in fisierul css apoi adaug acest script in pagina nu funtioneaza
:(
care ar fi explicatia?
se poate face acest lucru cu jquery?

Modificare culoare background

Scris: Sâm Iul 14, 2012
de MarPlo
Salut
Explicatia poate fi ca acel script e gresit :).
Ca sa modifici culoarea de fundal (background) la un element, cu JavaScript, se foloseste formula aceasta:

Cod: Selectaţi tot

obiect.style.background = 'cod_culoare';
- Pentu fundalul intregii pagini, obiect este document.body.

Vezi acest script (varianta la cel de mai sus):

Cod: Selectaţi tot

<form>
<input type="button" value="crem" onmouseover="changeBGcolor('#deb887')">
<input type="button" value="fond un fel de negru" onclick="changeBGcolor('#333333')">
<input type="button" value="fond initial" onmouseover="changeBGcolor('#666699')">
</form>
<script type="text/javascript"><!--
function changeBGcolor(color) {
  document.body.style.background = color;
}
//-->
</script>