[STUFF] Tooltip

[querkopf]

Moin,
es gibt zu dem Thema ja schon einiges, hier nun auch ein etwas anderer Ansatz von mir:

// der Tooltip von querkopf
// - braucht einen Hintergrund MC mit dem Instanznamen "backgr" um seine korrekte Ausrichtung zu ermitteln.
// - wird auf Rollover eines Buttons geöffnet mit "show_tooltip("tooltiptext")"
// - wird über den Aufruf von "close_tooltip()" auf jedem Label und jedem Rollout der Buttons, sowie einem Intervall geschlossen.
// weiter Ergänzung zB durch einen Movieclip der sich parallel dazu bewegt sind ohne Probleme möglich.
// die Farben für Text und Hintergrund können hier, direkt bei der Initialisierung angepasst werden:
_root.createTextField("mc_tooltip", 14500, -100, -750, 10, 10);
_root.mc_tooltip.setNewTextFormat(new TextFormat("_sans", 10, 0xFF0000, false, false, false, "", "", "left", 4, 0, 0, 0));
_root.mc_tooltip.autoSize = "left";
_root.mc_tooltip.border = true;
_root.mc_tooltip.borderColor = 0xFF0000;
_root.mc_tooltip.background = true;
_root.mc_tooltip.backgroundColor = 0xFFFFFF;
_root.mc_tooltip.text = "";
_root.mc_tooltip._visible = false;
_root.tooltips_are = true;
MovieClip.prototype.show_tooltip = function(tooltext) {
    if (_root.tooltips_are == true) {
        _root.mc_tooltip.text = tooltext+" ";
        tooltipPos();
        _root.mc_tooltip._visible = true;
        _root.backgr.onMouseMove = function() {
            tooltipPos();
        };
    }
    tooltipInterval = setInterval(close_tooltip, 3000);
};
function tooltipPos() {
    if (_root._xmouse+_root.mc_tooltip.textWidth>_root.backgr._width) {
        _root.mc_tooltip._x = _root._xmouse-(_root.mc_tooltip._width);
        _root.mc_tooltip._y = _root._ymouse-20;
    } else {
        _root.mc_tooltip._x = _root._xmouse;
        _root.mc_tooltip._y = _root._ymouse-20;
    }
}
MovieClip.prototype.close_tooltip = function() {
    clearInterval(tooltipInterval);
    _root.mc_tooltip._x = -100;
    _root.mc_tooltip._y = -750;
    _root.mc_tooltip._visible = false;
    _root.mc_tooltip.text = "";
    delete _root.backgr.onMouseMove;
};
close_tooltip();
stop(); 

Fragen? Anregungen? Kommentare?

Viel Spaß damit!!
Bis dann,
-querkopf-

damit das ganze deutlicher ist hier auch noch'ne ZIP:

[salazar]

spitze,
wird der ein oder andere bestimmt was mit anzufangen wissen

denk denk... irgentwoher kenn ich doch das as!?
war aber auch nen supi project... bis später...

cya, sal

[querkopf]

hehe
den code habe ich aber extra für das forum noch um das interval erweitert!

Bis dann!

[querkopf]

Hey, ho
Find's ja cool, daß mein Tooltip bereits so einen Anklang gefunden hat! Aber biiiitte schreibt doch was dazu!!!!
Dann kann ich den evtl. noch irgendwie verbessern...

-querkopf-

[PommeDeTerre]

ich hab da mal ne frage dazu ...
wie bekomm ich das hin wenn mein hintergrund kein movieclip ist bzw hast du nen rat wie ich in mein flashmovie nen unsichtbaren hintergrund erstelle und den dann einfach dafür verwende

[salazar]

könntest doch einfach diesen mc anlegen?!

cya, sal

[PommeDeTerre]

vll eine etwas genauere antwort für einen n00b wie mich

[salazar]

na du legst einfach einen movieclip (mc) an und gibst ihm den geforderten instanznamen.... wenn du nocht nicht weißt was mc´s sind dann ist es besser erst einmal die flash basics zu lernen, bevor du direkt mit sowas beginnst! übrigens werden erklärungen mit flash direkt mitgeliefert... klick mal auf hilfe. da gibts z.B. tutorials und lektionen.... bei den tutorials mußte mal nach "Movieclip-Symbol erstellen" schauen...

cya, sal

[rok°!]

cooles teil!
selbst ich habs gebacken bekommen

bei mir wird allerdings die ausrichtung nicht automatisch vorgenommen (tooltips wird nach rechts oder links angezeigt), sollte der text zu lang sein und rechts über die bühne gehen. was hab ich falsch gemacht? habe eigentlich alles 1:1 kopiert. gut, der bg ist viel schmaler, aber da muss man ja auch nix einstellen, oder?

[salazar]

haste denn den "Hintergrund MC mit dem Instanznamen "backgr"" auch angelegt? im zweifelsfall würde ich einfach mal die fla posten, denn dann können einfach mal alle direkt in dein as etc schauen wo der fehler liegt

cya, sal

[der Turbulente!]

warum immer so kompliziert!

dynamisches Textfeld erstellen (mit Variable)
daraus MC
dann deine Schaltflächen
Schaltflächen-aktionen zuweisen.

4 Zeile Script und fertig ist das ganze.

Bis auf Abfrage der Ränder! aber wer brauch das schon!

[rok°!]

Zitat von salazar

haste denn den "Hintergrund MC mit dem Instanznamen "backgr"" auch angelegt? im zweifelsfall würde ich einfach mal die fla posten, denn dann können einfach mal alle direkt in dein as etc schauen wo der fehler liegt

cya, sal

oh man!!
dabei war ich mir sooo sicher *selbstohrfeigegeb*
hattest recht...

[shorty]

fantastisch ! genau das habe ich gerade gesucht ! ich liebe es . . .

[querkopf]

@der Turbulente!
Klar, Dein Tooltip ist auch eine Möglichkeit. Jedoch leider nicht sonderlich sauber, da Du eine enterFrame Schleife permanent laufen hast -> Performance!!

@rok°
hier noch eine andere Möglichkeit außer den Moviclip mit dem Instanznamen "backgr" zu verwenden...

dazu müssen im Code nur ein paar Modifikationen vorgenommen werden:

//
//-----[ FIND ]---------------------------------------------
// 
_root.tooltips_are = true;

// 
//-----[ AFTER, ADD ]--------------------------------------- 
//
_root.backgw = 640; // hier die Breite des Hauptfilms angeben

//
//-----[ FIND ]---------------------------------------------
//
_root.backgr.onMouseMove = function() { 

// 
//-----[ REPLACE WITH ]----------------------------------------------------------------
//
_root.onMouseMove = function() {

//
//-----[ FIND ]---------------------------------------------
//
if (_root._xmouse+_root.mc_tooltip.textWidth>_root.backgr._width) { 

// 
//-----[ REPLACE WITH ]----------------------------------------------------------------
//
if (_root._xmouse+_root.mc_tooltip.textWidth>_root.backgw) {

//
//-----[ FIND ]---------------------------------------------
// 
delete _root.backgr.onMouseMove;

// 
//-----[ REPLACE WITH ]----------------------------------------------------------------
//
delete _root.onMouseMove;

@shortybmc
thx

[rok°!]

^^
kthx

aber ich glaub es geht schneller, da einen mc anzulegen.
obwohl... wenns einmal getippt is...

auf jeden fall ein cooles teil

btw: wieso gibt es bei trubulente's beispiel performance probs? (merklich?)