Vanguarsoft Developers blog

Ing. Javier Leal – Coordinador de Requerimientos en Traetelo.com / Traiter Lourted – VENEZUELA


Deja un comentario

JSfiddle y Codepen (Tools)

Hola amigos amantes de tecnologías yo otras vez diciendo que volveré y no termino de volver espero que esta si sea la vencida, en mi articulo de hoy les traigo Tools y mas Tools, las herramientas al momento de desarrollar son sumamente importante sobre todo cuando no estar en una pc de manera fija o simplemente quieres probar algo sin afectar el código existente o si tienes talento y quieres mostrarle a al mundo lo que sabes hacer con tecnologías Font and Back del mundo web pues estas son las herramientas necesarias para mostrar y compartir tus habilidades.

Ahora mas allá de todo eso también si simplemente necesitas hacer una funcionalidad y quieres buscar de que manera lo ha hecho otro desarrollador también este termina siento el lugar correcto..

LogoEs un sitio web en el que te puedes registrar para guardar funcionalidad web que hayas hecho construido la herramienta tiene un poder impresionante por que si por ejemplo estas en la pc que no es tuya pero necesitas probar o comprobar una funcionalidad básica que no sea necesario de traer tu código existente puede usar codepen, esta te permitirá agregar otros tools como jquery , bootstrap para hacer tus pruebas directo en la web y a real time donde puedes ver código y resultados en una sola pantalla, codepen es mi favorito cuando deseo buscar un diseño agradable para mis web Sites mucho talento ha compartido sus creaciones aca y son una comunidad bastante grande ademas si eres Teachers puedes usarlo para mostrar a tus alumnos código y resultado de manera que lo entiendan.

Aca te coloco una vista previa para que veas como se veras tus pruebas o lo que hagas con esta herramienta.

codepen

Url: http://codepen.io/

Como todo lo bueno siempre debe seguir y no por ser el segundo en este blog significa que no sea mejor que codepen todo depende del usuario:

jsfiddle.pngAl igual que codepen es una excelente herramienta para compartir, buscar, practicar tus códigos aquí tenemos un área de colaboración bastante interesante para por ejemplo dar tus clases yo les recomiendo que las empiecen a usar y sin mas que explicar les dejo la captura y url del site de JSFiddle.

jsfiddle.jpg

Url: https://jsfiddle.net/


Deja un comentario

Llamar Funciones de Silverlight desde JavaScrips

image_thumb4

image_thumb1

Buenos dias, Ayer les Publique como llamar Funciones de Java Scrips desde Silverlight y ahora les explicare como hacerlo en reverso como hacer metodos de Silverlight y llamarlos desde JavaScrips de esta menera hay una interactividad completa entrea aplicacion de Silverlight y sitio Web que invoca..

Para Iniciar crearemos un nuevo proyecto de Silverlight. Para la misma estaremos usango la clase HtmlPage.

1.- Debemos registrar nuestra pagina de Silverlight o control para que sea Accesible a travez de HTML. para ello utilizamos el metodo RegisterScriptableObject Colocar el nombre de la clase (Preferencial), auque puedes colocar el nombre que quiesreas, y como segundo parametro el object de la clase actual que seria un This,

CODIGO C SHARD

public MainPage()

        {

            InitializeComponent();

HtmlPage.RegisterScriptableObject("Silverlight", this);

        }

2.- Luego creamos un metodo en la clase con el atributo ScriptableMember. 

CODIGO C SHARD

[ScriptableMember]

public void MetodoSilverlIght(string _parametro)

        {

MessageBox.Show(_parametro);

        }

3.- Este metodo simplemente muestra un mensaje Box. ya con esto este metodo esta listo para ser llamado desde JavaScrips creamos una funcion JavaScrisp y la llamamos desde un boton pasandole el parametro.

Codigo HTML

<script language="javascript" type="text/javascript">

function CallSilverlight(text)

{

if (text == ”)

{ alert(‘Ingrese un valor.’); return false; }

document.getElementById(‘PlugSilverlight’).Content.Silverlight.MetodoSilverlIght(text); return false;

}

</script>

5.- Luego el un textbox en Html Guarda el texto que deseas mostrar y lo envia como parametro a la funcion que javascrips que llama a la funcion de Silverlight

Codigo HTML

<td align="right" style="height:30px">

                Ingrese texto:

</td>

<td align="left" style="width:100px; height:30px">

<asp:TextBox ID="txtMensaje" runat="server" Width="90"/>

</td>

<td align="left" style="height:30px">

<asp:Button ID="btnMuestraMensaje" runat="server" Text="Click Aquí"

OnClientClick="return CallSilverlight(document.getElementById(‘txtMensaje’).value);" />

 

</td>

 

Cabe destacar que en el get(“”) se coloca el nombre de para propiedad ID de Object que instancia a  la aplicacion de Silverlight

<object id="PlugSilverlight"…..

imageimage


Deja un comentario

LLamar Funciones de JavaScrip desde Silverlight

imageimageBuenos dias, A veces nos hemos topado que queremos interactuar desde nuestras aplicaciones de Silverlight con el Sitio Web que hace la instancia para llamar el aplicativo y bueno en este momento les mostrare cual es la forma apropiada para poder lograr llamar funciones de Java Scrips desde codigo de Silverlight.

1. -Iniciamos creando un nuevo proyecto Silverlight que como sabemos tambien nos crea un sitio web para la instancia del mismo.

Para lograr esta interaccion .net nos ofrece la Clase HtmlPage invocando el namespace System.Windows.Browser, la mismo con las que les explique como buscar informacion del navegador y Plataforma en la que esta corriendo la aplicacion web en el navegador.

Puedes llamar tanto funciones creadas por ti mismo como funciones ya existentes en este caso llamaremos una funcion existente de javaScrips como Alert y Confirm que me permite mostrar un mensaje al estilo Mensaje Box solo mostrando mensaje o pidiendo confirmacion.

2.- Se construira una interfaz realmente sencilla que con Cuatro botones uno que llame a confirm y otro al alert, En cada boton colocamos el siguiente codigo. Los Otros Dos Ya indicaremos para que lo Utilizaremos.

Para el Boton de Alert

HtmlPage.Window.Alert("Alert de Java Scrips!");

Para el Boton de Confirm

bool Isok = HtmlPage.Window.Confirm("¿Estas seguro de Ejecutar esta Funcion?");

Puedes Probar los dos primeros Botones y deben funcionar perfectamente,

imageimage

3.- Incluso podemos con esta clase navegar hacia otra pagina web. En el tercer Boton Colocamos este codigo.

HtmlPage.Window.Navigate(new Uri(http://www.jleal.net));

Con esto Simplemete saldra de la aplicacion de Silverlight en la Web y  mostrara la pagina que estas llamando parandole en Uri de la pagina.

4.- Por ultimo Volviendo al tema de las funciones en JavaScrips es algo mas ciuando necesitamos llamar una funcion que de repente nosotros mismo construyemos y requerimos de utilizarlo desde Silverlight pasandole n numero de parametros para esto Utilizaremos el mismo Alert tomando en cuenta que esta funcion solo requiere un parametro pero en el ultimo boton del ejemplo colocaremos el siguiente Codigo.

HtmlPage.Window.Invoke("alert", "Funcion Personalizada!");

Como pueden ver el primer parametro de este metodo llama Invoke es el nombre de la funcion de javaScrips que nosotros queramos incluso las que hemos creado personalmente Alert por ser una funcion estandar en .net la agregaron dentro de la los metodos pero onviamente las que creamos nosotros mismo no apareceran y debemos llamarlas a travez del metodo Invoke, como segundo parametro es un arreglo de Objetos de tipo String en caso de que la funcion tenga tres parametros los tomara en el mismo orden que se los colocamos.

Un ejemplo si creamos una Funcion ObjetenerEdad de Java Scrips y requiere tres parametros de Dia mes y Año todos se los pasamos en String y el codigo seria de esta forma y por defecto en Invoke devuelve un Object que podemos convertirlo en cualquier tipo de .Net siempre que cumpla con el formato especifico.

Objet Edad =.HtmlPage.Window.Invoke("ObjetenerEdad ", dia,mes,anio);

String Edad = Edad as Sring;

Espero que les Sirva pronto coloca lo posterior llamar metodo de Silverlight desde JavaScrips.