Web アプリケーションがあります: peekatu.com/mobilechat.php またはネイティブ バージョンが利用可能です https://play.google.com/store/apps/details?id=com.peekatucorp.peekatu&hl=en
ネイティブの android/iphone アプリケーションとしてデプロイするために webview にラップしたこと。デバイス上のアプリケーションの機能とフローは問題ありません。私が抱えている問題は、テキストを入力しようとする Android デバイスにあります。Nexus 4 を使用している友人は、ログインすることさえできません。ユーザー名/パスワード入力フィールドを選択すると、キーボードが表示され、すぐに消えます。彼はログインするためだけにコピー アンド ペーストする必要があります。私のデバイス (Dell Streak、Android 2.3.7) では、find にログインできますが、アプリ内でテキストを入力すると同じことが行われます。1つのメッセージを適切に入力してから、キーボードが消える問題を開始できます。発生している別の問題は、タッチスクリーンがオフになっているように見えることです。実際にボタンに触れてリストを選択するのは、下をクリックしています。私はこの問題とGalaxy S3の友人を抱えています。ここで何が起こっているのですか?ありがとう!
<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>`
これが入力ボックスのhtmlコードです^^
function sendMessage(){
var text = document.getElementById('msg-text').value;
document.getElementById('msg-text').value = '';
function loaded() {updateUserRoomData();
$("#msg-text").bind("keypress", {}, keypressInBox);
これがメッセージ ボックスの JavaScript です^^
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++)'
これは、メッセージボックスが置かれているタブバー全体の Javascript です。