javascript

デバッグ用ログ出しにはconsole.log()

Chromeの「要素の検証」を利用したりすると見れる。

DOM document.getElementById()でHTML要素をいじる

<p>僕の名前は<span id="myName">@taguchi</span>です。</p> <input type="text" id="price" />円。 <script> // document object model(DOM) var e = document.getElementById('myName'); e.innerHTML = 'たぐち'; var n = document.getElementById('price'); n.value = 500; </script> ネタ元 http://dotinstall.com/lessons/basic_javasc…

enchant.jsでドラッグ&ドロップ

TOUCH_STARTイベント時にドラッグ開始位置を記憶して、 TOUCH_MOVEイベントで随時座標を変化させる感じ。 var bear = new Sprite(32, 32); bear.image = game.assets['chara1.gif']; bear.x = 100; bear.y = 200; bear.addEventListener(enchant.Event.TOUCH…

数字の0詰めテク

こうすると必ず3桁になる。 str = (“00″ + i ).substr(-3)substr(-3)は「後ろから3つ」という意味 ネタ元 http://mynote.mydns.jp/blog/wordpress/?p=358

callメソッドとenchant.jsのClass.create

callメソッドとは Function.call の第1引数を this として、Function を呼び出す。ネタ元 http://keicode.com/jsref/function.call.php ややこしや。 var MySprite = Class.create(Sprite,{ // Spriteを継承したクラスを作成する initialize: function(widt…

40分で覚える!jQuery速習講座

基礎からなのでわかりやすい。 http://ascii.jp/elem/000/000/498/498710/ こっちもいいよ ノンプログラマーのためのjQuery入門 View more presentations from Hayato Mizuno

ある程度スクロールするとふわっと出現する「ページの先頭へボタン」のスクリプト

こちらのサイトからscrolltopcontrol.jsとup.pngをダウンロード scrolltopcontrol.jsの12行目の矢印画像の指定部分を任意のURLに変更 controlHTML: '<img src="http://画像のアドレス/up.png" />', ヘッダエリアに下記の記述を追加。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

コンテンツ内を開閉してくれるアコーディオンメニュー

http://www.css-lecture.com/log/javascript/019.html アコーディオンメニューって名前だったんだ。

JavaScriptで引数を受け取る

「htp://homepage2.nifty.com/BASH/WWW/JavaScript/qs2.html?id=0000001」と、リンクしたときにidというNAMEで、0000001というValue値を取得できるようにする例 <HTML> <HEAD> <TITLE>JavaScript集(QueryStringの受け渡し) -Bash Homepage-</TITLE> <SCRIPT LANGUAGE="JavaScript"> 1) { var m_Array = loca…</head></html>

「このページのトップへ」をJavaScriptで

画面のトップへ戻る時、いきなりではなく、アニメーションでわかりやすく戻ります。 backToTop.js function backToTop() { var x1 = x2 = x3 = 0; var y1 = y2 = y3 = 0; if (document.documentElement) { x1 = document.documentElement.scrollLeft || 0; y…

ノンプログラマーのためのjQuery入門

ざっと流して読んどくだけでもためになる ノンプログラマーのためのjQuery入門 View more presentations from Hayato Mizuno ネタ元 http://kachibito.net/web-design/jquery-slide-for-beginner.html

javascriptで現在のページ内のimgタグを抽出

var url = location.href; img_array = document.getElementsByTagName( "img" ); alert(img_array.length); // imgタグの数 alert(img_array[0].src); // 最初のimgタグのURL表示ネタ元 http://javascriptist.net/ref/document.getelementsbytagname.html h…

javascriptで文字列を分割

var record = 'aaa,bbb,ccc'.split(/,/); // => ['aaa', 'bbb', 'ccc']ネタ元 http://d.hatena.ne.jp/gifnksm/20100131/1264934942

さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料

http://d.hatena.ne.jp/secondlife/20110309/1299597318 ほんとテストってかくのも大変。管理も大変なのよね。

サーバー側コーディング不要のGoogle App Engine開発環境「jsonengine」

紹介記事 http://codezine.jp/article/detail/5690 JavaやPythonの知識不要で、javascriptだけでGoogle App Engineを使ったソフト開発を可能にしてくれるツールらしい。これなら気軽に組めるかも?! jsonengine 日本語ドキュメント

A8.netで楽天アフィリエイトリンク(テキスト)を簡単作成するブックマークレット

A8.net経由で楽天アフィリエイトすると、簡単に現金収入GETになる。 楽天アフィリエイトは、なんといっても紹介した商品以外のものが売れても利益にになるのがたまらない。cookie有効期間は30日だし。当ブログでもほぼ毎日なにかが売れている。 そしてA8経由…

javascriptでポップアップメッセージ

window.alert('これは、JavaScriptで書かれた\n警告メッセージです。');ネタ元 http://www.geocities.co.jp/Technopolis/1051/HowJavaScript.html

javascriptでフォームに入力

フォームのtextItemUrlというテキストエリアに"abc"と入力する例 oForm = document.forms[0]; oForm.elements["textItemUrl"].value="abc"; window.alert(oForm.elements["textItemUrl"].value);ネタ元 フォームに適当な値を入力するブックマークレット How …

javascriptで今のURLを取得

location.hrefネタ元 http://q.hatena.ne.jp/1137197874

javascriptで選択範囲の文字列取得

ブラウザごとに方法が違うらしい。 以下の例はIEとその他、で分けてるだけ。すべてのブラウザではチェックしてないし、将来どうなるかはわからない。 var isIE = navigator.appName == 'Microsoft Internet Explorer' ? true : false; var sel_txt = ''; if(…

HTMLでformを作らずにJavaScriptでPOST送信

フォーム自動入力して結果出力なんて処理を作るときに便利 function submitForm( value ){ var form = document.createElement( ‘form’ ); document.body.appendChild( form ); var input = document.createElement( ‘input’ ); input.setAttribute( ‘type’ …

ブログにUPされた写真のEXIF情報からどこで撮ったかGoogleMapで表示しちゃうJavascript

iPhoneとかGPS機能がついてる機種で撮ったものじゃないと使えないでしょうが、すごいなぁ。 EXIFにはGPS座標までくっついてきちゃうのか。 秘密の場所に行った写真をブログにアップすると、どこにあるのかモロばれってこともあるですね。http://blog.livedoo…

小数点以下X桁を四捨五入する

とくにAPIは用意されていないようです。なので四捨五入したい桁の上の桁までをいったん整数にしてから四捨五入のAPIを使って、その後小数に戻すという技を使います。 var i = 3.14159265 * 100; // => 314.159265 i = Math.round(i); // => 314 i / 100; // …

フォームの値を取得する

書式は、 変数名=document.フォーム名.テキストオブジェクト名.value;となります。 つまり <form name="form1"> <input type="text" name="text1"size="10"> <input type="button" value="CLICK!" onClick="my1()"> </form>なら var str = document.form1.text1.value;という感じです。参考 http://www.west-mira.jp/javascript/html/2/3/lec_10_get/get_text/ JavaScrip…

画面を切り替えずに結果を出力する

bread.htmlを参考に。 HTMLで <dd><div id="stdout"></div></dd>という部分を用意し、 function p(s){ document.getElementById('stdout').innerHTML += s + '<br>'; }てな感じで出力すると、上のHTMLの部分に出力される。ダイナミックHTMLっていうものらしい。

アラート

alert('おいっす!');デバッグのお供に。

勉強を始める前の環境作り

bread.htmlという名前で以下の内容のファイルを作る <script> function p(s){ document.getElementById('stdout').innerHTML += s + '<br>'; } </script> <dl> <dt>プログラム:</dt> <dd><textarea id="src" cols="80" rows="25"></textarea></dd> <dd></dd></dl>

HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」

使えるかも。いただきます。ところでchm形式のヘルプってどれくらい需要あるものなのかな? ダウンロード元 HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。

SUBMITボタンを押さないでフォーム送信したい

<select name="pref" onchange="submit(this.form)">といったように「select」に「onchange="submit(this.form)"」をいれると、このセレクトメニューに変更があればこのフォームを送信される。 ネタ元 SUBMITボタンを押さないでフォーム送信</select>

静的HTMLで、インクルード(include)を実現するためのJavaScript

C/C++などのプログラマ経由でhtml触るとインクルードできないのかよ!と叫びたくなりますが、japascriptを使えばできます!コードは以下を参照してくださいね。静的HTMLで、インクルードを実現するためのJavaScriptかなり大助かり!