Jump to content
Fórum Script Brasil
  • 0

Clica Aparece


Jacksonrs
 Share

Question

Galera estou ajudando uma comunidade a costruir um programa para uso gratuito de todos, e preciso saber como faço pra seguinte situação, vamos dizer que existam 3 paises Brasil, Argentina, e Uruguai, e que estes paises estão numa figura inteira, eu gostaria que quando o cara selecionasse os paises que ele já viajou que o o programa pudesse gerar as bandeiras coloridas em cima, abaixo um link talvez eu não consiga expressar bem. Abr.

Exemplo

Bom eu queria uma ideia de como consigo fazer isso. Abr.

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

O esquema vai funcionar assim, você terá que recortar todas as bandeiras e deixá-las e criar duas versões de cada, uma escura, igual a que me mostrou e outra mais clara, como se fosse ativada depois do clique, na mais escura você da o nome do pais + 0, exemplo :

Brasil0 e no mais claro Brasil1

Depois é só ver o código e você ira ententde.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Paises</title>

<script>

function trocaImagem( bloco, imagem )

{

var bandeira = document.getElementById( "imagem"+bloco );

var nome_imagem = bandeira.name;

if( imagem == 0 )

{

nova_bandeira = "<img src='"+nome_imagem+imagem+".gif' onclick='java script:trocaImagem("+bloco+",1);'/>";

bandeira.innerHTML = nova_bandeira;

}

else

{

nova_bandeira = "<img src='"+nome_imagem+imagem+".gif' onclick='java script:trocaImagem("+bloco+",0);'/>";

bandeira.innerHTML = nova_bandeira;

}

}

</script>

</head>

<body>

<table width="5%" border="0" cellspacing="2" cellpadding="0">

<tr>

<td align="center" valign="middle">

<span id="imagem1" name="suica">

<img src="suica0.gif" onclick="java script:trocaImagem(1,1);"/>

</span>

</td>

<td align="center" valign="middle">

<span id="imagem2" name="alemanha">

<img src="alemanha0.gif" onclick="java script:trocaImagem(2,1);"/>

</span>

</td>

</tr>

</table>

</body>

</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      151k
    • Total Posts
      649.1k
×
×
  • Create New...