Type W- WEB


Propiedad de tipo WEB

  <prop name="MAP_WEB" visible="1" group="1" type="WEB" locked="true" width="100%" height="100%" labelwidth="0" fieldsize="1"  size="100" />



Campo Tipo Web

Un campo type=“WEB” es como un iframe de html. Tras especificarle un ancho y alto, lo cargamos de valor especificando una dirección web o asociandole código HTML directamente.

<prop name="MAP_WEBVIEW" type="WEB" enable-back-key="false" width="100%" height="85%" bgcolor="#FFFFFF" labelbox="false" labelwidth="0" />
 
      <create>
        <action name="runscript">
          <script language="VBScript">
        		this("MAP_WEBVIEW") = "http://www.elotrolado.net"
        		'tambien se le puede poner html directo (devuelto desde una funcion para poder poner los tags html fuera del xml)
        	</script>
        </action>
      </create>


Definimos un nodo de tipo web de la siguiente manera:

    <prop name="MAP_MI_TIPO_WEB" type="WEB" scales-to-fit="true" visible="1" width="96%" lmargin="2%" bgcolor="#FFFFFF" />



Si se quiere que el tipo web se vea de forma correcta, cuando no tiene datos hay que inicializarlo con el siguiente valor:

    self.MAP_MI_TIPO_WEB = “<html><head></head><body></body></html>”


Atributos
scales-to-fit Aplica un viewport que se ajusta al ancho del webview, perosolo en el caso de que el HTML no tenga uno ya definido. Solo se aplica este atributo cuando se carga el webview con un HTML a fuego y no sirve para URLs.



Ejemplos:

Pone un vídeo de YouTube, únicamente teniendo el valor del vídeo en YouTube.

    function DevolverIframeVideoYoutube(sUrlYoutube,objeto){
      if(sUrlYoutube == ""){
            ui.showToast("Error, URL de youtube inválida");
            return "";
      }
      var longitud = sUrlYoutube.length;
      var urlIndice = sUrlYoutube.indexOf("watch?v=",1);
      if(urlIndice != -1){
            // Es una URL completa. Parseamos y sacamos el código.
            if(urlIndice >= longitud){
                // ui.ShowToast "Error, URL de youtube inválida”
                return "";
            }
            sUrlYoutube = sUrlYoutube.substring(urlIndice + 8, longitud);
            //Vemos si hay más parámetros después del código del vídeo,
            //para ignorarlos.
            var urlIndiceSiguenteParametro = sUrlYoutube.indexOf("&",1);
            if(urlIndiceSiguenteParametro > -1){
                  //No hay parámetros, cogemos desde aquí hasta el final nos vale.
            //}else{
                  //Hay parámetros. La posición del primer parámetro la hemos calculado
                  //a partir del InStr, así que se la sumamos para coger la posición
                  //en la cadena completa.
                  sUrlYoutube = sUrlYoutube.substring(1, urlIndiceSiguenteParametro - 1);
            }
   //objeto("MAP_IMG_FIJACAPITULO")="https://www.youtube.com/embed/" + sUrlYoutube + "?rel=0&autoplay=1"
      //objeto.MAP_IMG_FIJACAPITULO = sUrlYoutube;
	//Concatenamos el iframe.
      		return "<iframe id='video' type='text/html' width='100%' height='100%' src='https://www.youtube.com/embed/" + sUrlYoutube + "?rel=0&autoplay=0' 
      frameborder='0'/>";
	  }else{
	  		//objeto.MAP_IMG_FIJACAPITULO = sUrlYoutube;
	  		return "<iframe id='video' type='text/html' width='100%' height='100%' src='" + sUrlYoutube + "?rel=0&autoplay=0' frameborder='0'/>";
       }
   }