1. Are you ready for the Galaxy S20? Here is everything we know so far!

Update 'src' of image in html

Discussion in 'Android Apps & Games' started by pinkfloydim, Dec 28, 2012.

  1. pinkfloydim

    pinkfloydim Lurker
    Thread Starter

    I have this code:

    [HIGH]/*
    * Load the Web with Data
    */
    String css = "<html><head><link rel=\"stylesheet\" href=\"app.css\" type=\"text/css\" />";
    /*
    * Need Meta Tag for andriod to draw screen width correctly.
    */
    String path = "towns/"+town_img;
    css += "<meta name = \"viewport\" content = \"width=320, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1\"/>";
    css += "<meta name=\"format-detection\" content=\"telephone=no\" />";
    css += "</head>";
    css += "<body><div class=" + theme_class + ">";
    css += "<br />";
    css += "<div style=\"float:left;padding-top:10px;\"><img src=\"" + path + "\" width=\"45px\" height=\"37px\" /></div>";
    css += "<div style=\"float:left;padding-left:3px;padding-top:8px;\"><span id=\"welcome\">Welcome to</span></div>";
    css += "<div style=\"clear:both;\"></div>";
    css += "<div style=\"float:left;margin-top:-23px;padding-left:48px;\"><span style=\"font-family:Arial;font-size:24;color:'black'\">" + town_name + "</span></div>";
    css += "<div style=\"clear:both;\"></div>";
    css += "<div style=\"float:left;padding-top:5px;\" onClick=\"Android.showToast('Hello there!',"+image_index+");\"><img src=\"" + image_scroll_array[image_index] + "\" width=\"340px\" height=\"151px\" id=\"scroll_image\"/></div>";
    css += "<div style=\"clear:both;\"></div>";
    css += town_desc;
    css += "<br /></div>";
    css += "</body></html>";
    mDbHelper.close();

    I need to update one of the images, using javascript.

    on the andriod side i Have :

    /*
    * Create WebView Object
    */
    WebView townDetail = (WebView) view.findViewById(R.id.webContent);
    WebSettings webSettings = townDetail.getSettings();
    webSettings.setJavaScriptEnabled(true);
    townDetail.addJavascriptInterface(new JSInterface(this), "Android");

    My jSInterface is:

    public class JSInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    JSInterface(Context c) {
    mContext = c;
    }

    /** Show a toast from the web page */
    @JavascriptInterface
    public void showToast(String toast,int index) {
    Toast.makeText(mContext, toast+":"+index, Toast.LENGTH_SHORT).show();
    }

    }[/HIGH]Can I access the dom object, and update the src attribute, once I add an id?
     


    #1 pinkfloydim, Dec 28, 2012

    1. Sponsored

      Download the Forums for Android™ app!


      Download

       
  2. pinkfloydim

    pinkfloydim Lurker
    Thread Starter

    I originally wrote this in Titanium (Appcelerator) , and could access the DOM, so should be a similar feature, or do I need to include this in the js code inside the html in order to do this.
     
    #2 pinkfloydim, Jan 13, 2013
Loading...
Similar Threads - Update 'src' image
  1. Losing My Religions

    Help No Jan update 6Pro and no Dec or Jan for 5A

    Losing My Religions, Jan 24, 2023 at 9:08 AM, in forum: Android Devices
    Replies:
    3
    Views:
    459
    hstroph
    Jan 24, 2023 at 12:20 PM
  2. 20GT

    Help Stop auto-update from Android v12 to v13? or Will a factory reset take me back?

    20GT, Jan 21, 2023, in forum: Android Lounge
    Replies:
    7
    Views:
    557
    ocnbrze
    Jan 23, 2023
  3. ironass

    January update rolling out

    ironass, Jan 18, 2023, in forum: Android Devices
    Replies:
    12
    Views:
    758
    ironass
    Jan 25, 2023 at 8:38 AM
  4. Jelyob

    Samsung S8 update to Android 10

    Jelyob, Jan 17, 2023, in forum: Android Devices
    Replies:
    12
    Views:
    869
    Jelyob
    Jan 21, 2023
  5. luhazi

    Help Samsung Note 8 (sm-n950n) not turning on, and not charging after trying update the firmware

    luhazi, Jan 10, 2023, in forum: Android Devices
    Replies:
    4
    Views:
    681
    svim
    Jan 10, 2023
  6. Thamaraikannan S

    App not Installed error when updating the app by installing updated apk file

    Thamaraikannan S, Jan 8, 2023, in forum: Android Help
    Replies:
    8
    Views:
    559
    James_Watson
    Jan 20, 2023
  7. hannan012

    Some Apps are not installing in Galaxy s22 ultra after the update

    hannan012, Jan 3, 2023, in forum: Android Devices
    Replies:
    3
    Views:
    978
    maggiem2481
    Jan 5, 2023
  8. Ron Miel

    can't update apps on my tablet

    Ron Miel, Dec 31, 2022, in forum: Android Lounge
    Replies:
    13
    Views:
    768
    AugieTN
    Jan 2, 2023
  9. gr3g0ree

    Help A01 adaptable storage android update

    gr3g0ree, Dec 28, 2022, in forum: Android Devices
    Replies:
    6
    Views:
    825
    gr3g0ree
    Jan 7, 2023
  10. Woodsboom

    Help Android Auto Split Screen update

    Woodsboom, Dec 27, 2022, in forum: Android Devices
    Replies:
    2
    Views:
    729
    ocnbrze
    Dec 27, 2022

Share This Page

Loading...