0

I have web application: peekatu.com/mobilechat.php or native version available https://play.google.com/store/apps/details?id=com.peekatucorp.peekatu&hl=en

That we have wrapped in a webview to deploy as a native android/iphone application. The function and flow of the application on the devices is just fine. The problem I am having is with Android devices trying to input text. My friend on a Nexus 4 can not even log in. If he selects username/password input field the keyboard appears and immediately disappears. He has to copy and paste just to log in. On my device (Dell Streak, Android 2.3.7) I am able to log in find but when inputting text within the app it does the same thing. It will allow me to input 1 message properly and then start the keyboard disappearing issue. Another problem that is occuring is that the touchscreen seems to be off. It is clicking BELOW where you actually touch for buttons and select list. I am having this issue and a friend on a Galaxy S3. Any idea whats going on here? Thanks!

<div id="tabbar" style="height:95px;">
<div class="messagebox" style="width:100%;height:45px;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222))" id="messagetextbox">
            <input type="text" id="msg-text" value="" maxlength="255" style="float:left;width:76%;height:30px;border:1px solid black;margin-top:3px;" placeholder="Enter message" class="textbox" onclick=""/>
          <input type="button" style="float:right;width:19%;height:28px;border:1px solid black;margin-top:5px;" value="Send" class="button1" onclick="sendMessage()"/>
        </div>`

That is the html code for the input box.^^

function sendMessage(){
var text = document.getElementById('msg-text').value;
document.getElementById('msg-text').value = '';

function loaded() {updateUserRoomData();

$("#msg-text").bind("keypress", {}, keypressInBox);

Thats the javascript for the msg-box^^

    if(iui.getSelectedPage().id=='chat' ||   iui.getSelectedPage().id=='privateconversation')    {document.getElementById('messagetextbox').style.display='';document.getElementById('tabbar').style.height='95px';



}

else{
document.getElementById('messagetextbox').style.display='none';
document.getElementById('tabbar').style.height='48px';

}

if(iui.getSelectedPage().id=='profile')
{
//alert(document.getElementById("profile-country").length);

if (document.getElementById("profile-country").length<2)
get_country();
}

var wrapperDivs = document.querySelectorAll('.wrapper');
var headerH = document.getElementById('toolbar').offsetHeight,
    footerH = document.getElementById('tabbar').offsetHeight,
    wrapperH = window.innerHeight - headerH - footerH;
    //wrapperH-=80;
//  var dd = document.documentElement.clientHeight+20- footerH;
    //document.getElementById('tabbar').style.marginTop=dd+'px';
    //document.getElementById('tabbar').style.bottom='0px';
    var x = getOffset( document.getElementById('tabbar') ).top;
//  alert(headerH+' '+footerH+'  '+x+' '+wrapperH);
    //wrapperH = x -45;
for (var i=0; i<wrapperDivs.length; i++)'

That is Javascript for entire tabbar that messagebox rest in.

4

0 回答 0