Balão (fxBalloon.js) Controlo Comum

 

Aplica-se a: Windows Azure Pack

fxBalloon é uma caixa que pode ser mostrada ao lado de elementos na página. Posiciona-se automaticamente para ser visível. Pode ser configurado para mostrar um ícone, e só mostrar o resto do balão quando o rato do utilizador pairar sobre ele.

Serviços Suportados

Serviço	Suportado
Desfazer/Redo	Não Aplicável
Validação	Não Aplicável

Widgets

$("Selector").fxBalloonIcon()

Propriedades

Nome	Tipo	Description
fx.fxBalloonIcon.options.altText	String	Alt Text associado com a etiqueta img e rótulo de ária.
fx.fxBalloonIcon.options.balloonOptions.content	String	O conteúdo do balão.
fx.fxBalloonIcon.options.balloonOptions.links	Matriz	Conjunto de links a incluir no balão com as seguintes teclas: *ícone: URL ícone *url: URL para alcançar *texto: Texto exibido
fx.fxBalloonIcon.options.balloonOptions.title	String	O título do balão.
fx.fxBalloonIcon.options.skipFocus	Booleano	Se for verdade, o foco é ignorado.
fx.fxBalloonIcon.options.trace	Função	Regista o rasto do evento.
fx.fxBalloonIcon.options.url	Objeto	Uma lista de URLs de imagem para mostrar o balão: url urlHover

Métodos

Nome	Descrição	Devoluções	Parâmetros
fx.fxBalloonIcon.destruir	Destrói o widget.	Nenhumas	Nenhuma
fx.fxBalloonIcon.getElementId	Obtém a identificação do elemento. Se o id não existisse previamente, um ID é automaticamente criado.	String	Nenhuma

Sample

A seguinte amostra HTML e Javas Script cria um ícone de balão que exibe um balão quando clicado:

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

Consulte também

Windows Serviços de Controlo Comum de Extensão Azure Pack
extensões de interface de utilizador do portal de gestão de pacotes Windows Azure