2.trabajando connavegadores

306 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
306
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2.trabajando connavegadores

  1. 1. Tema 2Trabajando con Navegadores Willy Hurtado Vela
  2. 2. • Adquirir conciencia del problema de botón atrás y adelante en aplicación AJAX y saber solucionarlo• Conocer el uso de la Clase History y la Interfaz ValueChangeHandler• Tener la habilidad de escribir código para reconocimiento de navegadores• Usar la técnica de Vinculación Diferida (Deferred Binding) para desacoplar código. Objetivos
  3. 3. 1. El problema del botón Atrás 1.1. Configurando su Pagina HTML 1.2. La clase History 1.3. La Interfaz ValueChangeHandler2. Detectando Navegadores 2.1. La manera clásica 2.2. Usando Deferred BindingContenido
  4. 4. Codificación en JAVA JavascriptNecesidades especificas del navegador o aplicación webTrabajando con Navegadores
  5. 5. Botones de atrás y adelante en Chrome 1. El problema del botón Atrás
  6. 6. <!-- OPTIONAL: include this if you want historysupport --><iframe id="__gwt_historyFrame"style="width:0;height:0;border:0"></iframe>Unable to initialize the history subsystem; did youinclude the history frame in your host page? Try<iframe src="javascript:"id=__gwt_historyFramestyle=position:absolute; width:0; height:0;border:0></iframe>1.1. Configurando su pagina HTML 1. El problema del boton Back
  7. 7. Clase: com.google.gwt.user.client.History History.addValueChangeHandler() #page0 #page2 #page1 History.newItem(token)1.2. La clase History 1. El problema del boton Back
  8. 8. Interfaz:com.google.gwt.event.logical.shared.ValueChangeHandler @Override public void onValueChange(ValueChangeEvent<String> event) { // Ir al estado token = event.getValue() } #page0 #page1 #page21.3. La Interfaz ValueChangeHandler 1. El problema del boton Back
  9. 9. public static native String getUserAgent() /*-{ return navigator.userAgent.toLowerCase(); }-*/; if (getUserAgent().contains("gecko")) ...2.1. La manera clásica 2. Detectando navegadores
  10. 10. <!-- Vinculacion Diferida para recocer IE 6 y 8--> <replace-with class="com.mycompany.project.client.HolaMundoNavegadorIE"> <when-type-isclass="com.mycompany.project.client.HolaMundoNavegadorEstandar"/> <any> <when-property-is name="user.agent" value="ie6"/> <when-property-is name="user.agent" value="ie8"/> </any> </replace-with>2.2. Usando Deferred Binding 2. Detectando navegadores

×