• ベストアンサー

携帯HP上での計算について

携帯上で見れるホームページを作成中です。 HP上で計算をさせたいのですがわかりません。 <INPUT TYPE="button" onClick="calc()" ・・・ と書いて実際に携帯上でみるとボタンになってなくてテキストボックスになってました。 IE6とかで見るとちゃんとボタンになってて計算もするのですが・・・ 携帯上でボタンクリックで計算させるのは無理なのでしょうか? もし駄目なら他に代替手段はありますか? 教えてください。よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#19206
noname#19206
回答No.1

携帯端末で input 要素は sbmit ボタンとテキストフィールドしか利用できなかったはずです。 また、携帯からは JavaScript が利用できませんから計算が必要とあれば CGI を使うしかないと思います。 ただ、電卓機能を利用してユーザーに何のメリットがあるのかも考えるべき…。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • HPボタンの長さが異なる。

    下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか? よろしくご指導お願いいたします。 テストでアップしてあるURLですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇   " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇  " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇   " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇  " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇       " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇      " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇     " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>

  • JSで一つのボタンを押したとき、二つの内容を表示させる方法を教えて下さい

    ボタン<button>を押したとき、<INPUT>に押されたボタンの内容を表示するものを作りまして…。 とりあえず下記のソースをご覧下さい。 -----ソース------ ~HTML~ <button onClick="calc('INPUTに表示させる内容')">ボタン1</button> <INPUT TYPE="text" NAME="text1"> ~JavaScript~ function calc(ch) { document.form.text1.value =ch; } -------------- 今のやりかたですと一つの<INPUT>にしか入力されないですが、これを二つの<INPUT>にそれぞれ違う内容を入力させることは可能でしょうか。 例えば: ■[ボタン1]を押すと ┃ ┣[インプット1]に表品名 ┃ ┗[インプット2]に表品の値段 雑な説明で申し訳ないですが、宜しくお願い致します。

  • HTML・CSS ボタンの表示

    <div class="item"> <tr> <td><input type="button" value="サンドウィッチ" onclick="get_calc(this)"></td> <td><input type="button" value="おにぎり" onclick="get_calc(this)"></td> <td><input type="button" value="お茶" onclick="get_calc(this)"></td> <td><input type="button" value="お弁当" onclick="get_calc(this)"></td> </tr> </div> ボタンを画面の50%の幅に均一の大きさで表示したです. CSSわかる方,教えてください!お願いします!

    • ベストアンサー
    • CSS
  • javascriptで電卓を作成

    プログラミングをまったくやったことがない状態から、ドットインストールやテックアカデミーのHTML,CSS,Javascriptの入門動画をすべて見終わった段階ですので、 基本的な仕組みと関数やfor文、if文、while文、などについてくらいは理解しています。 今回、javascriptを使って電卓のシステムを組む、という課題があり、 ネットで検索してやってみてはいるのですが行き詰っています。 最初は以下のような形で作成をしていました。 <body> <form name="myform">  <table border="1"> <tr> <td colspan="4"> <input type="text" name="result" value="" id="result"> </td> </tr> <tr> <td><input type="button" value=" "onclick="calc(' ')" ></td> <td><input type="button" value="%"onclick="calc('%')"></td> <td colspan="2"> <input type="button" value="AC" onclick="calc('AC')"></td> </tr> <tr> <td><input type="button" value="7" onclick="calc('7')"></td> <td><input type="button" value="8" onclick="calc('8')"></td> <td><input type="button" value="9" onclick="calc('9')"></td> <td><input type="button" value="÷" onclick="calc('÷')"></td> </tr> <tr> <td><input type="button" value="4"onclick="calc('4')" ></td> <td><input type="button" value="5"onclick="calc('5')" ></td> <td><input type="button" value="6"onclick="calc('6')"></td> <td><input type="button" value="×" onclick="calc('×')"></td> </tr>   <tr> <td><input type="button" value="1" onclick="calc('1')" ></td> <td><input type="button" value="2" onclick="calc('2')"></td> <td><input type="button" value="3" onclick="calc('3')"></td> <td><input type="button" value="-" onclick="calc('-')"></td> </tr> <tr> <td><input type="button" value="0" onclick="calc('0')" ></td> <td><input type="button" value="+" onclick="calc('+')"></td> <td colspan="2"> <input type="button" value="=" onclick="calc('=')"></td> </tr> </form> <script> function calc(a) { if (a === "=") { document.myform.kekka.value = eval(document.myform.kekka.value); } else if (a === "AC") { document.myform.kekka.value = ""; } else { document.myform.kekka.value += a; } </script> </body> </html> ですが、onclickとevalを使わず、代わりに「addEventListner」を用いるよう指示されました。 「addEventListner」に関しては、検索してなんとかざっと理解したのですが、それ以前に、電卓の基本的な関数の組み方を理解していないため、いまいちどこから手をつけたらいいかわかりません。 いろんなサイトを見ているといろんなやり方がでてきますが、ope=+,やflag=0などの表記をよく見かけます。が、この意味もいまいちわかっていません。。 初心者すぎるので、何かアドバイスをいただけますと幸いです。 宜しくお願いいたします。 また、このような初心者が使いこなせるようになるために向いている動画や書籍、ページがありましたら教えていただけますと助かります。

  • 現在

    現在 <table> <tr> <td> <input type="button" value="1" onclick=""/> <input type="button" value="2" onclick=""/> <input type="button" value="3" onclick=""/> </td> </tr> </table> といった単純なテーブルを作成しています。 上記のボタン1,2,3とそれぞれの間に空白を開けたいと思っているのですが、 <input type="button" value="1" onclick=""/>    <span style="width:50px">&nbsp;</span> <input type="button" value="2" onclick=""/> <span style="width:50px">&nbsp;</span> <input type="button" value="3" onclick=""/> と作成するとIE6ではボタン間に隙間が開くことを確認したのですがIE8では spanタグが無視されてしまい、ボタン間が詰まった表示のままになってしまいます。 IE8ではspanタグで隙間を作ることは難しいのでしょうか? また他に手法がありましたら、紹介していただけると幸いです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • クリックカウンターの作り方

    HPにボタンをクリックした回数を表示させたいのですが、どうすればいいのでしょうか? <HTML> <BODY> <center> <form> あなたは<input type=text name=mnt value=0 size=6>人目です。<br> <input type=button value="クリックしてね" onClick="javascript:this.form.mnt.value++;"> </form> </center> </BODY> </HTML> このようにすると、数字の部分がテキストボックスになってしまうのでNGです。 また、2重クリックもできないようにしたいのですが・・・。

  • 出力した文字が消えてしまう(初心者)

    JavaScriptを勉強し始めて、基本的なコードだと思いますが、行き詰っています。すみませんが、教えて下さい。 期待:数値を計算してテキストボックスに残す 問題:一瞬テキストボックスに出るが、すぐに消えてしまう 環境:IE8,Firefox [ コード ] <HEAD> <SCRIPT language="JavaScript"> <!-- var total = 0; function keisan(){ total = parseInt(document.frmMain.price.value) + 700; document.frmMain.total.value = total; } //--> </SCRIPT> </HEAD> <BODY> <FORM name="frmMain"> <INPUT type="text" name="price" size="7">円<BR> <BUTTON onClick="keisan()">計算</BUTTON><BR> <BR> 合計:<INPUT type="text" name="total">円<BR> </FORM> </BODY> ボタンをクリックすると、アドレスにテキストボックスで入力したデータが入りページが切り替わってしまいテキストボックスが空になってしまいます。 アドレスには ~/Sample1_1.html?price=32&total=732 のようになります。よろしくお願いします。

  • ホームページ上での計算について(JavaScript)

    複数の計算式があります。 それぞれ、ホームページで数値を入れていって、最後に計算ボタンを押すと、計算した値が一気に出るようにしたいです。 CGIではなく、HTMLの中にJavaScriptを埋め込んで作りたいと思っています。 スクリプトの意味はよくわからないまま、とりあえず以下のソースを埋め込んでみました。 HEAD部分に <SCRIPT LANGUAGE="JavaScript"> function calc(f){ f.z.value=eval(f.x.value)+eval(f.y.value); } </SCRIPT> BODY部分に <FORM NAME="form1"> <INPUT TYPE="text" SIZE=10 NAME="x">+ <INPUT TYPE="text" SIZE=10 NAME="y">= <INPUT TYPE="text" SIZE=10 NAME="z"><BR> <INPUT TYPE="button" VALUE="計算" onClick="calc(this.form)"><BR> </FORM> これは動きました。 でも、計算式が一つだけです。複数の式を計算させたいのですが……。 同じ感じでコピーしてxyzの文字をかえたりと幼稚な試行錯誤をしてみましたが動きませんでした。 二つ以上の計算式を埋め込むには、どんなスクリプトにすればいいのでしょうか。 たとえば、 「別の空欄に入れたaという値とbという値をかけて、先ほどのxという値を2倍したものを引き、さらに100を足す」 という計算式を追加して、でも「計算」ボタンは一個のままで済ませるには、どうすればいいでしょうか。 もしできれば、全体のスクリプトをお教えいただけるととてもありがたいです。 よろしくお願い致します。

  • 【FireFox】サブウィンドウ表示とテキストボックス値

    メインのウィンドウにテキストボックスとボタンがあり、 ボタンをクリックするとjavascriptによりサブウィンドウ が開くHTMLがあります。 しかし、FireFoxに限り、ボタンを押してサブウィンドウ を開くとメインのHTMLのテキストボックスに入力していた 値が消えてしまいます。 ================ main.html ===================== <html> <head> <script Language="JavaScript"><!-- function openSubWin(){ window.open("sub.html","window","width=300,height=300"); } // --></script> </head> <body> <form action="#" name="myform"> <input type="text" name="no"> <button id="button1" onclick="openSubWin();" >サブウィンドウ</button> </form> </body> </html> ================== サブウィンドウ ================ <html> <body> サブウィンドウ </body> </html> IEでは問題ありませんでした。 何か解決方法はありますでしょうか? 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 携帯 JAVA JSP 画面遷移

    携帯のWebアプリを作成しており、ボタンごとに画面遷移させる方法を考えています。 以下はPC用に作成したJSP <script Language="JavaScript"> <!-- function inOut(flg){ if(flg){ lert("あ"); location.href='top.jsp'; }else{ alert("い"); location.href='top2.jsp'; } } // --> </script> <html> <head> <title>テスト</title> </head> <body> <form method="POST" action="top3.jsp"> <input type="button" name="in" onClick="inOut(true);" value="あ" /> <input type="button" name="out" onClick="inOut(false);" value="い" /> <input type="submit" name="back" value="う" /> </form> </html> 現状の問題点は2点あり、 1.携帯はJavaScriptが使用できない 2.<input type="button"~ とするとテキストボックスのような見栄え・機能になってしまう。 携帯Webアプリの場合、ボタンごとの画面遷移はどのように行えばよいのでしょうか?

専門家に質問してみよう