• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

jrv

Area Shape

10 mensagens neste tópico

boa tarde

eu tenho um mapa que é uma div e que esta dividido em varias area shape, e quero que apareça uma imagem noutra div quando passo com o rato numa área (este passo esta conseguido) e quero que apareça noutra div uma palavra também quando passo na área dentro do mapa.Alguém me consegue ajudar com alguma função? Obrigado

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

não dá para usar o mesmo esquema? na função onde "metes" a imagem no div metes também o texto no outro div, não funciona assim?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

A função que estou a utilizar para por a imagem é a seguinte:

function LoadGallery(image, UrlFrom){

if(typeof UrlFrom == "object" || UrlFrom == "[object]"){

document.getElementById(image).src = UrlFrom.src;

}

else{

document.getElementById(image).src = UrlFrom;

}

}

como é para duas divs diferentes não sei como adaptar isto...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

o texto que queres escrever está onde? não vem como parâmetro para esta função? tipo

function LoadGallery(image, UrlFrom, textoParam){
if(typeof UrlFrom == "object" || UrlFrom == "[object]"){
   document.getElementById(image).src = UrlFrom.src;
   document.getElementById(divTexto).innerHTML = textoParam;
   }
else{
   document.getElementById(image).src = UrlFrom;
   
   }
}

não tenho a certeza se é innerHTML mas não é por aí...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

o texto que quero que apareça vai depender da area que esta a ser selecionada no mapa, ou seja não entra como parametro, se calhar neste caso teria que ter outra funcao??!!!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

o texto que quero que apareça vai depender da area que esta a ser selecionada no mapa, ou seja não entra como parametro, se calhar neste caso teria que ter outra funcao??!!!

pois, crias uma função para ir buscar o texto (tb pode ficar dentro desta)...

ideia: usar o atributo "alt" da imagem para guardar esse texto que queres apresentar, dependendo do cenário pode ser uma solução ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

eu em cada area shape tenho o atributo alt com o respectivo texto, mas nao tou a ver como posso utilizar esse atributo p fazer aparecer na div.

Podias-me dar uma ajuda nisso?Obrigado

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

qq coisa do género (sem testar)

var texto = getElementById(imagem).alt

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

ja tentei dessa forma,mas nao estou a conseguir chamar da mellhor forma...

onmouseover="LoadGallery('ola',teste.png',??????????);

var texto = getElementById(descricao).alt

function LoadGallery(image, UrlFrom, texto){

if(typeof UrlFrom == "object" || UrlFrom == "[object]"){

  document.getElementById(image).src = UrlFrom.src;

  document.getElementById(descricao).innerHTML = texto;

  }

else{

  document.getElementById(image).src = UrlFrom;

 

  }

}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

var texto = getElementById(descricao).alt [falta o document tipo document.getElement...]

este código está a funcionar no FF3,  IE8 e Opera

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function LoadGallery()
{
var txt = document.getElementById("dass").alt;
document.getElementById("div2").innerHTML = txt;
}
</script>

</head>
<body>
<p id="aa" onmouseover="LoadGallery()">blaaaaa</p>
<br />
<br /> 
<img id="dass" name="dass" src="" alt="alt da imagem" />
<br />
<br /> 
<p id="div2" onmouseover="LoadGallery()"></p>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora