[Resolvido] Cor Java Script

[mateusguitar1 0]

Eae Glera beleza?

Bom tenho um problema que é assim!

http://www.arteria.com.br/novo_site

 

quero que ao clicar no palavra "PORTIFOLIO"

ele fique com o fundo cinza

e ao clicar denovo ele volte a não ter fundo! :S

 

será que tem como?(tipo evendo contrario de onclick?)

 

Vlw ^^

[William Bruno 1501]

é o onclick mesmo cara.

 

pensa assim, ta sem cor.

então sete uma variavel global para

var cor = "semcor";

 

qndo você clicar, você verifica se o valor é "semcor", se for, você altera para a cor, e altera essa variavel para "comcor"

 

no próximo clique, a variavel vai estar com o valor "comcor".

então você vai cair no else.

if( cor=="comcor" )
  //muda para semcor, e coloca cor
else
  //muda para comcor, e coloca transparente.

 

=)

logica de programação.

 

tenta evitar mandar MP..

 

[]s!

[mateusguitar1 0]

Pow cara é que eu so Leigo nessa parte. meu código ta assim!

 

-JAVA SCRIPT-

<script type="text/javascript">
function toggleCells(el){
rCells=document.getElementsByTagName('font');
for (i = 0; i < rCells.length; i++)
if (rCells[i].className=='pageon')
rCells[i].className='page'
el.className='pageon'
}
</script>

-HTML-

 

<font class="efc1" onclick="toggleCells(this);">PORTIFOLIO</font>

 

-CSS-

<style>
.page, .pageon {
margin-bottom:10px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 2px solid transparent;
border-bottom:2px solid transparent;
}

.page a, .pageon a {
padding: 0 5px;
color: #000000;
display:block;
width:100%;
height:100%;
}

.pageon a {
color: #FFFFFF;
background-color: transparent;
}

.page a:visited {
color: #000000;
}

.pageon a:visited {
color: #FFFFFF;
background-color: transparent;
}

.page a:hover, .pageon a:hover {
background-color:transparent;
color:#ffffff;
cursor:pointer;
border-left: 4px solid #666666;
border-right: 4px solid #666666;
border-top: 2px solid #666666;
border-bottom:2px solid #666666;
}

.pageon{
color: #FFFFFF;
background-color: #666666;
cursor:pointer;
}

.efc1:hover{
background-color:#666666;
color:#ffffff;
cursor:pointer;
border-left: 4px solid #666666;
border-right: 4px solid #666666;
border-top: 2px solid #666666;
border-bottom:2px solid #666666;
}
.efc1{
margin-bottom:10px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 2px solid transparent;
border-bottom:2px solid transparent;
}
</style>

 

tem como me explicar como que eu tenho que colocar? :S

 

VLW ^^

[51L3N7 1]

<script>
function trocarFundo() {
	if ( document.getElementById( 'portifolio' ).style.background == '' ) document.getElementById( 'portifolio' ).style.background = 'gray';
	else document.getElementById( 'portifolio' ).style.background = '';
}
</script>
<span id="portifolio">Portifolio</span>
<input type="button" onclick="trocarFundo()" />

[mateusguitar1 0]

51L3N7 *-*

valeu cara :joia:

 

me salvo ^_^