JPEG画像にJavaScriptのコードを埋め込んでみる | みどりのさるのエンジニア
JPEG画像にJavaScriptのコードを埋め込む手法が紹介されていたので試してみました。 今回は次の画像に対してコードの埋め込んでみます。 注意 この記事は攻撃方法を知ることでセキュリティを学ぶことを前提としており、実験も仮想環境上で実行しています。 決して外部サイトに対して実行しないようにしてください。 画像のバイナリを見てみる 今回試す方法は画像のバイナリを変更してコードを埋め込んでいます。 そこで、最初は画像のバイナリを確認してみます。 $ hexdump -C donarudo.jpg | head -n 5 00000000 ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 |......JFIF......| 00000010 00 01 00 00 ff e1 00 6c 45 78 69 66 00 00 49 49 |..
console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
WindowEventHandlers.onafterprint - 印刷用のダイアログを閉じた時に発火
JavaScript // イベントの設定 (onafterprint) window.onafterprint = function ( event ) { // ... } // イベントの設定 (addEventListener) window.addEventListener( "afterprint", function ( event ) { // ... } ) ; HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>【デモ】WindowEventHandlers.onafterprint - 印刷用のダイアログを閉じた時に発火</title> <link rel="canonical" href="https://syncer.jp/Web/API_Interface/Reference/IDL/
chart.jsのグラフで軸のラベルを飛び飛びに表示する方法 - Qiita
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.bundle.min.js"></script> </head> <body> <div style="height: 500px; width: 500px;"> <canvas id="myChart" width="400" height="400"></canvas> </div> <script> var
JavaScriptの配列をも〜っと深く理解する：lengthの不思議な動作 - page2 - builder by ZDNet Japan
配列オブジェクトの中に格納されている値の個数は、現在4つのはずです。lengthが「配列の長さ」を表すのであれば、「4」が表示されてもおかしくはありません。 しかしこれは、試してみればすぐわかるのですが、答えは「1001」となります。「配列の長さが1001」ということは、「a[1000] = 500」を行った瞬間にオブジェクト1000個分の領域が確保されてしまったのでしょうか？ 幸いなことに、そうではありません。in演算子を用いて、オブジェクトaに格納されているキーと値を調べてみることにします。 var tmpArray = []; for (var key in a) { tmpArray.push(key); } // 結果は「0,1,2,1000」 alert(tmpArray.join()); 結果は「0, 1, 2, 1000」となります。つまり、lengthの値が1001を表し
ファイルアップロードをajaxで行う IE対応 - AUSGANG SOFT
ファイル選択をしたら自動的にajaxでアップロードする機能をつくっていたのだけど、やっぱりIE対応でつまづいた。いちおうIE8対応を目指した。 ajax送信は、このライブラリを使用。 jQuery Form Plugin http://malsup.com/jquery/form/ そのままだとIEで動かない。 596行目のfinallyがIEではエラーになるので、コメントアウト。 次、ファイル選択で自動アップロードしたかったので、jQueryのchangeイベントで処理を書いたが発火してくれない。 jQueryのchangeイベントで気をつけること http://d.hatena.ne.jp/sho-yamasaki/20120319/1332168988 onchangeならうまくいくらしい。 あと、ファイル選択部分を以下をつかって整えた。 JavaScript · Jasny Boo
外部jsのキャッシュを使わせないようにする | cly7796.net
ファイルを更新したのにユーザー側でキャッシュが残っていて反映されない、といったことを防ぐために、外部ファイル化しているJavaScriptのキャッシュを使わせないようにする方法です。 サンプルコード HTML <script> document.write('<script src="sample.js?' + parseInt((new Date)/1000) + '"><\/script>') </script> ファイルのsrcの後に毎回異なるクエリーが付加されるようにしています。 外部jsのキャッシュを使わせないようにするデモページ 同じ方法で、CSSの読み込みもキャッシュを使わせないようにできると思います。 (JavaScriptオフの環境を想定する場合、noscriptタグでCSSの読み込みも必要です。) 【参考サイト】 ブラウザ上でcssやjavascriptのキャッシュを使
JavaScriptでwindowを閉じるやつ - Qiita
window.open('about:blank','_self').close(); とやると閉じることが出来るみたい。 一回自分自身に対して空タブを開くことでjsの操作対象にして、その上でclose()を実行している感じ。 ちなみにFireFoxはこれでもダメで、空タブが残ってしまうので諦めてください。 なお、
IEのクローズ処理をハンドリングする - 開発思考実験日記
普通はそんなの難しいからあきらめてもらうのだが、どうしてもやりたいというので考えることにした。 まずは、Googleで調べてみるとそれなりにHITする。みんな苦労しているんだな。 onbeforeunload 最初にたどり着いたのは、onbeforeunload イベントを利用する方法。onbeforeunload は ページがアンロードされる前に発生するものなので、リンクを押したりしたりするだけでも発生する。なので、クローズ以外でも発生することが問題になり、これを対策する必要がある。がんばってみよう。 よく利用されている対策は、onbeforeunloadイベントが発生した際の event.clientYやevent.clientXを調べて0より小さい場合はCloseだと判断する方法である。しかし、この方法だと更新ボタンを押してもCloseだと判断してしまう問題がある。 これを対策する方
アドレスバーのURLを書き換える - Qiita
googleのエイプリルフールネタの「Google 日本語入力 ピロピロバージョン」を見ていたら、 https://www.google.co.jp/ime/___o/ 画面をスクロールすると、アドレスバーのURLも下記のように画面更新しないでピロピロと変わっていた。 https://www.google.co.jp/ime/___o/ ↓ https://www.google.co.jp/ime/________o/ ↓ https://www.google.co.jp/ime/__________/ // 履歴エントリの置き換え // http://exapmple.com/xxx/123 → http://example.com/xxx/aiueo history.replaceState('','','aiueo'); // http://exapmple.com/xxx/123
ブラウザの戻るボタンで戻ったときに呼ばれるイベントとかキャッシュとかそこらへんのこと - koumiyaの日記
IEでは戻るボタンで戻ったときにonloadイベントが呼び出されるが、Firefoxでは呼び出されないなどブラウザによって動きが違うようです。 よくある二度押し防止対策として、送信ボタンをクリックしたときにボタンを無効(disable = false)にして次の画面に遷移させるということをやりますが、その後ブラウザの戻るボタンで戻られるとボタンが無効のままで操作できないままになってしまいます。 その対策として、画面を表示したときに無効を解除するという処理が考えられますが、IEではonloadイベントが呼ばれるがFFでは呼ばれないという上記の問題が発生します。 調べてみたところ、戻るボタンとonloadイベント - a geekで紹介されている方法で解決できるみたいです。IEではonloadを使い、FFではpageshowを使い、Safariではonloadとonunloadの合わせ技で戻る
(0, eval)('this')とは何なのか - Qiita
この(0,eval)('this')はいったい何なのか。調べた。 調べた結果 これはindirect eval callを使用した、どのスコープでも必ずグローバルオブジェクトのthisを取得するためのテクニックであった。 ES5ではevalを直接呼び出すと、引数のコードはそのスコープで実行されるが、間接的にevalを呼び出すと、引数のコードは必ずグローバルスコープとなるそうだ。なので引数のthisは必ずグローバルオブジェクトとなる。ブラウザではwindowとなり、Nodeではglobalになるのだ。実際どうするかだが、eval関数を変数に代入し、その変数で実行すればよい。 // Nodeで実行 var obj = new (function(){ this.direct = eval('this'); var ev = eval;// 変数に代入 this.indirect = ev('t
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
【JavaScript】IEで確認ダイアログを表示せずに画面を閉じる
IEでJavaScriptの「window.close」使って画面を閉じる際に、 親ウィンドウを閉じようとすると、 「ウィンドウは、表示中のWebページにより閉じられようとしています。 このウィンドウを閉じますか？」 という確認ダイアログが表示されます。 (親ウィンドウから子ウィンドウを閉じる場合は確認ダイアログは表示されません) この確認ダイアログを表示させなくする方法があります。 IE6場合は以下のコードで実現出来ます。 window.opener = true; window.close(); 通常のウィンドウを閉じる「window.close」の前に、 「window.opener」の中に何か加えると、 確認ダイアログは表示されずに閉じる事が出来ます。 これはIEが「window.opener」の中身がnullか否かで、 親ウィンドウなのか子ウィンドウなのかを判断している事を利用し
ニコニコ動画のプレーヤーをJavaScriptから操作するAPI一覧 - kiyohoge
調べてみたのでメモ。 ちなみにいかのplayerは var player = document.getElementById('flvplayer');で取得できるようなプレーヤーの要素。 player.ext_play(boolean) -> void引数がtrueの場合実行、falseなら停止。 player.ext_setPlayheadTime(number) -> voidnumber秒後にシーク。 player.ext_setMute(boolean) -> void引数がtrueの場合ミュート、falseならミュートを解除。 player.ext_setVolume(number) -> void音量を0〜100の範囲で音量を調節、それ以外の値が引数だと無効。 player.ext_setCommentVisible(boolean) -> void引数がtrueの場合コメン
disabledなコントロールはフォームで送信されない: 永遠ログ
Mac OS X 向けアプリケーション開発を仕事としている永遠製作所が、日々の開発でつきあたった問題点や、ちょっとしたTipsをメモしていこうと言う、自分勝手な覚え書きブログ。 なぜ、Hidden Fieldなんて使おうと思ったのかというとdisabledに設定したText Fieldの値がサーバーアプリケーションで受け取れなかったからです。 そもそもブラウザが送信していないのか、WebObjectsがフィルタしているのかわかりませんが、バインドした変数には何にも入ってきていません。 そもそもHiddenなコントロールでは値は変更されないのだから意味がないのでは？と思うかもしれません。実は、ブラウザ上でJavaScriptを使って値を設定してサーバーで受け取ろうという考えです。直接テキストを編集されたくないのでdisabledに設定したのですが、サーバー側で受け取れませんでした。 そこで、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
X-Axis Label Rotation 90 degree · Issue #2827 · chartjs/Chart.js
console.timeStamp() - Web API | MDN
Twitterのキーボードショートカットを無効化する (Stop Twitter Keyboard Shortcuts)
フォーム送信前にJavaScriptでdisabled解除 - Artsnet