[Já Solucionado]Adicionar FOCUS com YUI

2 de fevereiro de 2011 5 respostas

Master.Abs 2 de fevereiro de 2011

E ae galera.

Estou utilizando a api YUI Library 2 do YAHOO e gostaria de saber como que eu adiciono o focus a um botão. Seja com comando yui ou alguma maneira que o focus fique no botão ok ao carregar a tela. Desde já agradeço.

function alertar(msgBody){
		function hide() {
			dialog.hide();
			dialog.destroy();
			while ( dialog.firstChild){
					dialog.removeChild( dialog.firstChild );
			}
		}
		
		var msgHeader = '<div align="left">Cabeçalho</strong></div>';
		msgBody = '<h2>' + msgBody;

		var msgFooter = '<br><br><br><table border="0" cellspacing="0" cellpadding="0" class="containerframe"><tr><td class="dark">' +
				 		'<input type="button" id="alertBtnOk" name="Button" value="Ok" class="btn" ></td></tr></table>';
				 
		var dialog = new YAHOO.widget.Panel("simpledialog1", 
														 { width: "350px",
														   modal:true,
														   fixedcenter: true,
														   visible: true,
														   draggable: false,
														   close: true,
														   constraintoviewport: true
														 } ); 
		dialog.setHeader(msgHeader);
		dialog.setBody(msgBody + msgFooter);
		dialog.render(document.body);
		dialog.show();
		YAHOO.util.Event.addListener("alertBtnOk", "click", hide, dialog, true);
                // Quero adicionar focus ao id="alertBtnOk".
		
}

OBS: Se não for pedir muito, gostaria de saber onde posso encontrar tutoriais dessa Api. Pois encontro um pouco de dificuldade no site do YUI para entender. Valeu galera

5 Respostas

marcio_gs 2 de fev. de 2011

se possível, utilize Ext (que é uma evolução do YUI)

Master.Abs 3 de fev. de 2011

Não tenho como utilizar outra api nova pois o sistema inteiro está em YUI
então por isso preciso de uma resposta com relação ao post.

marcio_gs 3 de fev. de 2011

Extremamente simples: método focus() do Button. Segue o link da documentação da API:

http://developer.yahoo.com/yui/docs/YAHOO.widget.Button.html

Recomendo utilizá-la com mais frequência.

Master.Abs 3 de fev. de 2011

Cara eu cheguei a tentar usar esse método fiz o seguinte:

YAHOO.widget.Button("alertBtnOk", dialog).focus();

YAHOO.widget.Button("alertBtnOk", msgFooter).focus();

YAHOO.widget.Button("alertBtnOk").focus();

//E tentei todos sem o ();
YAHOO.widget.Button("alertBtnOk").focus;

Mas não obtive resultado nenhum, queria saber se fiz da maneira correta e se vc ver a linha,

YAHOO.util.Event.addListener("alertBtnOk", "click", hide, dialog, true);

Ela tem uma sobrescrita o que creio que está me impedindo de fazer o focus ou seja quando adiciono a linha com o focus não funciona o ok e nem o focus.
Será que haveria algum exemplo pois com esse doc facilita em comandos especificos mas
não explica muito de como deve ser usado e quais as restrições com outros comandos.
Só lembrando esse focus só deve funcionar se o botão for criado pela api yui correto?
No meu caso estou criando dentro de uma variável.
Valeu pela ajuda

Master.Abs 4 de fev. de 2011

Alguem tem mais alguma informação para compartilhar?

Criado 2 de fevereiro de 2011

Ultima resposta 4 de fev. de 2011

Respostas 5

Participantes 2

5 Respostas

Topicos relacionados