Ogre7077 の回答履歴

全400件中121~140件表示
  • JavaScriptのメモ帳アプリ編集について

    Monacaでメモ帳を作りました このコードだと追加ボタンを押してテキストエリアが現れテキストを書き込み保存してTopPageにリスト化できるようになっています。またそのリストを押すとメモが閲覧できます ですが理想としては閲覧ページのヘッダー部分に「編集」というボタンをつけて押すとメモが編集できるようにしたいです どうすればできるのでしょうか? いろいろ調べたのですが応用できなくて......。 index.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="plugins/plugin-loader.js"></script> <link rel="stylesheet" href="plugins/plugin-loader.css"> <script src="js/memo.js"></script> <script src="js/app.js"></script> <script> monaca.viewport({width: 320}); </script> </head> <body> <!-- TOP Page --> <div data-role="page" id="TopPage"> <header data-role="header" data-position="fixed"> <h1>TextMemo</h1> <a href="#AddPage" data-icon="plus" class="ui-btn-right">追加</a> </header> <section data-role="content"> <ul id="TopListView" data-role="listview" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-split-icon="delete"> </ul> </section> </div> <!-- Add Memo Page --> <div data-role="page" id="AddPage"> <header data-role="header" data-position="fixed"> <a data-role="button" data-rel="back" data-icon="back">Back</a> <h1>Add Memo</h1> </header> <section data-role="content"> <label for="Memo">Memo:</label> <textarea id="Memo"></textarea> <a data-role="button" data-icon="check" id="SaveBtn">Save</a> </section> </div> <!-- Detail Page --> <div data-role="page" id="ShowPage"> <header data-role="header" data-position="fixed"> <a data-role="button" data-rel="back" data-icon="back">Back</a> <h1></h1> </header> <section data-role="content"> <p></p> </section> </div> </body> </html> app.js function onSaveBtn() { var text = $("#Memo").val(); if (text != '') { // Save to local storage addMemo(text); // Clear form $("#Memo").val(""); // Initialize top page initTopPage(); } $.mobile.changePage("#TopPage", { reverse: true }); } function initTopPage() { $("#TopListView").empty(); var list = getMemoList(); for (var i in list) { var memo = list[i]; var d = new Date(memo.time); var date = d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate(); $li = $("<li><a href='#' class='show'><h3></h3><p></p></a><a href='#' class='delete'>Delete</a></li>"); $li.data("id", memo.id); $li.find("h3").text(date); $li.find("p").text(memo.text); $("#TopListView").prepend($li); } if (list.length == 0) { $li = $("<li>NO MEMO</li>"); $("#TopListView").prepend($li); } $("#TopListView").listview("refresh"); // Call refresh after manipulating list } function onShowLink() { var $li = $(this).parent(); var memoTitle = $li.find("h3").text(); var memoHtml = $li.find("p").html().replace(/\n/g, "<br>"); $("#ShowPage h1").text(memoTitle); $("#ShowPage p").html(memoHtml); $.mobile.changePage("#ShowPage"); } function onDeleteLink() { if (!confirm("本当に削除しますか?")) { return; } var $li = $(this).parent(); var id = $li.data("id"); deleteMemo(id); initTopPage(); $.mobile.changePage("#TopPage", { reverse: true }); } function onReady() { initTopPage(); $("#SaveBtn").click(onSaveBtn); $("#TopListView a.show").live("click", onShowLink); $("#TopListView a.delete").live("click", onDeleteLink); monaca.splashScreen.hide(); } $(onReady); // on DOMContentLoaded memo.js ///// Return list of memo function getMemoList() { var list = localStorage.getItem("memo_list"); if (list == null) { return new Array(); } else { return JSON.parse(list); } } ///// Save memo function saveMemoList(list) { try { localStorage.setItem("memo_list", JSON.stringify(list)); } catch (e) { alert('Error saving to storage.'); throw e; } } ///// Add memo function addMemo(text) { var list = getMemoList(); var time = new Date().getTime(); list.push({ id: time, time: time, text: text }); saveMemoList(list); } ///// Delete specified memo function deleteMemo(id) { var list = getMemoList(); for (var i in list) { if (list[i].id == id) { list.splice(i, 1); break; // Quit for loop when found } } saveMemoList(list); }

  • JavaScriptのストップウォッチについて

    以下のコードでストップウォッチを作りました ここまではできるのですがここに新たな仕様として ・画面を開いてから3秒後に自動でカウントする というコードを入れたいです ですからスタートボタンをなくしてストップとリセットだけにしたいです 初心者なので変なコードになっているかもしれません その時はこうした方がいい!みたいなことを言っていただけるとすごく助かります どなたかご教授お願いします HTMLコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="css/aaa.css" rel="Stylesheet" /> </head> <body> <h1>ストップウォッチ</h1> <div id="sec" style="font-size:100px;">0.00</div> <input id="btn_start" type="button" value="Start" onclick="start();"> <input id="btn_stop" type="button" value="Stop" onclick="stop();"> <input id="btn_reset" type="button" value="Reset" onclick="reset();"> <script> var sec = 0.00; var timerId; //スタートボタン function start() { timerId = setInterval(function() { sec += 0.01; document.getElementById('sec').innerHTML = Math.round(sec*100)/100; //もしも0.0で表示したければ10にすること },10); //この数字はカウントの速さ0.00表示の時は10! } //ストップボタン function stop(){ clearInterval(timerId); } //リセットボタン function reset(){ document.getElementById('sec').innerHTML = '0.00'; sec = 0.00; } </script> </body> </html> CSSコード body { background-color:#B2B2B2; } h1 { background-color:#00EFFF; } #sec { background-color:#00EFFF; } #btn_start ,#btn_stop ,#btn_reset { margin-top:25px; background: -moz-linear-gradient(top,#BFD9E5, #63B0CF 50%,#0080B3 50%,#09C); background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#63B0CF), color-stop(0.5,#0080B3), to(#09C)); border: 1px solid #DDD; color: #FFF; width: 60px; padding: 10px 0; }

    • Limer
    • 回答数3
  • バイトスワップをやりたい

    C言語でバイトスワップをやりたいです。voidポインタを使って インプットを受けます。受けたものをHexに変更して、スワップをします。 スワップしたものを表示します。 例えは、 int value(16)が入りました。それをhexに変更すると、intが4バイトですから、 00 00 00 0F に成ります。それをまたスワップすると 0F 00 00 00 に成りたいです。 インプットはdoubleなら 00 00 00 00 00 00 00 0F に成ります。 スワップすると0F 00 00 00 00 00 00 00 に成りたいです。 本当にすみませんですが、出来れば教えてください。 宜しくお願い致します。

    • Suei
    • 回答数4
  • チェックボックス とラジオボタンの値取得について

    チェックボックス とラジオボタンの値取得について こんにちは チェックボックスの中にラジオボタンがある場合に チェックボックスの値に続けてラジオボタンの値を表示したいのですが、 うまくいかず悩んでいます。 【やりたいこと】 □そのた2をチェクして男性を選択した場合 「そのた2 男性」と表示したい。 例 そのた1 そのた2 男性 そのた4 そのた5 女性 サンプルのチェックボックスのlabelタグをはずすと $(vals[i]).next($("input[name='radio']:checked").val()); で値を取得できたのですが、 labelタグを付けたまま値を取得することは可能でしょうか? labelタグをつけたまま、 $(vals[i]).find($("input[name='radio']:checked").val()); でやってみたのですが、undefindがでてしまいました。 サンプルではチェックボックスの数は1個ですが、 □が30個以上 のチェックボックスが50個くらいあるので、 1回の記述で済ませたいのですが、 ラジオボタンが隣にあったら値を取得する のようにできるのでしょうか? 何かよい方法があれば教えて頂けないでしょうか。 よろしくお願い致します。 ■サンプルソース <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript" language="JavaScript"></script> <script language="javascript"> <!-- function textb(){ var str=""; var vals = document.forms['f'].elements['q1']; for(i=0; i<vals.length; i++){ if(vals[i].checked){ str=str + vals[i].value + '\n'; } } document.f.log.value=str; } --> </script> <title></title> </head> <body> <form name="f"> <div>アンケート<br> <label for="1"><input type="checkbox" name="q1" class="chex" id="1" value="その1"> その1</label><br> <label for="2"><input type="checkbox" name="q1" class="chex" id="2" value="その2"> その2</label> <input type="radio" name="radio1" value="可">男性 <input type="radio" name="radio1" value="否">女性 <br> <label for="3"><input type="checkbox" name="q1" class="chex" id="3" value="その3"> その3</label><br> <label for="4"><input type="checkbox" name="q1" class="chex" id="4" value="その4"> その4</label><br> <label for="5"><input type="checkbox" name="q1" class="chex" id="5" value="その5"> その5</label> <input type="radio" name="radio2" value="可">男性 <input type="radio" name="radio2" value="否">女性 <br> </div> <input type="button" value="確認" onclick="textb()"> <input type="reset" value="クリア"> <br> <textarea name="log" rows="4" cols="50"></textarea></form> </body> </html>

  • イベントハンドラに下記記述があるのですが、どういう

    ・イベントハンドラに下記記述があるのですが、どういう意味でしょうか?   if (window.event) {   event = window.event;   }

    • re97
    • 回答数2
  • JavaScriptについて

    本を読みながら勉強しているのですが解説が乗っていなくてわからない部分があるので教えてください <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0,maximum-scale=3.0"> <script src="plugins/plugin-loader.js"></script> <link rel="stylesheet" href="plugins/plugin-loader.css"> </head> <body> <canvas id="canvas" width="300" height="300"></canvas> <script> var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); //ランダムに50個多角形の表示 for (var i = 0; i < 50; i++) { randomDraw(); } //指定範囲のランダムな整数を返す関数 function randomI(nFrom,nTo) { var f = nTo - nFrom + 1; return Math.floor(Math.random() * f) + nFrom; } //ランダムに多角形を描画する関数 function randomDraw() { //パス指定 ctx.beginPath(); //点をランダムに決定 var n = randomI(2,7); ctx.moveTo(randomI(0,canvas.width),randomI(0,canvas.hright)); for (var i = 0; i < n; i++) { ctx.lineTo(randomI(0,canvas.width),randomI(0,canvas.height)); } ctx.closePath(); //描画 ctx.fillStyle = "#" + randomI(0,0xFFFFFF).toString(16); ctx.fill(); } </script> </body> </html> というコードでランダムに50個多角形を描画するというものです function randomI(nFrom,nTo) { var f = nTo - nFrom + 1; return Math.floor(Math.random() * f) + nFrom; ここのrandomIとnToとnFromというのは変数名ですか?これはいったい何者ですか? var n = randomI(2,7); ここの数字を変更すると何かが変わるのですがうまく言葉にできません 何がどう変わるのか教えてください

  • JSPでの変数定義

    以下のようなJSPが2つあった場合にeclipseではTest2がエラーとなってしまいます。(Test2では変数Xが何者か判断できないため) なお実行時には変数の値が参照できるため通常に動作しますが、Test2でもTest1の1、2の記述をする必要があるのでしょうか? Test1.jsp  1.useBeanでBeanAを使用  2.BeanA.getValue()の値を変数にXに設定  3.Test2.jspのインクルード  4.変数Xの値を使用した処理 Test2.jsp  変数Xの値を使用した処理

  • checkboxとlabelがずれる

    以下のhtmlコードがあります。 <input type="checkbox"> <label> 読書 </label> Google Chromで表示すると、チェックボックスと読書という文字の高さ位置がずれています。 何か対処方法はないでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
    • hp_win7
    • 回答数2
  • javascript初心者です。

    javascript初心者です。 javascript (jQuery) のエラー (デバッグ) について質問です。 サイト制作時、エディター(mi)で書いたコードを ブラウザ(chrome)で確認し、自分の意志と違う表示に なったとき、記述ミスならば、要素の検証のコンソールタグに どこに記述ミスがあるか教えてくれますが、 意図しない表示でコンソールに何も指摘がない場合に 制作者の方はどう原因を突き詰めていますか? 不躾な質問で申し訳ないです。。。

    • sui1193
    • 回答数1
  • イベントリスナーで読み込んだ後に、DOMで文字を表

    イベントリスナーで読み込んだ後に、DOMで文字を表示させたい。 DOMを使って、文字を表示させるならイベントリスナーで読み込み必要があると思いました。 そこで、下記のように書いて試してみました。 function hoge(){ this.view = function(){ window.addEventListener( 'load',this.foo, false ); } this.foo =function(){ var txt = document.createTextNode( this.moji ); document.body.appendChild( txt ); } } var a =new hoge(); a.moji="テスト"; a.view(); すると、「undefined」と表示されます。 どうすればいいのでしょうか。よろしくお願いします。

    • a-z_A-Z
    • 回答数2
  • イベントリスナーで読み込んだ後に、DOMで文字を表

    イベントリスナーで読み込んだ後に、DOMで文字を表示させたい。 DOMを使って、文字を表示させるならイベントリスナーで読み込み必要があると思いました。 そこで、下記のように書いて試してみました。 function hoge(){ this.view = function(){ window.addEventListener( 'load',this.foo, false ); } this.foo =function(){ var txt = document.createTextNode( this.moji ); document.body.appendChild( txt ); } } var a =new hoge(); a.moji="テスト"; a.view(); すると、「undefined」と表示されます。 どうすればいいのでしょうか。よろしくお願いします。

    • a-z_A-Z
    • 回答数2
  • javascriptを覚えたいのですが環境が・・

    jsを覚えたいと思い本を 買ったのですがそれはwin8でF12を使うようにと書いてありました。 win7、xpしかもっていません。 探したところ http://jsdo.it/spe/4zMG/edit ここだとalert("a");が実況されず http://thira.plavox.info/jsconsole/ ここだと document.write("a"); が実行されません。 xpにもF!12開発者ツールがありますが 書き込むことができません。 (設定やら書き込む場所がちがう?スクリプトタブを開いても文字が打てない。) for文やらいろいろ試したいのですが どのツール、どう設定すれば 簡単に処理内容が実行され試せるのでしょうか? 教えて下さい

  • java のメソッドの使い方について

    現在のjavaの勉強しております。 そこでフィールドについてどうしてもわからないことがあったので質問させていただきます。 他クラスのメソッドを利用したい時、通常インスタンス化を行いますが、下記のようにフィールドに宣言しても、他クラスのメソッドを利用できることに疑問を感じました。 public class Test{ public String show(){     ~~   return null; } } //Testクラスのshowメソッドを呼び出します public class Test2{ private Test test_; public String triaezu(){    String str = test_.show(); ~~   … このようにフィールドにもつ呼び出しとインスタンス化をして呼び出す方式とは一体何が違うのでしょうか? プログラムの先輩方、基礎的なことすぎて申し訳ないのですが、どうかご教授ください。

    • ベストアンサー
    • Java
  • 初回アクセスから●時間経過後、一部を書き換える

    例えば24時間後に、リンクを押せるようにcominngsoonが、詳細はこちら と切り替わるようにしたいのですが、どうすればいいですか?

    • egtomo
    • 回答数5
  • 計算式を修正してください。

    初心者です、意味もわからずに見よう見マネで作った計算式のフォームですが 古いIEで動かないので、作りなおしている内に全部の環境で動かなくなりました。 古いIEでも動かしたいです。お助け下さい。(小数点以下は表示しない) function calc(form){ form.W.value = Math.round(form.K.value * form.Q.value); form.A.value = Math.round(form.Q.value * 3.5); form.P.value = Math.round(form.T.value * 0.28); form.E.value = Math.round((form.W.value + form.A.value) * form.P.value); form.F.value = Math.round(form.E.value * 30);/* 日 */ form.G.value = Math.round(form.E.value * 365);/* 年 */ form.V.value = Math.round(form.K.value / 2); form.L.value = Math.round(form.V.value * form.P.value); form.M.value = Math.round(form.L.value * 30);/* 日 */ form.N.value = Math.round(form.L.value * 365);/* 年 */ form.X.value = Math.round(form.E.value - form.L.value); form.Y.value = Math.round(form.F.value - form.M.value); form.Z.value = Math.round(form.G.value - form.N.value); } <form> <input name="W" type="hidden" value="0"> 体力<select name="K"> <option value="0" selected="selected">体力</option> <option value="8">男性</option> <option value="6">女性</option> <option value="4">子供</option> </select> ×  走行<input type="text" name="Q" size="6" value="">周  <select name="T"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select>のスピード <br> <input type="button" value="計算" name="result" onClick="calc(this.form)"> <input type="reset" value="クリア" name="reset"> <br> 走行1日<input type="text" name="E" size="4" value=""> 走行1月<input type="text" name="F" size="4" value=""> 走行1年<input type="text" name="G" size="4" value=""> <br> 歩行1日<input type="text" name="L" size="4" value=""> 歩行1月<input type="text" name="M" size="4" value=""> 歩行1年<input type="text" name="N" size="4" value=""> <br> <input type="hidden" name="X" size="4" value=""> 2の差<input type="text" name="Y" size="4" value="">、 3の差<input type="text" name="Z" size="4" value=""> </p> </form>

  • [JS] eventListener

    GMのスクリプトで、ボタンクリックにより、任意の テキストの非表示を切り替える機能に取り組んでいます。 クリックにより eventListener で関数を呼び出して、そのときの 引数で style.display = "block" と "none" を切り替えたいのですが、 クリックにてイベントがトリガされません。また、後述のとおり ページロード時に関数が呼ばれてしまって、非表示の状態でロードが完了してしまいます。 ====================== <省略> // 表示・非表示ボタン var addForm = document.createElement('form'); // 表示ボタン var addInput1 = document.createElement('input'); var addType1 = document.createAttribute('type'); addType1.nodeValue = 'button'; var addValue1 = document.createAttribute('value'); addValue1.nodeValue = 'Display'; var addOnclick1 = document.createAttribute('onclick'); addOnclick1.nodeValue = "hyoji(0)"; addInput1.setAttributeNode(addType1); addInput1.setAttributeNode(addValue1); addInput1.setAttributeNode(addOnclick1); // 非表示ボタン var addInput2 = document.createElement('input'); var addType2 = document.createAttribute('type'); addType2.nodeValue = 'button'; var addValue2 = document.createAttribute('value'); addValue2.nodeValue = 'UnDisplay'; var addOnclick2 = document.createAttribute('onclick'); addOnclick2.nodeValue = "hyoji(1)"; addInput2.setAttributeNode(addType2); addInput2.setAttributeNode(addValue2); addInput2.setAttributeNode(addOnclick2); // ボタンをフォームに追加 newNode.parentNode.insertBefore(addForm, newNode); addForm.appendChild(addInput1); addForm.appendChild(addInput2); // Display <-> UnDisplay switch addInput1.addEventListener("click",hyoji(0), false); addInput2.addEventListener("click",hyoji(1), false); // 関数部分 function hyoji(num) { if (num == 0) { document.getElementById('disp').style.display = "block"; } else { document.getElementById('disp').style.display = "none"; } } ====================== <form> <input type="button" value="Display" onclick="hyoji(0)"> <input type="button" value="UnDisplay" onclick="hyoji(1)"> </form> <div id="disp" style="display: none;"> <pre> 文字列 </pre> </div> ======================= ブレークポイントで動作を追ってみると、ページ読み込み時に addInput1.addEventListener("click",hyoji(0), false); から関数に飛び、戻って来て、 addInput2.addEventListener("click",hyoji(1), false); でまた関数に飛び、 結果的に非表示の状態でページロードが完了します。 その後にボタンをクリックしてもイベントが発生しません。 クリックによるイベントのトリガについて、 初期ロード時に上述の無駄な関数 call をおこさない方法について、 何かご指摘を頂けないでしょうか。 eventListener と style.display については下記を 参考させていただきました。 http://www.vividcode.info/js/event/eventListener.xhtml http://js.studio-kingdom.com/javascript/element/addeventlistener http://www.pori2.net/js/DOM/7.html 宜しくお願い致します。

  • プログラミング | そもそも・・・・

    超ド級の初心者がPythonというプログラミング学習を始めているのですが・・・ 言語に関係なく、そもそものところで、プログラムに関する用語をまとめているサイトとかないのでしょうか? たとえばコンパイルとかインタープリターとか。英訳して大体の感じはつかめますが、正確にどういったものかってのが、ド級の初心者には「?」「??」「???」です。 初心者用のサイトや書籍などをみても、そういったワードがぽんっとでてたりします。 勉強不足は棚に上げますが、完全な初学者を対象にしているのに、そんなのひどい。と思います。 プログラムに必要な基礎知識みたいなのがわかるといいのに。 どうすれば学べますか?ご回答お願いします。

    • 0603104
    • 回答数6
  • 無名関数?

    こんにちは jQuery.fileupload.jsのソースコードを覗いていたのですが いきなり下記のような書き方でコードが表示されていたのですが 意味が分からず悩んでいます。 ======================= (function (factory) { 'use strict'; :     : } (function ($, tmpl, loadImage) {     :     : })); ======================= 最初は無名関数が複数並んでいるのかと思い下記のように修正してみましたが エラーが発生してしまいました。 ======================= (function (factory) { 'use strict'; :     : }); (function ($, tmpl, loadImage) {     :     : }); ======================= 調べてみても上記の書き方をしているサイトが見つからず悩んでます。 ご存知の方がいたら無知な自分に教えて頂けますでしょうか。 よろしくお願いいたします。

    • DHIN
    • 回答数2
  • ブラウザで入力したデータをPCで利用したい

    初心者です。よろしくお願いします。 html/javascriptの<form action ・・・・>で、ブラウザから入力したデータを「サーバを介さずに」同じPC上のフォルダに保存する方法はありますか?あれば教えてください。 やりたいことは、自作のhtmlを入力画面にして、出力先をPC上の任意の.txt、(できれば.xls)に保存したいのです。 見よう見まねで、WEB上にあったサンプルコード、<form action="cgi-bin/aaa.cgi" method="post">に目をつけて、前もってaaa.txtというファイルをPC上に作成し、"file://C:\Users\・・・aaa.txt"とやってみましたが、案の定、目的は達成できませんでした。(所詮素人の浅知恵か・・・笑)。 どうぞ、よろしくお願いします。

  • localStorageでのcheckbox制御

    下記サイトを参考に、テキストボックスとチェックボックスをlocalStorageに保存するプログラムを作ってみました。 http://jsdo.it/twi_masa/hx8D 質問ですが、チェックやテキストを書いて保存ボタンを押すとlocalStorageに値が保存されることはchromeのデベロッパーツールで確認しました。 値がある状態でロードを押すとその保存された状態に復元されますが、それをロードボタンを押さずにページが読み込まれた直後に表示させる方法が知りたいです。 window.onload = function(){ 処理 } だと思い、 load : functionをwindow.onload = functionへ単純に変更しましたが、それでは保存もロード出来なくなってしまいました。 自分では全く書けないので、出来ましたらソースを書いていただけるとありがたいです。 よろしくお願いします。 <table> <tr> <td>テキスト</td> <td><input type="text" id="text1" /></td> </tr> <tr> <td>チェックボックス</td> <td> <input type="checkbox" id="checkbox1" value="0">チェック1 <input type="checkbox" id="checkbox2" value="0">チェック2 </td> </tr> </table> <input type="button" value="保存" onclick="hx8D.save();"> <input type="button" value="ロード" onclick="hx8D.load();" /> <script> var hx8D = function(){ var HX8D = function(){}; HX8D.prototype = { save : function(){ var elements = document.getElementsByTagName("input"); for(var i=0; i<elements.length; i++){ var type = elements[i].type; var key = elements[i].id; if(type == "text"){ localStorage[key] = elements[i].value; }else if(type == "checkbox"){ localStorage[key] = elements[i].checked; } } }, load : function(){ var elements = document.getElementsByTagName("input"); for(var i=0; i<elements.length; i++){ var type = elements[i].type; var key = elements[i].id; if(type == "text"){ elements[i].value = localStorage[key]; }else if(type == "checkbox"){ elements[i].checked = localStorage[key] == "true" ? true : false; } } }, }; return new HX8D(); }(); </script>