rhodes 2.2.6 → 2.3.0.beta.1

data/platform/wm/rhodes/rho/net/NetRequestImpl.h

@@ -50,6 +50,16 @@ public:
         return m_nRespCode == 401;
     }
 
+    boolean isRedirect()
+    {
+       return m_nRespCode == 301 || m_nRespCode ==302;
+    }
+
+    virtual boolean isSuccess()
+    {
+        return m_nRespCode > 0 && m_nRespCode < 400;
+    }
+
     void setCookies(String s)
     {
         m_cookies = s;

data/platform/wm/rhodes/rho/rubyext/NativeToolbar.cpp

@@ -0,0 +1,513 @@
+#include "stdafx.h"
+
+#include "NativeToolbar.h"
+#include "common/rhoparams.h"
+#include "MainWindow.h"
+#include "common/RhoFilePath.h"
+#include "rubyext/WebView.h"
+
+#ifndef max
+#define max(a,b)            (((a) > (b)) ? (a) : (b))
+#endif
+
+#define TOOLBAR_TYPE		0
+#define TABBAR_TYPE			1
+#define NOBAR_TYPE			2
+#define VTABBAR_TYPE		3
+
+extern CMainWindow& getAppWindow();
+IMPLEMENT_LOGCLASS(CNativeToolbar,"NativeToolbar");
+extern "C" int rho_wmsys_has_touchscreen();
+
+CNativeToolbar::CNativeToolbar(void)
+{
+}
+
+CNativeToolbar::~CNativeToolbar(void)
+{
+}
+
+void CNativeToolbar::OnFinalMessage(HWND /*hWnd*/)
+{
+    removeAllButtons();
+}
+
+/*static*/ CNativeToolbar& CNativeToolbar::getInstance()
+{
+    return getAppWindow().getToolbar();
+}
+
+void CNativeToolbar::removeAllButtons()
+{
+    if ( m_hWnd )
+    {
+        int nCount = GetButtonCount();
+        for( int i = 0; i < nCount; i++)
+            DeleteButton(0);
+
+        SetImageList(NULL);
+    }
+
+    m_listImages.Destroy();
+    m_arButtons.removeAllElements();
+}
+
+static int getColorFromString(const char* szColor)
+{
+    if ( !szColor || !*szColor )
+        return RGB(0, 0, 0);
+
+	int c = atoi(szColor);
+
+	int cR = (c & 0xFF0000) >> 16;
+	int cG = (c & 0xFF00) >> 8;
+	int cB = (c & 0xFF);
+
+    return RGB(cR, cG, cB);
+}
+
+void CNativeToolbar::createToolbar(rho_param *p)
+{
+    if (!rho_rhodesapp_check_mode() || !rho_wmsys_has_touchscreen() )
+        return;
+
+    int bar_type = TOOLBAR_TYPE;
+    m_rgbBackColor = RGB(220,220,220);
+    m_rgbMaskColor = RGB(255,255,255);
+    m_nHeight = MIN_TOOLBAR_HEIGHT;
+
+	rho_param *params = NULL;
+    switch (p->type) 
+    {
+        case RHO_PARAM_ARRAY:
+            params = p;
+            break;
+        case RHO_PARAM_HASH: 
+            {
+                for (int i = 0, lim = p->v.hash->size; i < lim; ++i) 
+                {
+                    const char *name = p->v.hash->name[i];
+                    rho_param *value = p->v.hash->value[i];
+                    
+                    if (strcasecmp(name, "background_color") == 0) 
+					    m_rgbBackColor = getColorFromString(value->v.string);
+                    else if (strcasecmp(name, "mask_color") == 0) 
+					    m_rgbMaskColor = getColorFromString(value->v.string);
+                    else if (strcasecmp(name, "view_height") == 0) 
+					    m_nHeight = atoi(value->v.string);
+                    else if (strcasecmp(name, "buttons") == 0 || strcasecmp(name, "tabs") == 0) 
+                        params = value;
+                }
+            }
+            break;
+        default: {
+            LOG(ERROR) + "Unexpected parameter type for create_nativebar, should be Array or Hash";
+            return;
+        }
+    }
+    
+    if (!params) {
+        LOG(ERROR) + "Wrong parameters for create_nativebar";
+        return;
+    }
+
+    int size = params->v.array->size;
+    if ( size == 0 )
+    {
+        removeToolbar();
+        return;
+    }
+
+    if ( m_hWnd )
+    {
+        removeAllButtons();
+    }else
+    {
+        RECT rcToolbar;
+        rcToolbar.left = 0;
+        rcToolbar.right = 0;
+        rcToolbar.top = 0;
+        rcToolbar.bottom = m_nHeight;
+        Create(getAppWindow().m_hWnd, rcToolbar, NULL, WS_CHILD|CCS_NOPARENTALIGN|CCS_NORESIZE|CCS_NOMOVEY|CCS_BOTTOM|CCS_NODIVIDER |
+            TBSTYLE_FLAT |TBSTYLE_LIST|TBSTYLE_TRANSPARENT ); //TBSTYLE_AUTOSIZE
+
+        SetButtonStructSize();
+    }
+
+    for (int i = 0; i < size; ++i) 
+    {
+        rho_param *hash = params->v.array->value[i];
+        if (hash->type != RHO_PARAM_HASH) {
+            LOG(ERROR) + "Unexpected type of array item for create_nativebar, should be Hash";
+            return;
+        }
+        
+        const char *label = NULL;
+        const char *action = NULL;
+        const char *icon = NULL;
+        const char *colored_icon = NULL;
+		int  nItemWidth = 0;
+
+        for (int j = 0, lim = hash->v.hash->size; j < lim; ++j) 
+        {
+            const char *name = hash->v.hash->name[j];
+            rho_param *value = hash->v.hash->value[j];
+            if (value->type != RHO_PARAM_STRING) {
+                LOG(ERROR) + "Unexpected '" + name + "' type, should be String";
+                return;
+            }
+            
+            if (strcasecmp(name, "label") == 0)
+                label = value->v.string;
+            else if (strcasecmp(name, "action") == 0)
+                action = value->v.string;
+            else if (strcasecmp(name, "icon") == 0)
+                icon = value->v.string;
+            else if (strcasecmp(name, "colored_icon") == 0)
+                colored_icon = value->v.string;
+            else if (strcasecmp(name, "width") == 0)
+                nItemWidth = atoi(value->v.string);
+        }
+        
+        if (label == NULL && bar_type == TOOLBAR_TYPE)
+            label = "";
+        
+        if ( label == NULL || action == NULL) {
+            LOG(ERROR) + "Illegal argument for create_nativebar";
+            return;
+        }
+        if ( strcasecmp(action, "forward") == 0 && rho_conf_getBool("jqtouch_mode") )
+            continue;
+
+        m_arButtons.addElement( new CToolbarBtn(label, action, icon, nItemWidth) );
+	}
+
+    CSize sizeMax = getMaxImageSize();
+    m_nHeight = max(m_nHeight, sizeMax.cy+MIN_TOOLBAR_IDENT);
+    int nBtnSize = m_nHeight-MIN_TOOLBAR_IDENT;
+    SetButtonSize(max(nBtnSize,sizeMax.cx), max(nBtnSize,sizeMax.cy));
+    SetBitmapSize(sizeMax.cx, sizeMax.cy);
+    m_listImages.Create(sizeMax.cx, sizeMax.cy, ILC_MASK|ILC_COLOR32, m_arButtons.size(), 0);
+    SetImageList(m_listImages);
+
+    for ( int i = 0; i < (int)m_arButtons.size(); i++ )
+        addToolbarButton( *m_arButtons.elementAt(i), i );
+
+    AutoSize();
+
+    alignSeparatorWidth();
+
+    ShowWindow(SW_SHOW);
+
+#if defined (OS_WINDOWS)
+    RECT rcWnd;
+    getAppWindow().GetWindowRect(&rcWnd);
+    getAppWindow().SetWindowPos( 0, 0,0,rcWnd.right-rcWnd.left-1,rcWnd.bottom-rcWnd.top, SWP_NOMOVE|SWP_NOZORDER|SWP_FRAMECHANGED);
+    getAppWindow().SetWindowPos( 0, 0,0,rcWnd.right-rcWnd.left,rcWnd.bottom-rcWnd.top, SWP_NOMOVE|SWP_NOZORDER|SWP_FRAMECHANGED);
+#else
+    getAppWindow().SetWindowPos( 0, 0,0,0,0, SWP_NOMOVE|SWP_NOZORDER|SWP_NOSIZE|SWP_FRAMECHANGED);
+#endif
+}
+
+void CNativeToolbar::alignSeparatorWidth()
+{
+    int nSepPos = -1;
+    for ( int i = 0; i < (int)m_arButtons.size()-1; i++ )
+    {
+        if ( m_arButtons.elementAt(i)->isSeparator() )
+        {
+            if ( nSepPos == -1 )
+                nSepPos = i;
+            else
+                return; //if more than one separator, do anything
+        }
+    }
+
+    if ( nSepPos == -1 )
+        return;
+
+    //right align all buttons after single separator
+    CRect rcFirstBtn, rcLastBtn, rcToolbar, rcSep;
+    GetItemRect(0,&rcFirstBtn);
+    GetItemRect(m_arButtons.size()-1,&rcLastBtn);
+    GetItemRect(nSepPos,&rcSep);
+    getAppWindow().GetClientRect(&rcToolbar);
+    int nAdd = rcToolbar.Width() - 2*rcFirstBtn.left - rcLastBtn.right;
+    int nSepWidth = rcSep.Width();
+    nSepWidth += nAdd;
+    if ( nSepWidth < 0 )
+        nSepWidth = 0;
+    
+    m_arButtons.elementAt(nSepPos)->m_nItemWidth = nSepWidth;
+
+    DeleteButton(nSepPos);
+    TBBUTTON btn = {0};
+/*
+    if ( nSepWidth <= 114 ) //maximum size for empty button
+    {
+        btn.fsStyle = TBSTYLE_BUTTON;
+        btn.iBitmap = I_IMAGENONE;
+            
+        InsertButton(nSepPos, &btn);
+
+        TBBUTTONINFO oBtnInfo = {0};
+        oBtnInfo.cbSize = sizeof(TBBUTTONINFO);
+        oBtnInfo.dwMask = TBIF_BYINDEX|TBIF_SIZE;
+
+        oBtnInfo.cx = nSepWidth;
+
+        SetButtonInfo(nSepPos, &oBtnInfo);
+
+    }else   */
+    {
+        btn.fsStyle = TBSTYLE_SEP;
+        btn.iBitmap = nSepWidth;
+
+        InsertButton(nSepPos, &btn);
+    }
+
+    AutoSize();
+}
+
+void CNativeToolbar::addToolbarButton(CToolbarBtn& oButton, int nPos)
+{
+    LOG(INFO) + "addToolbarButton: " + oButton.toString();
+
+    TBBUTTON btn = {0};
+    btn.iBitmap = I_IMAGENONE;
+
+    if ( oButton.isSeparator() )
+    {
+        btn.fsStyle = TBSTYLE_SEP;
+        if ( oButton.m_nItemWidth )
+            btn.iBitmap = oButton.m_nItemWidth;
+        else
+        {
+            CSize size;
+            m_listImages.GetIconSize(size);
+            btn.iBitmap = size.cx;
+            oButton.m_nItemWidth = btn.iBitmap;
+        }
+    }else
+    {
+        btn.iString = (INT_PTR)oButton.m_strLabelW.c_str();
+
+        btn.fsStyle = TBSTYLE_BUTTON|TBSTYLE_AUTOSIZE;
+        btn.fsState = TBSTATE_ENABLED;
+        btn.idCommand = ID_CUSTOM_TOOLBAR_ITEM_FIRST + nPos;
+
+        if ( oButton.m_hImage )
+        {
+            btn.iBitmap = m_listImages.Add(oButton.m_hImage, m_rgbMaskColor);
+            //btn.iBitmap = AddBitmap(1,oButton.m_hImage);
+        }
+    }
+
+    BOOL bRes = AddButton(&btn);
+
+    if ( !bRes )
+        LOG(ERROR) + "Error";
+}
+
+LRESULT CNativeToolbar::OnEraseBkgnd(UINT /*uMsg*/, WPARAM wParam, LPARAM /*lParam*/, BOOL& bHandled)
+{
+    CRect rect;
+    GetClientRect(rect);
+
+    CDCHandle hdc = (HDC)wParam;
+    hdc.FillSolidRect(rect, m_rgbBackColor );
+
+    bHandled = TRUE;
+    return 1;
+}
+
+CSize CNativeToolbar::getMaxImageSize()
+{
+    CSize sizeMax(m_nHeight-MIN_TOOLBAR_IDENT, m_nHeight-MIN_TOOLBAR_IDENT);
+
+    for ( int i = 0; i < (int)m_arButtons.size(); i++ )
+    {
+        //sizeMax.cx = m_arButtons.elementAt(i)->m_sizeImage.cx > sizeMax.cx ? m_arButtons.elementAt(i)->m_sizeImage.cx : sizeMax.cx;
+        //sizeMax.cy = m_arButtons.elementAt(i)->m_sizeImage.cy > sizeMax.cy ? m_arButtons.elementAt(i)->m_sizeImage.cy : sizeMax.cy;
+        if ( m_arButtons.elementAt(i)->m_hImage )
+        {
+            sizeMax = m_arButtons.elementAt(i)->m_sizeImage;
+            break;
+        }
+    }
+
+    return sizeMax;
+}
+
+bool CNativeToolbar::CToolbarBtn::isSeparator()
+{
+    return strcasecmp(m_strAction.c_str(), "separator")==0;
+}
+
+String CNativeToolbar::CToolbarBtn::getDefaultImagePath(const String& strAction)
+{
+    String strImagePath;
+    if ( strcasecmp(strAction.c_str(), "options")==0 )
+        strImagePath = "lib/res/options_btn.png";
+    else if ( strcasecmp(strAction.c_str(), "home")==0 )
+        strImagePath = "lib/res/home_btn.png";
+    else if ( strcasecmp(strAction.c_str(), "refresh")==0 )
+        strImagePath = "lib/res/refresh_btn.png";
+    else if ( strcasecmp(strAction.c_str(), "back")==0 )
+        strImagePath = "lib/res/back_btn.png";
+    else if ( strcasecmp(strAction.c_str(), "forward")==0 )
+        strImagePath = "lib/res/forward_btn.png";
+
+        return strImagePath.length() > 0 ? CFilePath::join( RHODESAPP().getRhoRootPath(), strImagePath) : String();
+}
+
+CNativeToolbar::CToolbarBtn::CToolbarBtn( const char *label, const char *action, const char *icon, int nItemWidth  )
+{
+    m_hImage = 0;
+    m_sizeImage = CSize(0,0);
+    m_nItemWidth = nItemWidth;
+
+    if ( label )
+        convertToStringW( label, m_strLabelW );
+
+    m_strAction = action ? action : "";
+    String strImagePath;
+    if ( icon && *icon )
+        strImagePath = rho::common::CFilePath::join( RHODESAPP().getAppRootPath(), icon );
+    else
+        strImagePath = getDefaultImagePath(m_strAction);
+
+    if ( strImagePath.length() > 0  )
+    {
+    	m_hImage = SHLoadImageFile( convertToStringW(strImagePath).c_str() );
+        if ( m_hImage )
+        {
+	        BITMAP bmp;
+            ::GetObject( m_hImage, sizeof(bmp), &bmp);
+            m_sizeImage.cx = bmp.bmWidth;
+            m_sizeImage.cy = bmp.bmHeight;
+        }
+    }
+}
+
+CNativeToolbar::CToolbarBtn::~CToolbarBtn()
+{
+    if ( m_hImage )
+        DeleteObject(m_hImage);
+}
+
+String CNativeToolbar::CToolbarBtn::toString()
+{
+    return String("Label: '") + convertToStringA(m_strLabelW) + "';Action: '" + m_strAction + "'" ;
+}
+
+void CNativeToolbar::processCommand(int nItemPos)
+{
+    if ( nItemPos >= 0 && nItemPos < (int)m_arButtons.size() )
+    {
+        String strAction = m_arButtons.elementAt(nItemPos)->m_strAction;
+        if ( strcasecmp(strAction.c_str(), "forward") == 0 )
+                rho_webview_navigate_forward();
+        else
+            RHODESAPP().loadUrl(strAction);
+    }
+}
+
+void CNativeToolbar::removeToolbar()
+{
+    if ( m_hWnd )
+    {
+        ShowWindow(SW_HIDE);
+        m_nHeight = 0;
+
+#if defined (OS_WINDOWS)
+        RECT rcWnd;
+        getAppWindow().GetWindowRect(&rcWnd);
+        getAppWindow().SetWindowPos( 0, 0,0,rcWnd.right-rcWnd.left-1,rcWnd.bottom-rcWnd.top, SWP_NOMOVE|SWP_NOZORDER|SWP_FRAMECHANGED);
+        getAppWindow().SetWindowPos( 0, 0,0,rcWnd.right-rcWnd.left,rcWnd.bottom-rcWnd.top, SWP_NOMOVE|SWP_NOZORDER|SWP_FRAMECHANGED);
+#else
+        getAppWindow().SetWindowPos( 0, 0,0,0,0, SWP_NOMOVE|SWP_NOZORDER|SWP_NOSIZE|SWP_FRAMECHANGED);
+#endif
+    }
+}
+
+bool CNativeToolbar::isStarted()
+{
+    return m_hWnd && IsWindowVisible();
+}
+
+extern "C"
+{
+void remove_native_toolbar();
+void create_native_toolbar(int bar_type, rho_param *p) 
+{
+    if ( bar_type == NOBAR_TYPE )
+        remove_native_toolbar();
+    else if ( bar_type == TOOLBAR_TYPE )
+    {
+        getAppWindow().performOnUiThread(new CNativeToolbar::CCreateTask(p) );
+    }else
+    {
+    	RAWLOGC_ERROR("NativeBar", "Only Toolbar control is supported.");
+    }
+}
+
+void create_nativebar(int bar_type, rho_param *p) 
+{
+	RAWLOGC_INFO("NativeBar", "NativeBar.create() is DEPRECATED. Use Rho::NativeToolbar.create() or Rho::NativeTabbar.create().");
+    create_native_toolbar(bar_type, p);
+}
+
+void remove_native_toolbar() 
+{
+    getAppWindow().performOnUiThread(new CNativeToolbar::CRemoveTask() );
+}
+
+void remove_nativebar() 
+{
+	RAWLOGC_INFO("NativeBar", "NativeBar.remove() is DEPRECATED API ! Please use Rho::NativeToolbar.remove() or Rho::NativeTabbar.remove().");
+	remove_native_toolbar();
+}
+
+VALUE nativebar_started() 
+{
+    bool bStarted = CNativeToolbar::getInstance().isStarted();
+    return rho_ruby_create_boolean(bStarted?1:0);
+}
+
+//Tabbar
+void create_native_tabbar(int bar_type, rho_param *p) {
+}
+
+void remove_native_tabbar() {
+}
+
+void native_tabbar_switch_tab(int index) {
+}
+
+void native_tabbar_set_tab_badge(int index,char *val) {
+}
+
+void nativebar_set_tab_badge(int index,char* val)
+{
+}
+
+void nativebar_switch_tab(int index) {
+	//TODO: Implement me!
+}
+
+//NavBar - iphone only
+void create_navbar(rho_param *p)
+{
+}
+
+void remove_navbar()
+{
+}
+
+VALUE navbar_started()
+{
+    return rho_ruby_create_boolean(0);
+}
+
+}

data/platform/wm/rhodes/rho/rubyext/NativeToolbar.h

@@ -0,0 +1,74 @@
+#pragma once
+
+#include "common/IRhoThreadImpl.h"
+#include "ruby/ext/rho/rhoruby.h"
+
+class CNativeToolbar : public CWindowImpl<CNativeToolbar, CToolBarCtrl>
+{
+    DEFINE_LOGCLASS;
+
+    static const int  MIN_TOOLBAR_HEIGHT = 60;
+    static const int  MIN_TOOLBAR_IDENT = 12;
+
+    int        m_nHeight;
+    COLORREF   m_rgbBackColor, m_rgbMaskColor;
+    CImageList m_listImages;
+
+    struct CToolbarBtn
+    {
+        rho::StringW m_strLabelW;
+        rho::String m_strAction;
+        HBITMAP     m_hImage;
+        CSize       m_sizeImage;
+        int         m_nItemWidth;
+
+        CToolbarBtn( const char *label, const char *action, const char *icon, int nItemWidth );
+        ~CToolbarBtn();
+
+        rho::String toString();
+        rho::String getDefaultImagePath(const rho::String& strAction);
+        bool isSeparator();
+    };
+
+    rho::VectorPtr<CToolbarBtn*> m_arButtons;
+public:
+    class CCreateTask: public rho::common::IRhoRunnable
+    {
+        rho_param *m_param;
+    public:
+        CCreateTask(rho_param *p) : m_param(rho_param_dup(p)){ }
+        ~CCreateTask(){ rho_param_free(m_param); }
+        virtual void runObject(){ CNativeToolbar::getInstance().createToolbar(m_param); }
+    };
+    class CRemoveTask: public rho::common::IRhoRunnable
+    {
+    public:
+        virtual void runObject(){ CNativeToolbar::getInstance().removeToolbar(); }
+    };
+
+    CNativeToolbar(void);
+    ~CNativeToolbar(void);
+
+    static CNativeToolbar& getInstance();
+
+	BEGIN_MSG_MAP(CNativeToolbar)
+		MESSAGE_HANDLER(WM_ERASEBKGND, OnEraseBkgnd)
+        //MESSAGE_HANDLER(WM_PAINT, OnPaint)
+	END_MSG_MAP()
+	LRESULT OnEraseBkgnd(UINT /*uMsg*/, WPARAM /*wParam*/, LPARAM /*lParam*/, BOOL& bHandled);
+    virtual void OnFinalMessage(HWND /*hWnd*/);
+
+    int getHeight(){ return m_nHeight;}
+
+    void processCommand(int nItemPos);
+    bool isStarted();
+private:
+
+    void addToolbarButton(CToolbarBtn& oButton, int nPos);
+    void removeAllButtons();
+    CSize getMaxImageSize();
+    void alignSeparatorWidth();
+
+    void createToolbar(rho_param *param);
+    void removeToolbar();
+};

data/platform/wm/rhodes/rho/rubyext/SystemImpl.cpp

@@ -272,6 +272,17 @@ VALUE rho_sys_get_locale()
 	return rho_ruby_create_string(convertToStringA(szLang).c_str());
 }
 
