Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcelo_sensor

Tooltip em imagem com coordenadas

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.