Tooltip em imagem com coordenadas

[marcelo_sensor 0]

Bom dia meus caros,

 

 

Estou com um serviço para fazer o seguinte. Tenho um mapa do brasil onde a pessoa quer que eu coloque uma caixa de texto em casa estado qnd passar o mouse em cima.

Alguem pode me ajudar?

 

att;

 

marcelo

[Thiago de Oliveira Cruz 21]

O que você já tentou fazer???

 

Para que possamos ajudar dentro do que já foi criado.

 

Abraços

[Matheus Brito 12]

A dica é cada estado é um movieclip e você atribui no RollOver que apareça um popup com a caixa de texto, outra sugestão é que use xml, pois você tera apenas uma instancia do popup na tela com a caixa de texto e cada vez que passar o mouse nos estados apenas mudara a linha do xml.

 

Abs

[marcelo_sensor 0]

Certo, ainda sou iniciante em web. Será que alguem teria um modelo, ou alguma coisa que eu possa me basear?

 

Att;

 

Marcelo

[Thiago de Oliveira Cruz 21]

Já que pediu exemplo

////////////////////////
//start toolTip Function
////////////////////////
tipFmt = new TextFormat();
tipFmt.font = "Verdana";
tipFmt.size = 9;
//
function drawToolTip(mytip) {
	this.createEmptyMovieClip("toolTip", this.getNextHighestDepth());
	toolTip.createTextField("tipText", toolTip.getNextHighestDepth(), 0, 0, 0, toolTip._height);
	toolTip.tipText.background = true;
	toolTip.tipText.backgroundColor = 0xFFFFCC;
	toolTip.tipText.multiline = true;
	toolTip.tipText.autoSize = true;
	toolTip.tipText.border = true;
	toolTip.tipText.borderColor = 0x000000;
	toolTip.tipText.html = true;
	toolTip.tipText.setNewTextFormat(tipFmt);
	toolTip.tipText.text = mytip;
	//wrap tooltip to keep nice width
	if (toolTip.tipText._width >= 100) {
 	toolTip.tipText.wordWrap = true;
 	toolTip.tipText._width = 99;
	}
	//create toolTip pseudo shadow
	toolTip.createEmptyMovieClip("toolTipShadow", this.getNextHighestDepth());
	with (toolTip.toolTipShadow) {
 	beginFill(0x000000, 25),//
 	lineTo(toolTip._width, 0),//
 	lineTo(toolTip._width,toolTip._height),//
 	lineTo(0, toolTip._height),//
 	lineTo(0, 0),//
 	endFill(),//
 	_x = 1.5,//
 	_y = 1.5;
 	swapDepths(toolTip.tipText);
	}
	toolTip.toolTipShadow.duplicateMovieClip("toolTipShadow2", toolTip.getNextHighestDepth());
	//force antialias with decimal
	toolTip.toolTipShadow2._x = 2.5, toolTip.toolTipShadow2._y = 2.5;
	toolTip.toolTipShadow2._alpha = 70;
	toolTip.toolTipShadow2.swapDepths(toolTip.tipText);
}
	//end toolTip pseudo shadow
//
//start the show tooltip function
//
//
function showTip(mytip) {
	function tipTimer() {
 	drawToolTip(mytip);
 	//initial tool tip position respecting stage boundaries
 	toolTip._x = (_root._xmouse+1);
 	toolTip._y = (_root._ymouse-(toolTip._height+1));
 	//
 	if ((toolTip._x+toolTip._width)>Stage.width) {
 	toolTip._x = ((_root._xmouse+1)-toolTip._width)-2;
 	}
 	if ((toolTip._y+toolTip._height)<toolTip._height) {
 	toolTip._y = (_ymouse+17);
 	}
 	clearInterval(tipTimerInt);
	}
	tipTimerInt = setInterval(tipTimer, 1200);
}

//
//end the show tooltip function
//
function hideTip() {
	//lose the tool tip
	removeMovieClip(toolTip);
	clearInterval(tipTimerInt);
}
//
//update tool tip position respecting stage boundaries
//
var toolTipMover:Object = new Object();
toolTipMover.onMouseMove = function() {
	toolTip._x = (_root._xmouse + 1);
	toolTip._y = (_root._ymouse - (toolTip._height + 1));
	//
	if ((toolTip._x + toolTip._width) > Stage.width) {
 	toolTip._x = ((_root._xmouse + 1) - toolTip._width) - 2;
	}
	if ((toolTip._y + toolTip._height) < toolTip._height) {
 	toolTip._y = (_ymouse + 17);
	}
	updateAfterEvent();
};
Mouse.addListener(toolTipMover);
//
////////////////////////
//end toolTip Function
////////////////////////

//delete below
createEmptyMovieClip("buttonTip", getNextHighestDepth());
with (buttonTip) {
 	beginFill(0xFF0000, 100),//
 	lineTo(50, 0),//
 	lineTo(50, 50),//
 	lineTo(0, 50),//
 	lineTo(0, 0),//
 	endFill(),//
 	_x = 20,//
 	_y = 20;
}

buttonTip.onRollOver = function() {
	showTip("hello, my name is subQuark and I like XML, do you?");
};

buttonTip.onRollOut = function() {
	hideTip();
};

Abraços

[marcelo_sensor 0]

Oi, obrigado pelo exemplo. Será que você poderia enviar como anexo? Se nao for pedir muito rsrs!

Gratoo.

[Thiago de Oliveira Cruz 21]

Copia e cola o código no flash....

Tudo que você precisa ta ai...

 

Detalhe isso ai é código copiado do google primeira resposta da pesquisa: "tool tip Action Script 2"

Se tu tivesse procurado um pouquinho mais :)

 

Abraços

[marcelo_sensor 0]

Hummmm, rsrs! Desculpe, só mais uma dúvida. Como eu faço pra chamar este comando pelo HTML?

[Thiago de Oliveira Cruz 21]

Que comando???

 

Se quer saber como colcar um SWF em um HTML???

Bom se você ta querendo criar toolTip em FLASH para colocar sobre links em HTML esquece.... utilize javascript e CSS ou só CSS e vai estudar que tu ta no lugar completamente errado.

 

Agora se você ta querendo só saber como fazer embed basta olhar no arquivo HTML que o flash publica na hora que você publicou seu arquivo... normalmente fica na mesma pasta... ai tu olha o código font lá.

 

Abraços