Jump to content


Photo

Clica E Muda As Propriedades Da Imagem


  • Faça o login para participar
1 reply to this topic

#1 vitor_prado

vitor_prado

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado

Posted 17/08/2005, 20:20

Olá gente, oq eu desejo para finalizar este script ´r fazer com que quando uma outra imagem for clicada a borda que foi posta na imagem anterior desapareça...agradeço..
<html>

<head>

<script type="text/javascript">

function botaborda(id)

{

if (id !=true) {

document.getElementById("dados").value=id;

document.getElementById(id).border="1px solid #999999;"

var id2 = id;

document.getElementById("dados2").value=id2;

apagaborda(id2);

}

}

function apagaborda(kkk) {

if ( kkk == true) {

alert(kkk);

document.getElementById("imagem").border=4;

document.getElementById("dados3").value=hauhauha;

}

}

function duploclique(id)

{

document.getElementById(id).border=""

}

</script>

<title></title>

</head>

<body>

	<p id="mostraid" >

	

	</p >

	<h2>

	<img id="imagem" name="teste" onClick="botaborda(id)" onDblClick="duploclique(id)"

  height="109"

	src="teste/aviao.jpg" width="128" />

	<input type="text" id="dados" disabled value="qual é a imagem?">

	<input type="text" id="dados2" disabled value="qual é a imagem?">

	<input type="text" id="dados3" disabled value="qual será????">

    <img id="imagem1" name="teste1" onClick="botaborda(id)" onDblClick="duploclique(id)"

  height="109"

	src="teste/aviao.jpg" width="128" />

    <img id="imagem2" name="teste2" onClick="botaborda(id)" onDblClick="duploclique(id)"

  height="109"

	src="teste/aviao.jpg" width="128" /></h2>

</body>

</html>  


#2 kaduzick

kaduzick

    12 Horas

  • Usuários
  • 229 posts
  • Sexo:Masculino
  • Localidade:Brasília
  • Interesses:Aprender e Ajudar

Posted 18/08/2005, 22:23

aí cara eu fiz uma coisa aí, espero que lhe sirva.

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

function coloca_tira_borda(imagem)
{
	var imagens;

	imagens = document.getElementsByTagName("img");

	for(var i = 0; i<imagens.length; i++)
	{
 	 imagens[i].border = 0;
	}
	imagem.border = 10;

}

</script>

<title></title>

</head>

<body>

<img name="teste" onClick="coloca_tira_borda(this)" src="teste/aviao.jpg" />

<input type="text" id="dados" disabled value="qual é a imagem?">
<input type="text" id="dados2" disabled value="qual é a imagem?">
<input type="text" id="dados3" disabled value="qual será????">

<img name="teste1"  onClick="coloca_tira_borda(this)" src="teste/aviao.jpg" />

<img name="teste2"  onClick="coloca_tira_borda(this)" src="teste/aviao.jpg" />

</body>
</html>  

kaduzick - The Nerds




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq