{"id":1210,"date":"2014-04-17T06:47:53","date_gmt":"2014-04-17T06:47:53","guid":{"rendered":"http:\/\/www.rezafaisal.net\/?p=1210"},"modified":"2014-04-17T07:03:58","modified_gmt":"2014-04-17T07:03:58","slug":"modifikasi-title-jendela-alert-pada-android-webview","status":"publish","type":"post","link":"https:\/\/www.rezafaisal.net\/?p=1210","title":{"rendered":"Modifikasi Title Jendela Alert pada Control WebView Android"},"content":{"rendered":"

Pada posting sebelumnya sudah dibahas tentang bagaimana agar aplikasi hybrid (gabungan aplikasi native dengan web, dengan menggunakan kontrol WebView) dapat terlihat se-native mungkin, dengan akal-akalan agar setiap ada perpindahan dari satu halaman ke halaman lain ditampilkan Progress Dialog, seperti yang bisa dibaca kembali pada link berikut http:\/\/www.rezafaisal.net\/?p=1041<\/a>. Dan hasilnya tidak mengecewakan.<\/p>\n

\"blog1\"<\/a><\/p>\n

Bukan hanya itu, karena pada form tersebut di atas terdapat fitur untuk upload file, maka juga perlu dilakukan modifikasi agar WebView dapat melakukan hal tersebut. Selain agar memang aplikasi hybrid yang dibuat tetap \u201cterlihat\u201d native. Sehingga dapat terlihat seperti gambar di bawah ini.<\/p>\n

\"blog2\"<\/a><\/p>\n

Cakep! Memang ide hebat dari sang ninja untuk hal ini :)<\/p>\n

Nah berikutnya adalah kasus berikut ini.<\/p>\n

Karena WebView adalah control yang \u201cisi\u201d-nya adalah halaman web, maka banyak prilaku yang bisa ditampilkan pada web browser juga dapat ditampilkan termasuk jendela Alert dari JavaScript. Secara default jendela Alert dapat ditampilkan pada WebView dengan tampilan seperti berikut :<\/p>\n

\"blog3\"<\/a><\/p>\n

Nah pada title jendela Alert tersebut akan langsung ketahuan ternyata \u201cisi\u201d aplikasi ini adalah halaman web, oleh karena itu kita harus lakukan modifikasi sedikit agar title jendela tersebut tidak menunjukkan alamat web atau alamat IP seperti pada gambar tersebut. Yang perlu dilakukan adalah cukup menggunakan kode  untuk melakukan override seperti berikut :<\/p>\n

\n
\n
webView.setWebChromeClient(new<\/span> WebChromeClient() {<\/pre>\n
<\/p>\n
            <\/pre>\n
<\/p>\n
    @Override<\/pre>\n
<\/p>\n
    public<\/span> boolean<\/span> onJsAlert(WebView view, String url, String message, final<\/span> android.webkit.JsResult result)<\/pre>\n
<\/p>\n
    {<\/pre>\n
<\/p>\n
        new<\/span> AlertDialog.Builder(activity)<\/pre>\n
<\/p>\n
        .setTitle("Petunjuk"<\/span>)<\/pre>\n
<\/p>\n
        .setMessage(message)<\/pre>\n
<\/p>\n
        .setPositiveButton(android.R.string.ok, new<\/span> AlertDialog.OnClickListener()<\/pre>\n
<\/p>\n
        {<\/pre>\n
<\/p>\n
            @Override<\/pre>\n
<\/p>\n
            public<\/span> void<\/span> onClick(DialogInterface arg0, int<\/span> arg1) {<\/pre>\n
<\/p>\n
                result.confirm();<\/pre>\n
<\/p>\n
            }<\/pre>\n
<\/p>\n
        }).setCancelable(false).create().show();<\/pre>\n
<\/p>\n
        return<\/span> true;<\/pre>\n
<\/p>\n
    }<\/pre>\n
<\/p>\n
});<\/pre>\n
<\/div>\n<\/div>\n
Hasilnya bisa dilihat pada gambar berikut :<\/p>\n
\"blog4\"<\/a><\/p>\n
Gampang kan? Buat apa native kalau bisa hybrid #eh :)<\/p>\n","protected":false},"excerpt":{"rendered":"
Pada posting sebelumnya sudah dibahas tentang bagaimana agar aplikasi hybrid (gabungan aplikasi native dengan web, dengan menggunakan kontrol WebView) dapat terlihat se-native mungkin, dengan akal-akalan agar setiap ada perpindahan dari satu halaman ke halaman lain ditampilkan Progress Dialog, seperti yang…<\/p>\n","protected":false},"author":1,"featured_media":1209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6],"tags":[],"class_list":["post-1210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softwaredev"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2014\/04\/blog4_thumb1.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1sNAL-jw","_links":{"self":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1210"}],"version-history":[{"count":1,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1210\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1210\/revisions\/1211"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/media\/1209"}],"wp:attachment":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}