Ir para o conteúdo
jrv

Area Shape

Mensagens Recomendadas

jrv    0
jrv

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
vitortomaz    1
vitortomaz

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?

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
jrv    0
jrv

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...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
vitortomaz    1
vitortomaz

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í...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
jrv    0
jrv

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??!!!

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
vitortomaz    1
vitortomaz

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 ;)

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
jrv    0
jrv

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
jrv    0
jrv

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;

 

  }

}

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
vitortomaz    1
vitortomaz

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>

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


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade