Image Reader in pure JavaScript

JavaScript HTML5 filesystem – Image reader with upload button

PrintFriendly and PDF

html5 canvas

base64 data to html5 canvas in pure javascript with filesystem API

PrintFriendly and PDF
html5editor

HTML5 Editor Advanced

HTML5 Editor Advanced è la mia nuova applicazione mobile ibrida che impiega il metodo “addJavascriptInterface” offerto dalla libreria Android per la scrittura e la lettura dei files. Il progetto è in continua evoluzione ed è ispirato a l’applicazione web server jsfiddle come editor html, css e javascript. Puoi caricare le più celebri librerie javascript con il metodo CDN per lo sviluppo direttamente sul tuo device mobile dei tuoi progetti targati HTML5. È sottinteso che puoi impiegare tutte le api, includendo anche quelle più recenti, del core di javascript e se desideri archiviare i tuoi dati puoi scegliere tra le tre più diffuse opzioni: localStorage, IndexedDB e Web SQL. Per la prossima release di HTML5 Editor ho deciso di includere anche il compilatore HAML e SASS e l’highlight code per la validazione del codice html, css e javascript.

Update 02.07.2014: Nuova Interfaccia grafica e nuove funzioni per HTML5 editor for Android
Update 30.08.2014: Ho aggiunto una nota importante che permette di rendere l’applicazione compatibile anche con le verisioni 4.2 di Android e superiori.


Get it on Google Play

PrintFriendly and PDF

Send SMS message in Android HybridApp HTML5

Another useful snippet HTML5 hybrid app for Android, using the method addJavascriptInterface to send sms:

// sms permission in your manifest file of Android project

    
    ...


// start code
@SuppressLint({"SetJavaScriptEnabled","JavascriptInterface"})
public class MainActivity extends Activity {
public WebView webView;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main); // source activity_main.xml
webView = (WebView) findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");
webView.setWebViewClient(new WebViewClient());
// important set Web Chrome Client
webView.setWebChromeClient(new WebChromeClient());
webView.loadUrl(url); //local or remote
}
// final class for save and write file in external storage
final class WebAppInterface {
        Context mContext;

        /** Instantiate the interface and set the context */
        WebAppInterface(Context c) {
            mContext = c;
        }
        /**
            Built-in SMS application
        */
        public void sendBSMS(String contentsms, String tag) {
            try {
               Intent sendIntent = new Intent(Intent.ACTION_VIEW);
	       sendIntent.putExtra("sms_body", contentsms); 
	       sendIntent.setType("vnd.android-dir/mms-sms");
	       startActivity(sendIntent);
            }
            catch (IOException e) {
                Log.e(tag, "Action failed: " + e.toString());
            }
        }
        /**
         *Send with SmsManager API
         */
        public void sendSMSM(String phoneNo, String contentsms, String tag) {
            try {
               SmsManager smsManager = SmsManager.getDefault();
	       smsManager.sendTextMessage(phoneNo, null, contentsms, null, null);
            }
            catch (IOException e) {
                Log.e(tag, "SMS failed: " + e.toString());
            }
        }
    }

}
// Now open html file in www folder





 *
optional *







PrintFriendly and PDF