×
Namespaces

Variants
Actions
(Difference between revisions)

HERE Maps API - How to create a Tooltip

From Nokia Developer Wiki
Jump to: navigation, search
jasfox (Talk | contribs)
(Jasfox - Initial stub.)
 
jasfox (Talk | contribs)
(Jasfox -)
Line 1: Line 1:
 
[[Category:Draft]]
 
[[Category:Draft]]
''Delete instructional text in italic''
+
{{UnderConstruction|timestamp=20120301150325 }}
  
{{Abstract|This article explains how to ... }} ''Replace the abstract text with a short paragraph (or sentence) describing what the topic covers.''
+
{{Abstract|This article explains how to use CSS styling to create an ''Tooltip''. It is an example of the use of the ''mouseover'' and ''mouseout'' events. }}
  
''Enter article metadata as described below. Note that this template can be placed anywhere in the article. Do not remove parameters that you do not use''
+
== Introduction ==
{{ArticleMetaData <!-- v1.2 -->
+
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
+
 
 +
 
 +
 
 +
 
 +
== Summary ==
 +
 
 +
 
 +
 
 +
''Add categories below. Remove Category:Draft when the page is complete or near complete''
 +
 
 +
 
 +
{{ArticleMetaData
 +
|sourcecode= [[Media:tooltip.zip]]  
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
+
|devices= Google Chrome 16.0.912, Firefox 10.0.2, Internet Explorer 8
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
+
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
+
|platform= Web Browser
 
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
+
|dependencies=Nokia Maps 2.1.1
 
|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 
|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
+
|keywords= Nokia Maps, JavaScript, Tooltip, CSS
 +
|id= <!-- Article Id (Knowledge base articles only) -->
 
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 
|translated-by= <!-- [[User:XXXX]] -->
 
|translated-by= <!-- [[User:XXXX]] -->
Line 24: Line 37:
 
|update-by= <!-- After significant update: [[User:username]]-->
 
|update-by= <!-- After significant update: [[User:username]]-->
 
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 
|update-timestamp= <!-- After significant update: YYYYMMDD -->
|creationdate= <!-- Format YYYYMMDD -->
+
|creationdate=20120301
|author= <!-- Display as link [[User:username]] -->
+
|author=[[User:jasfox]]
 +
}}
 +
{{SeeAlso|
 +
*  [http://api.maps.nokia.com/ Nokia Maps API]
 +
*  [http://api.maps.nokia.com/2.1.1/playground/?example&#61;infobubbles Adding an information bubble]
 +
*  [http://api.maps.nokia.com/2.1.1/playground/?example&#61;infobubblestandardmarker Opening an information bubble on click]
 +
*  [http://api.maps.nokia.com/2.1.1/playground/?example&#61;kmlfile Loading a KML file]
 
}}
 
}}
 
== Introduction ==
 
 
 
 
== Summary ==
 
 
 
 
''Add categories below. Remove Category:Draft when the page is complete or near complete''
 

Revision as of 18:03, 1 March 2012

Underconstruction.pngUnder Construction: (20120301150325) This article is under construction and it may have outstanding issues. If you have any comments please use the comments tab.

This article explains how to use CSS styling to create an Tooltip. It is an example of the use of the mouseover and mouseout events.

Introduction

Summary

Add categories below. Remove Category:Draft when the page is complete or near complete


Article Metadata
Code Example
Source file: Media:tooltip.zip
Tested with
Devices(s): Google Chrome 16.0.912, Firefox 10.0.2, Internet Explorer 8
Compatibility
Platform(s): Web Browser
Dependencies: Nokia Maps 2.1.1
Article
Keywords: Nokia Maps, JavaScript, Tooltip, CSS
Created: jasfox (01 Mar 2012)
Last edited: jasfox (01 Mar 2012)
123 page views in the last 30 days.
×