Algemene besturingselementen voor ballonnen (fxBalloon.js)

 

Van toepassing op: Windows Azure Pack

fxBalloon is een vak dat naast elementen op de pagina kan worden weergegeven. Het positioneert zichzelf automatisch om zichtbaar te zijn. Het kan worden ingesteld om een pictogram weer te geven en alleen de rest van de ballon weer te geven wanneer de muisaanwijzer erop beweegt.

Ondersteunde services

Service	Ondersteund
Ongedaan maken/opnieuw uitvoeren	Niet van toepassing
Validatie	Niet van toepassing

Widgets

$("Selector").fxBalloonIcon()

Eigenschappen

Naam	Type	Description
fx.fxBalloonIcon.options.altText	Tekenreeks	Alternatieve tekst die is gekoppeld aan de img-tag en het aria-label.
fx.fxBalloonIcon.options.balloonOptions.content	Tekenreeks	De inhoud van de ballon.
fx.fxBalloonIcon.options.balloonOptions.links	Matrix	Matrix met koppelingen die moeten worden opgenomen in de ballon met de volgende sleutels: *pictogram: PICTOGRAM-URL *URL: URL om te bereiken *tekst: weergegeven tekst
fx.fxBalloonIcon.options.balloonOptions.title	Tekenreeks	De ballontitel.
fx.fxBalloonIcon.options.skipFocus	Booleaans	Als waar, wordt de focus overgeslagen.
fx.fxBalloonIcon.options.trace	Functie	Registreert de gebeurtenistracering.
fx.fxBalloonIcon.options.url	Object	Een lijst met afbeeldings-URL's om de ballon weer te geven: url urlHover

Methoden

Naam	Beschrijving	Retouren	Parameters
fx.fxBalloonIcon.destroy	Vernietigt de widget.	Niets	Geen
fx.fxBalloonIcon.getElementId	Hiermee haalt u de element-id op. Als de id niet vooraf bestond, wordt er automatisch een id gemaakt.	Tekenreeks	Geen

Voorbeeld

In het volgende voorbeeld van HTML en Javas Script wordt een ballonpictogram gemaakt waarin een ballon wordt weergegeven wanneer erop wordt geklikt:

$("#help-balloonicon").fxBalloonIcon({ 
url: "data/src/Content/Images/icon-help.gif", 
urlHover: "data/src/Content/Images/icon-help-hvr.gif", 
altText: "Help", 
balloonOptions: { 
title: "Title!", 
content: "Content", 
links: [ 
{ url: "https://www.bing.com", text: "You can put links here too!" } 
] 
} 
});
<section> 
<div id="help-balloonicon"></div> 
</section>

Zie ook

Windows Azure Pack Extension Common Control Services
Windows Azure Pack Management Portal User Interface Extensions