javascript

残り日数の表示

<span id="view_clock"></span> <script type="text/javascript"> showDiffDate(2020,2,3); function showDiffDate( tYear, tMonth, tDay) { // 現在日時を数値に変換 var nowDate = new Date(); var dnumNow = nowDate.getTime(); // 指定日時を数値に変換 var targetDate = new Date( tYear, tMonth-1, tDay ); // 月の…

ページを全部読み込み前にjavascriptを実行する

onloadイベントより早いタイミングで実行されるDOMContentLoadedイベントを使う。 window.addEventListener("DOMContentLoaded", function(){ // 画面読み込み時の初期処理とか書く。 }, false); ネタ元 https://www.yoheim.net/blog.php?q=20120904

フォームのチェックボックスがONか確認する

<html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> </head></html>

JavaScriptで正しいメールアドレスかチェックする

// ------------------------------------------------------------------- // メールアドレスチェック関数 // ------------------------------------------------------------------- function MailCheck( mail ) { var mail_regex1 = new RegExp( '(?:[-!#…

javascriptの2種類の タイマー処理

setInterval…一定時間ごとに特定の処理を繰り返す setTimeout…一定時間後に特定の処理をおこなう(繰り返さずに一度だけ) ネタ元 https://techacademy.jp/magazine/5537

javascriptでGETパラメータを取得する

function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]]…

javascriptで選択肢によってドロップダウンのメニュー項目を変える

javascript部 <script type = "text/javascript">

javascriptで日時をunixtimeに変換

date = new Date("Thu, 06 Sep 2012 00:00:00 +0900"); unixtime = parseInt( date.getTime() / 1000 ); ネタ元 https://qiita.com/labocho/items/5fbaa0491b67221419b4

ボタン押して指定したURLへジャンプ

HTML <html> <head> <meta charset="utf-8"> <title>Test</title> <script type="text/javascript" src="main.js"></script> </head> <body> <input type="button" value="実行ボタン" onclick="main();"/> </body> </html>Javascript function main() { var flag =…

JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト

HTML <form> <table border="0" cellspacing="0" cellpadding="0"> <tr> <th>利用方法</th> <td> <label><input type="radio" name="entryPlan" value="hoge1" onclick="entryChange1();" checked="checked" />初めて申し込む</label> <label><input type="radio" name="entryPlan" value="hoge2" onclick="entryChange1();" />2度目以降の利…</label></td></tr></table></form>

javascript ドロップダウンリストの選択肢の内容を得る

var tako; tako = obj.selectname.options[obj.selectname.selectedIndex].value; obj.text1.value = tako; ネタ元 http://kobarin.hateblo.jp/entry/20110712/1310457006 http://www.tohoho-web.com/lng/200002/00020406.htm

javascript getElementByIdとgetElementsByNameの罠

「getElementById」で取得された方は「id.value」といった形式でvalue値を参照できますが、「getElementsByName」で取得された方は、「name.value = undefined」となっており、「name[0].value」のように参照しないとvalue値を参照できません。 |<< なやんだ…

javascript&正規表現で、希望するセルへ色を一括で付けたい

var regexp = new RegExp("^c[0-9]{2}g[0-9]{3}_2$"); function test(){ //個人的にはgetElementsByTagNameNSが使いたい。 var tds = document.getElementsByTagName("td"); for (var i = 0;i

onLoadイベントより早く実行する方法

画面周りの処理をjavascriptで書くとwindow.onload = では画面のチラツキが出て困る。 document.addEventListener("DOMContentLoaded", load, false);ネタ元 https://developer.mozilla.org/ja/docs/Web/API/EventTarget.addEventListener ※追記onloadの代わ…

ログインフォームを自動入力するブックマークレット

シンプル javascript:(function(){ //ユーザ名を入力 n=document.getElementsByName("username"); n.item(0).value="usernameHERE"; //パスワードを入力 p=document.getElementsByName("password"); p.item(0).value="passwordHERE"; //フォームを実行 f=doc…

JavaScriptを使って名無しフォームを操作する方法

document.forms[?]で操作 document.forms[num].action="/index.cgi"; document.forms[num].a.value="1"; document.forms[num].submit();ネタ元 http://okwave.jp/qa/q4272865.html

JavaScriptを使ってPOST送信する方法

まだ良くわかってない function doPost(form, action, name){ name = name || "send";//defualt setting. var submitType = document.createElement("input"); submitType.setAttribute("name", name); submitType.setAttribute("type", "hidden"); submitTy…

IEやChromeでクリップボードにコピーを実現するにはZeroClipboard

JavaScriptで、クリップボード操作するのは、IEでは簡単なのですが、その他のブラウザでは実現困難です。そこで、Flashのクリップボード操作機能を用いて実現してしまおうという代物です。ZeroClipboard https://github.com/zeroclipboard/ZeroClipboard Zer…

スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」

使えるかもhttp://phpspot.org/blog/archives/2012/09/positionfixedst.html

jqueryでラジオボタンの値を取得

//チェックされた値の取得 //tmpにチェックされているvalueの値が取得できる var tmp = $(”input[name=color]:checked”).val(); ちなみに値の設定方法はこちら //↓femaleにchecked=”checked”された状態になる //valのカッコの中要注意 $(”input[name=color]“…

jqueryでラジオボタンの設定が変化したイベント処理

(function(global){ ... $('input[name=position]').bind('change', function(){ //処理 } ... });ネタ元 http://forum.jquery.com/topic/how-to-bind-a-onclick-event-to-a-radio-button

とりあえず動作確認で使う windows.alart()

<script> windows.alart('Hello! world'); </script>ネタ元 http://www.htmq.com/js/window_alert.shtml

enchant.js 怒涛の 100 tips

いじれないままでやきもきしてたけど、こうやってどんどん情報がでてくるのはありがたい。 http://tmlife.net/programming/javascript/enchant-js-100-tips.html?utm_source=dlvr.it&utm_medium=twitter

enchant.js使い方辞典

http://www.openspc2.org/reibun/enchant.js/v0.4.3/

あとで読む 「やっと理解できた!JSオブジェクト指向プログラミング再入門」

http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/

enchant.jsで自動的に画面が拡大されるのを抑制するには <div id="enchant-stage"></div> <!-- ←これだけ!! -->

画面が勝手に大きくなったりするので困ってたら本家エントリがでてた。http://wise9.jp/archives/6373 助かるわぁ。

enchant.jsのクラス継承とJavaScriptのクラス継承のちょっとした違い

C++から来るとハテナとなるjavascriptの継承についてと、enchant.jsのクラス継承についてのお話。 http://wise9.jp/archives/6196 javascriptをやるのにいきなりenchant.jsを使うつもりの方は必読。

javascriptでsprintf() もしくは String.Format()

自前でformat関数みたいなのを作る function format(fmt) { for (i = 1; i < arguments.length; i++) { var reg = new RegExp("\\{" + (i - 1) + "\\}", "g") fmt = fmt.replace(reg,arguments[i]); } return fmt; } var dat = new Date(); alert( format("…

クロージャがわかってきた

ここの解説でピンときた。連載:Ajax時代のJavaScriptプログラミング再入門-第3回 変数の宣言とスコープ-クロージャの仕組みを理解する いままでまったく理解不能だったけど、なるほど便利かも。あとは実務で使うときがあれば身につく・・・はず。

JavaScriptにおける“クラス”の定義

http://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs04/ajaxjs04_01.html C++の気持ちでいると混乱する。「JavaScriptでは関数オブジェクトにクラスとしての役割を与えて使うもの」と考えるべし。 そして「プロトタイプ」という考え方も重要。 クラスに関数(…