Quiero una funcion como los tooltips

[junihh]

Hola señores

Estoy preparando un trabajo con unos mapas donde cuando la persona pasa el mouse sobre cualquier pais, se muestra una pequeña cajita al lado del mouse con el nombre del pais, algo parecido a los tooltips de Flash (el label amarillo que aparece cuando se pone el mouse sobre cualquier herramienta).

La parte de hacer aparecer esa cajita me funciona bien, tambien lo tengo para que siga el mouse mientras se mueva sobre el pais en cuestion en el mapa. Ahora mi problema:

Esa cajita es un MC que contiene un campo de texto con nombre de variable y este es el scrip que lo maneja:

Código:

if (isla == "cuba") {
		isla_mc.nombreIslaCuadrito = "Cuba";
		isla_mc._width = 11*isla_mc.nombreIslaCuadrito.length-10;  // <--problema
		isla_mc._visible = true;
		isla_mc.onMouseMove = function() {
			this._x = Number(_xmouse+15);
			this._y = Number(_ymouse);
		};
	}

"nombreIslaCuadrito" es la variable que recibe el nombre aplicado como se ve e "isla_mc" es el MC. Pues necesito que el ancho de la cajita (MC) cambie dinamicamente en relacion al nombre insertado. Este es el script que estoy usando: isla_mc._width = 11*isla_mc.nombreIslaCuadrito.length-10;

El resultado no es lo que quiero. Si es un nombre corto no tiene problemas pero si cuando son nombres largos.

Me pueden corregir ese script para que calcule el length correctamente y se aplique entonces el with correctamente segun el ancho del texto insertado ???

Gracias anticipadas por su ayuda

[cmc]

¿No probaste utilizando autoSize?

[Abelius]

Aqui va un ejemplo de como yo lo haria:

Creas un boton llamado "btn". Creas un textfiled dinamico llamado "isla_txt" y un textfield de input llamado "input_txt"

OK? :)

Código:

Entonces en la timeline principal pones esto:
_root.onEnterFrame = function() {
	this.isla_txt._x = _root._xmouse + 15;
	this.isla_txt._y = _root._ymouse;
};
_root.onLoad = function() {
	this.isla_txt._visible = false;
};

Y en el boton pones esto:

Código:

on (release) {
	this.isla_txt.text = " " add this.input_txt.text add " ";
	this.isla_txt.backgroundColor = 0xFFFF99;
	this.isla_txt._visible = true;
	this.isla_txt.autoSize = true;
}

[junihh]

autoSize no lo hizo como queria, recuerden que es un mapa y perfectamente tomaba el tamaño de la primera isla sobre el que pasaba el mouse, pero cuando lo pasaba sobre la segunda isla mantenia el mismo tamaño, no se reactualizaba.

Lo que hice fue esto "isla_mc._width = 7*isla_mc.nombreIslaCuadrito.length;" y me esta funcionando un poco mejor que antes.

Con esta condicion, pueden ver aqui como quedo. Si tienen otras sugerencias, por favor posteenlas ya que de todos modos me interesa.

[Abelius]

Quedo bien bonito... Felicitaciones! :)

[plOtz]

hola =)

queria saber.... como haces para que cuando este apareciendo el texto (nombre del pais) y estas pegado a una costado de la pantalla (costado derecho).... cambie de lado el texto :S

lo que ocurre en "islas menores"

cual sera el secreto :P :D

adios!

[Benemerit]

Piensa que si usas length, la letra "e", por ejemplo, no mide lo mismo que la letra "i", por lo que no te va a funcionar.

Utiliza [objeto_caja_texto].textWidth

Suerte.

[junihh]

Iniciado por plOtz

hola =)

queria saber.... como haces para que cuando este apareciendo el texto (nombre del pais) y estas pegado a una costado de la pantalla (costado derecho).... cambie de lado el texto :S

lo que ocurre en "islas menores"

cual sera el secreto :P :D

adios!

Este fue el script que use:

Código:

function posicionNombreIsla() {
	if (_root._xmouse+isla_mc._width>=Stage.width) {
		isla_mc._x = _xmouse-(isla_mc._width+7);
	} else {
		isla_mc._x = _xmouse+15;
	}
	isla_mc._y = Number(_ymouse);
}

Luego le aplique a cada "isla" lo siguiente en el rollOver:

Código:

isla_mc.onMouseMove = function() {
			posicionNombreIsla();
		};

Eso es todo

[plOtz]

gracias :D