Bulle (fxBalloon.js) Contrôle commun

 

S’applique à : Windows Azure Pack

fxBalloon est une zone qui peut être affichée en regard des éléments de la page. Elle se positionne automatiquement pour être visible. Il peut être défini pour afficher une icône et afficher uniquement le reste de la bulle lorsque la souris de l’utilisateur pointe dessus.

Services pris en charge

Service	Pris en charge
Annuler/Rétablir	Non applicable
Validation	Non applicable

Widgets

$("Selector").fxBalloonIcon()

Propriétés

Nom	Type	Description
fx.fxBalloonIcon.options.altText	String	Texte de remplacement associé à la balise img et à l’étiquette d’aria.
fx.fxBalloonIcon.options.balloonOptions.content	String	Contenu de la bulle.
fx.fxBalloonIcon.options.balloonOptions.links	Array	Tableau de liens à inclure dans la bulle avec les clés suivantes : *icône : URL de l’icône *URL : URL à atteindre *texte : Texte affiché
fx.fxBalloonIcon.options.balloonOptions.title	String	Titre de la bulle.
fx.fxBalloonIcon.options.skipFocus	Boolean	Si la valeur est True, le focus est ignoré.
fx.fxBalloonIcon.options.trace	Fonction	Enregistre la trace des événements.
fx.fxBalloonIcon.options.url	Object	Liste des URL d’image pour afficher la bulle : url urlHover

Méthodes

Nom	Description	Retours	Paramètres
fx.fxBalloonIcon.destroy	Détruit le widget.	Rien	None
fx.fxBalloonIcon.getElementId	Obtient l’ID d’élément. Si l’ID n’existe pas au préalable, un ID est automatiquement créé.	String	None

Exemple

L’exemple de script HTML et Javas suivant crée une icône de bulle qui affiche une bulle en cliquant sur :

$("#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>

Voir aussi

Windows Azure Pack Extension Common Control Services
Windows extensions d’interface utilisateur du portail d’administration Azure Pack