+int rho_wmsys_has_touchscreen()
+{
+#ifdef OS_WINDOWS
+        return 1;
+#else
+        int aMouseInfo[3] = {0};
+        BOOL bRet = SystemParametersInfo(SPI_GETMOUSE, sizeof(aMouseInfo), aMouseInfo, 0);
+        return (bRet && aMouseInfo[0] != 0) ? 1 : 0;
+#endif
+}
+
 int rho_sysimpl_get_property(char* szPropName, VALUE* resValue)
 {
 	if (strcasecmp("has_camera",szPropName) == 0) 
@@ -362,6 +373,12 @@ int rho_sysimpl_get_property(char* szPropName, VALUE* resValue)
         return 1;
     }
 
+	if (strcasecmp("has_touchscreen",szPropName) == 0)
+    {
+        *resValue = rho_ruby_create_boolean( rho_wmsys_has_touchscreen() );
+        return 1;
+    }
+
     return 0;
 }
 
@@ -461,16 +478,6 @@ void rho_sys_run_app(const char *appname, VALUE params)
     if ( params && !rho_ruby_is_NIL(params) )
     {
         convertToStringW(getStringFromValue(params), strParamsW);
-
-	/*
-        int nPos = strParamsW.find(L"rhogallery_app");
-        if ( nPos >= 0 )
-        {
-            if ( nPos == 0 || (nPos > 0 && strParamsW.at(nPos-1)!= '-' ) )
-                strParamsW.insert(nPos, L"-");
-        }
-	*/
-	strParamsW.insert(0, L"-RhoStartParams:");        
     }
 
     CRegKey oKey;
@@ -535,6 +542,11 @@ int rho_sys_is_app_installed(const char *appname)
     return nRet;
 }
 
+void rho_sys_app_install(const char *url)
+{
+    rho_sys_open_url(url);
+}
+
 void rho_sys_app_uninstall(const char *appname)
 {
     CFilePath oPath(appname);

data/platform/wm/rhodes/rho/rubyext/WebView.cpp

@@ -38,6 +38,11 @@ void rho_webview_navigate_back()
     ::PostMessage( getMainWnd(), WM_COMMAND, IDM_NAVIGATE_BACK, (LPARAM)0 );
 }
 
+void rho_webview_navigate_forward()
+{
+    ::PostMessage( getMainWnd(), WM_COMMAND, IDM_NAVIGATE_FORWARD, (LPARAM)0 );
+}
+
 const char* rho_webview_execute_js(const char* js, int index) 
 {
     String strJS = "javascript:";