アナログCPU:5108843109

ゲームと音楽とプログラミング(酒と女とロックンロールのノリで)

('ω') < イザユケエンジニャー

JavaScript(jQuery)

ツールチップを自前で実装

したのでメモっておく。つーかはてなブログ、CSSもJSも記事内で書けるのかスゲー。 ということで実装サンプルも置いておく。↓実装サンプルここから ================================ ここにマウスを乗せるとピョッと出てくる ===============================…

setIntervalの挙動で勘違いしていたこと

setIntervalを単なる時間区切りループ的なものと認識していたらつまづいた話。(初心者丸出し) ※コードはjQueryで書いています以下のコード、 「start」→「roop:0」→…「roop:4」→「end」 と動くのかと思ったら、 「start」→「end」→「roop:0」→…「roop:4」 …

新しいウインドウを開き、そこに値を送信する

まずは結論 <HTML:親ウインドウ> <a href="#" onclick="pushValue();">ウインドウを開いて値を送信する</a> <HTML:子ウインドウ> <input type="hidden" id="testid" value=""> <jQuery> var obj; // 開いたウインドウを扱うためのオブジェクト変数 function pushValue(){ // ウインドウオブジェクトが存在しない場合・閉じられている場…

JS/jQueryを使って、動的に生成したURLへ遷移させる

3種類考えたので全部書いとく。 「動的に生成したURL」ってタイトルだけどその生成部分は重要じゃないので普通に固定値で書いてる。 location.hrefを使う方法 <HTML> <a href="#" onclick="redirect();">ダミーリンク</a> <jQuery> function redirect(){ location.href = "http://example.com";…

定期的に処理を行う

5分ごとにAjax通信で画面の一部を更新するとか、 時計やタイマー的な機能の実装をするとかの用途? (上記の例ではほかに良い手段もあるかもしれませんが)意外と簡単に実装できました。 setInterval(function(){ // 処理 },[ミリ秒]); 例えば以下のコードだ…

チェックボックスのオンオフ切り替え

JSからチェックボックスのチェック有無を切り替える方法。 考え方としてはcheckboxタグの「checked」を入れたり消したりするだけ。<HTML> <input type="checkbox" id="cb1"> <jQuery> // チェックを入れる $("#cb1").prop("checked", true); // チェックを消す $("#cb1").prop("checked",…

spliceを使いこなす

spliceメソッドを使うことで 「配列の途中に要素を追加」「配列の途中の要素を削除」できるようです。 配列.splice(開始位置[, 削除する要素数][, 追加する要素1, 追加する要素2, ...]) 開始位置 0始まり(というか単純にキーと思えばOK?) 負数なら配列の…

jsで配列操作いろいろ

jQuery限定な話は混ざってないと思う…たぶん。jQueryですがループの話はこっち。 配列でjQuery式foreach - アナログCPU:5108843109 配列をつくる 基本の配列 // 空の配列を定義 var list_1 = []; // データの入った配列を定義 var list_2 = ["a", "b", "c"]…

jQuery入門 #2:classとid

※「jQuery入門する人向け記事」じゃなくて「自分がjQuery入門してみた記事」です前回作った「コンテンツの開閉スクリプト」と「div自体をリンクにするスクリプト」ですが、 これは汎用的に使えそうですね。 jQuery入門 #1:導入方法と簡単なスクリプト作成 -…

jQuery入門 #1:導入方法と簡単なスクリプト作成

※「jQuery入門する人向け記事」じゃなくて「自分がjQuery入門してみた記事」です今までPHPとMySQLでバックエンドばっかりごりごり書いてきたツケが回ってきてjsで苦労しているのできちんと勉強したい(言うだけタダ) とりあえず今のPJがjQueryなので、jQuer…

処理時間計測用JavaScript

HTMLの処理時間計測用に作ったやつ。 jsほぼ書いたことないからもしかしたらなんか基礎的なところで間違ってるかもしれんけど、一時的に設置するだけのやつだからいーや。計測開始地点に設置 <script> var start = new Date(); </script> 計測終了地点に設置(ミリ秒が表示さ…