Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

michael and cris

problema com uma função

Por , em Javascript

Recommended Posts

michael and cris    0

michael and cris
Postado

Galera, é o seguinte: tenho um botão onn e um off. O que estou qurendo fazer é quando o on estiver apertado, ele acesse e fique com outro jpg. Quando eu clicar nele de novo, quero troque para outra tipo: on acesso e on apagado. Beleza. Daí também tem o off e vai fazer a mesma coisa, só que tem um porém, quando o on estiver em um estado, acesso o off apagado e vice-versa fiz um código mas estou sem a solução para a troca:

 

<html>
<head>
<script type="text/javascript">

//Botão 1
imagem1 = new Image();
imagem1.src = "1.jpg";
imagem1on = new Image();
imagem1on.src = "2.jpg";

//Botão 2
imagem2 = new Image();
imagem2.src = "light_off.jpg";
imagem2on = new Image();
imagem2on.src = "light_off_disabled.jpg";

//Botão 1	
	function ligado(imagem){
		if (document.images) document[imagem].src = eval(imagem + "on.src");
		if (document.getElementById("b1").src == "2.jpg") {
			document.getElementById("b1").src = "1.jpg";
		}
	}
	function off(imagem){
		if (document.images) document[imagem].src = eval(imagem + ".src");
		if (document.getElementById("b1").src == "1.jpg") {
			document.getElementById("b1").src = "2.jpg";
		}
	}

//Botão 2		
		function desligado(imagem)
	{
		if (document.images) document[imagem].src = eval(imagem + ".src");
		if(document.getElementById("b2").src == "light_off_disabled.jpg"){
			document.getElementById("b2").src="light_off.jpg";	
		}

	}
	function desligadooff(imagem)
	{
		if (document.images) document[imagem].src = eval(imagem + "on.src");
		if(document.getElementById("b2").src == "light_off.jpg"){
			document.getElementById("b2").src="light_off_disabled.jpg";	
		}
	}		
</script>
</head>
<body>
<a href="#" onClick="ligado('imagem1')" 
onClick="off('imagem1')">
<img name="imagem1" src="1.jpg" id="b1" border="0"></a> 

<a href="#" onClick="desligado('imagem2')" 
onClick="desligadooff('imagem2')">
<img name="imagem2" src="light_off_disabled.jpg" id="b2" border="0"></a> 
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Galera e o seguinte tenho um botão onn e um off e o seguinte o que estou qurendo fazer e quando o on estiver apertado ele acessa e fico com outro jpg agora quando eu clica nele de novo ele troque para outra tipo on acesso e on apagodo beleza dae também tem o off e vai fazer a mesma coisa so que tem um porem quando o on estiver em um estado acesso o off apagado e vise e versa fiz um código mas estou sem a solução para a troca

Caro amigo,

 

Li seu post umas 5 vezes e não entendi absolutamente nada! Faltou pontuação, faltou concordância verbal, nominal, espiritual, extra-conjugal... faltou tudo!!!

Alguma vez já passou por sua cabeça a idéia de que o fórum do iMasters é um dos mais visitados do país? Você sabia que milhares de pessoas verão o seu post nos próximos meses ou anos? Sendo assim, você não acha que seria interessante considerar a postagem de uma dúvida expressa através de um texto simples, direto e compreensível?

 

Não há necessidade de extrapolar na linguagem formal. Porém, utilizar vírgulas, acentos, um mínimo de concordância nominal e verbal faz bem aos olhos de quem lê!

 

Pois bem, se você puder explicar novamente (com calma) o que você deseja com esses botões "on" e "off" eu ficaria imensamente agradecido. Estou muito ansioso para te ajudar! Por favor, ajude-me a te ajudar! Juntos seremos imbatíveis! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Aguardo seu retorno!

Abraços fraternos!

Compartilhar este post

Link para o post
Compartilhar em outros sites

michael and cris    0

michael and cris
Postado

Opa acho que matei o português (rs).

 

Bom Ontem eu acabei mechendo um pouco no código, e modifique...

 

<html>
<head>
<script type="text/javascript">	
function changeSrc(botao) {
var imagem=document.getElementById(botao);

if(imagem.alt == "Abrir"){
imagem.src = "2.jpg";
imagem.alt = "Fechar";
}
else {
imagem.src = "1.jpg";
imagem.alt = "Abrir";
}
}

function changeSrc2(botao2) {
var imagem=document.getElementById(botao2);
if(imagem.alt == "Abrir"){
imagem.src = "light_off.jpg";
imagem.alt = "Fechar";
}
else {
imagem.src = "light_off_disabled.jpg";
imagem.alt = "Abrir";
}
}
	
</script>
</head>
<body>
<img id="botao" alt="Abrir" src="2.jpg" onclick="changeSrc('botao')"/>
<img id="botao2" alt="Abrir" src="light_off_disabled.jpg" onclick="changeSrc2('botao2')"/>
</body>
</html>

1º O meu problema era o seguinte tenho dois botões, (on) e (off).

2º Preciso que quando o usuário apertar o (on) o (off) apague e vice e versa quando for apertado o botão (off) o Botão (on) apague.

Bom a minha dúvida e essa.... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif vlw..

Compartilhar este post

Link para o post
Compartilhar em outros sites

michael and cris    0

michael and cris
Postado

Detalhe que não expliquei o botão tem dois jpgs de imagem, um que está motrando a imagem com uma cor total 100% de opacidade e outro com 50% de opacidade então são dois jpg!...

Compartilhar este post

Link para o post
Compartilhar em outros sites

michael and cris    0

michael and cris
Postado

Opa gente tudo bom estou mostrando aqui a solução para o meu problema consegui arrumar da seguinte forma

 

<html>
<head>
<script type="text/javascript">	
function changeSrc(botao) {
	var imagem=document.getElementById(botao);
	if(imagem.alt == "Abrir1")
	{
		imagem.src = "2.jpg";
		imagem.alt = "Fechar1";
		changeSrc2("botao2");
	}
	else 
	{
		imagem.src = "1.jpg";
		imagem.alt = "Abrir1";
	}
	if(imagem.alt == "Fechar1")
	{
		imagem.src = "2.jpg";
		imagem.alt = "Abrir1";
	}
}

function changeSrc2(botao2) {
var imagem=document.getElementById(botao2);
if(imagem.alt == "Abrir"){
imagem.src = "light_off_disabled.jpg";
imagem.alt = "Fechar";
changeSrc("botao");
}
else {
imagem.src = "light_off.jpg";
imagem.alt = "Abrir";
}
if(imagem.alt == "Fechar"){
imagem.src = "light_off_disabled.jpg";
imagem.alt = "Abrir";
}
}
	
</script>
</head>
<body>
<img id="botao" alt="Abrir1" src="1.jpg" onclick="changeSrc('botao')"/>
<img id="botao2" alt="Abrir" src="light_off_disabled.jpg" onclick="changeSrc2('botao2')"/>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito