読者です 読者をやめる 読者になる 読者になる

purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

javascriptでブラウザの印刷イベントの実行前、実行後を取る

IEのみバージョン5以降 window.onbeforeprint = function() { console.log('This will be called before the user prints.'); }; window.onafterprint = function() { console.log('This will be called after the user prints'); }; Firefox (jquery読み込…

javascript でforeach

phpでいうforeachのjavascript実装パターン for(var i in aryhoge){ console.log(aryhoge[i]); }

javascript 連想配列の書き方

参照 JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記 PHPとJavaScriptの配列や連想配列がごっちゃになるので、整理してみた - maeharinの日記 連想配列 var ary = { "key1" : 'val1', "key2" : 1111 }; // 出力方法 conso…

javascriptで変数名を動的に連結

参照 javascriptで変数名を動的に生成・連結する方法 - Qiita evalを使う html部分 <a href="javascript:void(0)" class="hoge" id="id2">サンプル</a> javascript部分 var hoge = 0 ; var hogeid2 = 1; var id = $(".hoge").attr("id"); hoge = eval("hoge" + id); これでhogeにhogeid2の値が入る、

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

JavaScriptでGETパラメーターを取得する - Qiita

javascriptでwindow.closeは最近のブラウザでは動かないので

参照 JavaScriptでWindow.closeする時のブラウザ別対応まとめ - TechNote ようするに、IE、FF、Chrome、Safari どのブラウザでも onclick="window.open('about:blank','_self').close()" これでいけるとのこと ※FFは若干スッキリとはいかないけど (adsbygoog…

window.onload = function() {} が動かない時

外部jsに window.onload = function() { alert("aaa"); } ってかいて読み込ませてもあれ?動かないぞってときは <body onload=""> とかなってるからかも。この場合onload=""って部分をけしてあげればOK</body>

Javascriptでチェックボックス操作

jQueryを使わず、プレーンで操作する場合 Javascript - チェックボックス・ラジオボタンを操作する(ON/OFFの切り替え) ということでサンプル // タグが<form name="form1"> var root = document.form1; // タグが <input type="checkbox" id="checkname1" name="checkname1" value="1"> root.checkname1.onclick = function() { if(this.checked){ </form>…

Javascriptで今ブラウザで見ているファイルの位置(パス)を取得

参照 Javascriptでファイルの位置(パス)を取得 | doli blog パスを取得するにはこんな方法がある //URLを取得 var url = location.href; // http://exsample.com/sp/ //パスを取得 var path = location.pathname; // /sp/ スマホサイトを/sp/以下で展開し…

JavaScriptでランダムパスワード生成

企業のレガシーな基幹システムだと8文字の中で強度を高める必要があるかもしれませんが webの場合は、大文字や記号が打てない人が対象だったりするので、小文字の英数字の方が実用的だったりします。 仕様 8、10、12、14、16桁のランダムパスワード生成(小…

javascriptでユーザエージェント判定

いいのないかなーと思ってたらこれはステキ [jQuery] ユーザーエージェントの判定 スマホ(iPhone、iPod、Android)、タブレット、IE11にも対応 | 5 LOG http://5log.jp/blog/searchua/ カスタマイズ ちょっと自分用に 自動で、bodyのclassを当てるようにし…

正規表現に変数を使う

indexOfだと大文字小文字が区別されてしまうので区別しないようにするためには 正規表現用のRegExp関数を使う via 変数を使う時はnew RegExp、そこで()使って$1とかで置換したい時はRegExp.$1か引用符で囲む - JavaScriptとかPerlとかPHPとかさくらVPSとか勉…

phpのexplode()、implode()は

JavaScriptだとjoin、split explode→split implode→join

子ウインドウから、親ウインドウを遷移させ、フォーカスを当て、更にその画面から子ウインドウにフォーカスを当てる

※しかしこれだとFx4以上は意図通りになるが他が上手く行かなくなる via Firefox4.0で子窓から親窓へのフォーカス(window.opener.focus)が利かない | そぷログ ※IE8、Chrome、Safari5、Fx3.6では問題ないことを確認しています。 というように、window.blur(…

jqueryで名前にカッコがついたオブジェクトを取得

phpのライブラリとかで吐き出すと そいつの仕様でカッコで書いてある時があります。 そんな時に $("input[name='chk_hoge[1]']").val() via jQuery IDに括弧がついたオブジェクトを取るには | Kinopyo Blog

undefined値の判定

via JavaScript:undefined値の判定 - 泥のように これが個人的にいいなと思います。 if (a == null) { alert("aはundefinedかnull"); }

setInterval関数実行時に'関数名 not defined'が出る

loop = setInterval(hoge(''),2000); とするとエラーがでる loop = setInterval(function(){hoge('')},2000); とすると直る via javascript - I get "function not defined" using setInterval with jQuery. Why? - Stack Overflow

スムーズにページ内スクロールをするjsが上手く動かない

いつからのバージョンかわからないが(割と最近のだと思う) Chromeで 「jQueryでページ内スムーズスクロール」 のスクリプトが上手く動かなくなった。 調べてみると 同じような症状の方がいた。 via HTML Aタグにname idを指定して要素を空にした状態からj…

オブジェクトのthisに行きたいけどjquery使うとその要素のthisになってしまう。

イマイチ理解出来てないので完全に自分メモ jquery.jcarousel.jsを使ってスライドショーのautoplayをしているが aタグをクリックしたら止めたい 162〜184行目あたり var self = this; ・ ・ ・ this.funcNext = function() { self.next(); }; this.funcPrev …

ウィンドウ、リサイズ時のイベント処理の記述方法

調べてたら丁度よいソースを見つけました。感謝。 via jQuery「ウィンドウ、リサイズ時のイベント処理の記述方法」 function doSomething() { リサイズ時、実行する命令 }; var resizeTimer = null; $(window).bind('resize', function() { if (resizeTimer)…

クロスブラウザでiframeの高さを内容コンテンツの高さに合わせる

コンテンツ内の他のページをiframeで読み込んで表示したときスクロールを無しにしたい。 ヘッダとかフッダとか消して、コンテンツ部分だけをiframeに挿入する為。 ただ高さを取得することは割と簡単だったが、 ブラウザの戻るボタンで戻った時もコンテンツの…

ウィンドウ、リサイズ時のイベント処理の記述方法

調べてたら丁度よいソースを見つけました。感謝。 via jQuery「ウィンドウ、リサイズ時のイベント処理の記述方法」 function doSomething() { リサイズ時、実行する命令 }; var resizeTimer = null; $(window).bind('resize', function() { if (resizeTimer)…

IE6で背景にも透過pngを使用するiepngfix.js

via 透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる | DesignWalker しかしiepngfix.jsは今はリンク切れになってしまっているので こちらのサンプルよりDLさせていただきました。 IE6以下で透過PNGを使用する(JavaScript使用)|…

defer属性

defer属性を指定すると、ページの読み込みが完了してからスクリプトを実行する そういえば、alphafilterを使うときに指定してたのを思い出しました。 <script type="text/javascript" defer="defer" src="js/alphafilter.js"></script> via HTML5のscript要素でasync, deferを使ってパフォーマンスアップ - IT-Walker on hatena

フォームに値を自動入力するGreasemonkeyを作った。

フォームのテスト送信で毎回入力するのって結構大変なんですよね。 僕のFirefoxだとテキスト入力欄をダブルクリックすると履歴が出てきたりするけどそれでも面倒だったのでとりあえず作ってみました。 via(jQueryロード部分) newbie on xxx(iphone,object-…

クロージャメモ

via クロージャ入門物語 - 三等兵 つまりこういうこと。分かりやすかったです。 引用; function soto() { var num = 0; function naka() { num+=1; alert(num); } return naka; } var func = soto(); func(); // 1 func(); // 2 func(); // 3 こっちの方が…

アップロードした画像の範囲指定切り抜き

↓こことかで使われている指定範囲のみを保存する方法 マチウケメール便 js配布元 DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us 注意するポイントとしては、DLされるサンプルだとscriptの参照がgoogleのサーバなのでフ…

ユーザスクリプトでjQueryを使用する

firefoxで、Greasemonkeyでユーザスクリプトを実行するときjQueryを使いたかったのでそのメモ via Google イメージ検索画像をレイヤー上に表示 (Greasemonkey) : Serendip - Webデザイン・プログラミング 引用 (function() { // load jquery library var GM_…

FireBugでプリントデバッグ

ずっとalert();人生でした。 これ系の結構さがしてたけど何で今まで見つからなかったんだろう。 今度試してみます。 via JavaScript でプリントデバッグするには? | Diaspar Journal [Firebug] console.logで、変数を監視しよう: Recently Ajax こんな風に…

タブメニューやスライドショーをに使えるjQueryプラグイン

ボタンを押したら画像がフェードイン、アウトするスライドショーを作りたいと思って JQuery Cycle Plugin のfadeを使っていたのだが、これだと枠をCSSで背景として、メイン画像をCMSで登録するということがなかなか難しかった そこで jQueryを使ったタブメニ…

"return not in fnction"というエラー

JavaScript 実験室 より引用 ファイル群の改行コードを揃えるべき。 元のHTMLファイルが \r\n なのにJSファイルが \n だったりすると 意味不明のエラーが出てものすごく悩むことになる。 ("return not in function" とか "}: syntax error" とか)

window.onload のサンプル

メモメモ <script type="text/javascript"> //<![CDATA[ function load() { alert("ほげほげ"); } window.onload = function () { load(); } //]]> </script>

head内に直でjsを書く場合の書式

html4 <script type="text/javascript"> <!-- document.write("Hello!! world"); // --> </script> XHTML <script type="text/javascript"> // <![CDATA[ document.write("Hello!! world"); // ]]> </script>

aタグとかでformをsubmit

元ネタはこちら ボタンで画面遷移 - testVersion - 楽天ブログ(Blog) ↑サイトから引用 <script language="JavaScript" type="text/JavaScript"> <!-- function RUN(para){ document.frm.action=para; document.frm.submit(); } //--> </script> <input type="button" value="住所検索" onClick="RUN('index.html')">

Ajaxの非同期通信

jQueryでAjax非同期通信をします。 例えばFAQのPVカウントとか aタグをクリックしたらアコーディオンで開閉するコンテンツなどにオープン時のみ PVカウントを+1する時とかに利用 <script type="text/javascript" src="../../js/jquery-1.2.6.min.js"></script> <script type="text/javascript"> var flg = new Array() ; function fPV(id) { //排他的論理和でオープン時を…

文字数カウンターを作る

昔作った文字数カウントするやつが出てきたのでメモ、 この頃はjqueryをあんまり使って無かったみたい。 Prototypeのversionは'1.5.1.1' 完成デモ demo 主なソース部分 html側 <script type="text/javascript" src="../js/prototype.js"></script> <script type="text/javascript" src="../js/text_count.js"></script> ・ ・ ・ <textarea id="tContents"></textarea> <p>現在の文字数</p>

サイボウズOffice6の予定の登録で今の時間をワンタッチで入れる

前もちょっとサイボウズグループウエアをいじったけど サイボウズOffice6の出社ボタンを自動で押す - purazumakoiの[はてな] 今回は予定の登録で ボタンを押すと今の時間が入るようにする。(厳密にはちょいちがうけども) といっても分は15分単位という仕様…

文字列の置き換え

ブックマークレットで動かすと結構便利だったりする //置き換え 前 後 javascript:document.body.innerHTML=document.body.innerHTML.split('befoer').join('after');eval();

チェックボックスがチェック済みかのチェック

if(document.getElementById('hoge').checked == true) { //処理内容 } checked == "checked" ではない

javascriptで要素をロック(変更できない)する

チェックボックスとかラジオボタンの時に使うことが多いかな 参照 1度しか押せないボタンを作る - JavaScript TIPSふぁくとりー // 変更できない document.getElementById('fuga').disabled = true; // 変更できる document.getElementById('hoge').disabled…

XSS対策チェック用おためしコード

お試しコード <script>alert("XSS");</script>

aタグをトリガーにしてjavascriptを実行する時の書式

aタグでonclickとか動かしたくなった時の為のメモ [J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech) ↓全角注意(半角にしてね) <a href="javascript:void(0)" onclick="function_name(); return false;"> href属性へのイベン…

検索した文字列を変数に取得する

例えば 文字列「値1 = 100」 となっている所の100の部分だけを取得したい // 検索するとその文字列が選択される var text1 = document.selection.Find("値1 = \\d+",eeFindNext | eeFindReplaceEscSeq | eeFindReplaceRegExp); // 検索(選択)された文字列…

サイボウズOffice6の出社ボタンを自動で押す

本当はサイボウズ側の設定で、1日の表示時に自動で出社にする、っていう機能があったはずだけど、 たしか管理上の理由でその機能を止められていたんだはず。 で、毎朝出社して、PCが起動するまでに10分くらい掛かる僕のPC。 毎日一旦遅刻して!そんであと…

XmlDocumentオブジェクトを返す関数

Ajaxイン・アクションのサンプルを実行してみた。 ■リスト2.8 getXmlDocument()関数 XMLDocument オブジェクトは本来xmlを取得する目的に使われるっぽいけど 今回はブラウザの判別程度にしか使えない demo demoはコチラ ※注:alertが二つでます getXmlDocume…

parseInt関数で注意すること

文字列→数値にするparseInt関数 第二引数で何進数かを指定してあげないと仕様の落とし穴にはまりそう 引用 JavaScript コラム:『parseInt()について』 例えば、parseInt("08")は、8ではなく0になり、parseInt("09")も0になります。 parseInt("08",10)とすれ…

ページロード時に画像をランダムで表示する

昔グランドトップのキービジュアルとかとかに結構つかわれてたような気がする 一応ソースをメモっておこう このソースの場合は3つのうちランダムで表示です。 javascript部分 function preload() { img = new Array(); img[0] = new Image(); img[1] = new …

JavaScript でタブメニュー(画像ボタン)

画像をタブとして使いたかったので 画像をボタンとし、デフォルト、オーバー、アクティブでそれぞれ画像が切り変わるタブメニューを作りたいなと思い、jqueryでサクッと出来るサンプルとかあるかなと思ったけど無かった・・・ という事で こちらのサンプルを…

$を使わずに他のライブラリと共存する

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery_auto_j.js"></script> <script language="javascript" type="text/javascript"> //

ShareOnTumblrで投稿できなくなっていたので

Tumblrのヴァージョンが3になったからだと思うけど 動かなくなってしまった。 ググッったらありがたいことに対応方法があった。 ShareOnTumblrで投稿できない件 ― ありえるえりあ postするべきURLが変わっていただけっぽいのでよかったー ShareOnTumblr.js:…