How do I create tooltips on image maps? - tooltip

Is there any way to define my image map areas so that a tooltip will pop up when the area is moused over?
I am editing my page in dreamweaver and I have tryed the spry tooltips but the triggers won't assign to my polygon area.
Thanks

On the Area element of a Map you can specify both Title and Alt attribute. I would suggest setting both to the same text, since some older browsers have been known to mis-implement the spec for these.
http://www.w3schools.com/TAGS/tag_area.asp

Related

Vaadin23 tooltip component

I need to show users different tooltips on mouse over event. Do we have something like that in Vaadin component library? If no, how to show tooltips in Vaadin23?
You could use also get the root element of whatever component you want the tooltip for and set the attribute:
Button button = new Button("Example");
button.getElement.setAttribute("title", "This is the tooltip");
There is an addon for tooltips https://vaadin.com/directory-beta/addon/tooltip
There is also ongoing work on adding tooltips to the core framework, you can follow the discussion here https://github.com/orgs/vaadin/discussions/3196

How to add an clickable button on top of a MapView in Delphi FireMonkey?

I need to add a clickable button with a custom image on top of the TMapView, is this possible?
ps: even if I leave the TImage on top of the view, the map overlays it, that is, the button appears quickly until the map rendering overlays it...
edit ps2: There is no code for the example, I simply put a TImage on the Form, either as a child of TMapView, or as a child of TForm, when I test it on android, when opening the app the image appears quickly before the map and then when the map starts to appear it overlays the image...
edit ps3: I don't know if a TImage is the correct way to do this, is this any component to leave on top of the map, that keeps showing up, serving as a button? Just like on Google Maps...
You can't show anything on TMapView because of "z-order" problem. I looked for while to find a solution.
See : Delphi object over TMapView

Write text in OpenLayers3

I need to write some text in openLayers 3... Not a label, something like a text object, that I can select and drag around the map. This text must have multiple lines.
I tried to use a point with ol.style.text, but it isn't multiline.
I also tried the popups, but I need the text to be always displayed.
Is there any way to use a text feature for this (ol.format.TextFeature)?
Is there any object that I can use for that purpose?
Thanks!!
You can use an ol.Overlay for that. An overlay is basically anything an Element can be. It has a position an positioning that can be set at any time.
See an example: http://openlayers.org/en/v3.9.0/examples/overlay.html?q=overlay
You could use map browser events (pointerdown, pointerup) and if the target is your overlay element then you could move it around and update its position.

data-placeholder and jQueryUI autocomplete

Is there a simple way to have a default text in the textbox using jQueryUI's autocomplete ?
I have tried using data-placeholder but it doesn't seem to work.
I have searched online, and people suggest using the textbox value to display the text, and clear it on focus. But then I would need to change the font style just for the default text, and check onKeyUp when the text is manually erased etc...
Is there no easier way to do this ? or am I missing something ?
A lot of people will use a span that is positioned to be over the text box. When the text box gets focus then you hide the span. When the text box blurs and has a value, you don't show it. If it doesn't have a value then you can show it again.
You can style the span however you want independently of the text box so you would not have to change the font style on the text box itself. You would have to subscribe to the focus and blur events, but it would be much easier if you created a jQuery plugin to do this. In fact, I'm sure there are ones that already exist that do this.

Will a tooltip work, when an control is in non-visible mode

I have a basic question on tooltip.
Will a tooltip work if a control say for ex: textbox is set as in-visible mode and a mouse by mistake moved over the invisible textbox. [ understood tooltip will still work if the text box is in non-editable mode]
Thanks in advance
It depends on your toolkit. The most toolkits will disable tooltips for invincible elements, since there is no point to display them.

Resources