[res005ru@verizon.net]

I have used Mobnione to create a very nice app so far. One page is a Phone Dialer, which uses buttons.
I also have a text field that should display the numbers type by button selection. How do you link it to the
JQuery code? I assume you put your new code in XXXX_Custome.js. The code:

$(“m1-HandTalkDialPhoneNumber-“).click = function() {
var Text = Text + $(this).text();
$(“im1-text”).val(text);

}

The m1-HandTalkDialPhoneNumber- + 1 to 9 and 0 * and # and im1-text holds the text value.

<div id=”m1-HandTalkDialPhoneNumber-panel1″ class=”m1-iscroll-wrapper”>
<div id=”m1-HandTalkDialPhoneNumber-2″ class=”m1-iscroll-scroller” data-bounce=”true”>
<div id=”m1-HandTalkDialPhoneNumber-PhoneNumber_TxtArea” class=”m1-text”></div>
</div>

<div id=”m1-HandTalkDialPhoneNumber-Btn_1″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_1″>1</div>
<div id=”m1-HandTalkDialPhoneNumber-BTN-ContactList” class=”m1-iscroll-wrapper”>
<div id=”m1-HandTalkDialPhoneNumber-Home”
class=”m1-clickable m1-hyperlink m1-back-button m1-button” name=”Home” href=
“#HandTalkMain:DEFAULT”>Home</div>
</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_2″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_2″>2 </div>
<div id=”m1-HandTalkDialPhoneNumber-text1″ class=”m1-text”>ABC</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_3″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_3″>3</div>
<div id=”m1-HandTalkDialPhoneNumber-text2″ class=”m1-text”>DEF</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_5″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_5″>5</div>
<div id=”m1-HandTalkDialPhoneNumber-text3″ class=”m1-text”>MNO</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_6″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_6″>6</div>
<div id=”m1-HandTalkDialPhoneNumber-text4″ class=”m1-text”>JKL</div>
<div id=”m1-HandTalkDialPhoneNumber-text5″ class=”m1-text”>MNO</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_4″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_4″>4</div>
<div id=”m1-HandTalkDialPhoneNumber-text6″ class=”m1-text”>GHI</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_7″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_7″>7</div>
<div id=”m1-HandTalkDialPhoneNumber-text7″ class=”m1-text”>PQRS</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_8″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_8″>8</div>
<div id=”m1-HandTalkDialPhoneNumber-text8″ class=”m1-text”>TUV</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_9″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_9″>9</div>
<div id=”m1-HandTalkDialPhoneNumber-text9″ class=”m1-text”>WXYZ</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_0″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_0″>0</div>

I might need a bit of educating here, I am a C?C++ and Java developer, Jscript is somewhat new here.

Rick

[support-michael]

@res005r
Correct, add your javascript to the XXXX_Custome.js file as needed.

Wayne
Genuitec Mobile Team

[res005ru@verizon.net]

Wayne

I am having some trouble here, which javascript code is correct and
html is correct. need some educating here.

Javascript:
$(“m1-HandTalkDialPhoneNumber-“).click = function() {
var Text = Text + $(this).text();
$(“im1-text”).val(text);
}

or

$(“m1-button”).click = function() {
var Text = Text + $(this).text();
$(“im1-text”).val(text);

}

phoneui.(m1-button).click() {
javascript:alert($(this).text())
var Text = $(this).text();
$(“input”).val($(“input”).val() + text);
}

or

function click() {
javascript:alert($(this).text())
var Text = $(this).text();
$(“input”).val($(“input”).val() + text);
}

HTML code:

<div id=”m1-HandTalkDialPhoneNumber-text9″ class=”m1-text”>WXYZ</div>
<div id=”m1-HandTalkDialPhoneNumber-Btn_0″ class=”m1-clickable m1-push-button m1-button”
name=”Btn_0″>0</div>

or

<div id=”m1-HandTalkDialPhoneNumber-Btn_7″
class=”m1-clickable m1-hyperlink m1-push-button m1-button” name=”Btn_7″ href=
“javascript:phoneui.click()”>7</div>
<div id=”m1-HandTalkDialPhoneNumber-text7″ class=”m1-text”>PQRS</div>

I also noticed that mobione uses jquery 1.3.2 version, and there are newer versions,
do they work with mobione?

Rick

[res005ru@verizon.net]

Wayne

Never mind, I have gotten this to work.
In using google chrome I get the below as a error

<!DOCTYPE HTML>
<html manifest=”HandTalkDialPhoneNumber.manifest”>
<head>
<title>HandTalkDialPhoneNumber</title>
<meta name=”generator” content=”MobiOne Studio – Design Center, http://genuitec.com/mobile“/>
<meta name=”viewport” content=
“width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”/>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/>
<meta name=”apple-mobile-web-app-capable” content=”yes”/>
<link rel=”stylesheet” href=”HandTalkDialPhoneNumber.css”/>

Viewport argument “width” not recognized. Content ignored.
HandTalkDialPhoneNumber.html:7Viewport argument “initial-scale” not recognized. Content ignored.
HandTalkDialPhoneNumber.html:7Viewport argument “maximum-scale” not recognized. Content ignored.
HandTalkDialPhoneNumber.html:7Viewport argument “user-scalable” not recognized. Content ignored.

Is this a real problem?

Thanks for your help

[support-michael]

This meta-tag is legit for iphone and android.

<meta name="viewport" content=
"width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

Chrome is not a mobile browser and is thus giving you a false negative report. I typically use the Test Center’s tools for debugging and inspection. On some occasions I will use Chrome or Safari inspectors.

See “Using The Viewport Meta Tag” http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

I’m not sure why jquery was not updated. I will find out since it has been discussed internally.

Wayne
Genuitec Mobile Team

[Author]

Posts