JavaScript初心者におくる24のグレイトなtips - 三等兵
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ
Lightform Free Ajaxphp Contact Form » Web-kreation
Web Kreation Ltd. is now Morphosis Ltd.. You can still view this site but comments are closed and contact form disabled. If you want to see our latest work or contact us, please visit our new site www.morphos.is. Web-kreation Online Portfolio of Jeremie Tisseau UI/UX Designer, Event Organizer, Web Entrepreneur
Live Validation
Lets face it, forms are boring, validation is a pain. It’s time to inject some life into them, make them fun again… Now that we’re all friends, its time to acquaint everyone better… LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation m
たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
これはカッコいい、テレビのノイズ画面風背景のLightBox作成:phpspot開発日誌
Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集
イベントハンドラに引数を渡す方法 - ryot0の日記
javascriptのお話。(prototype.jsを使ってるよ) まず、 function foo(i){ alert(i); } ってなのがあって、 <div> <span onclick="foo(1);">いち</span> <span onclick="foo(2);">にー</span> <span onclick="foo(3);">さん</span> </div> ってやれば、イベントハンドラに引数をわたせる。 諸事情により、タグにonclickとか書きたくないとき、 function init(){ var taglist = document.getElementsByTagName("span"); for(var i = 0; i < taglist.length; i++){ Event.observer(taglist[i], "click", functio
動的にonclickを割当ながら、引数を正しく渡す方法を教えてください。 - OKWAVE
皆様のお知恵を拝借させてください。 以下のように、HTML上の<div id="contents">の子になっている <div>のa～cに、動的にonclickの動作を割り当てようとしています。 Javascriptの独自関数abcの引数として、"contents"を渡すことにより、 その子となっている<div>を取得し、 それぞれについて、 「A～Cをクリックすると、それに該当するdivのidを表示する」 という内容になっています。 私の期待としては、 Aをクリックするとa Bをクリックするとb Cをクリックするとc を表示させたいのですが、 どれをクリックしてもcが表示されてしまいます。 ---------------------------------------------- <div id="contents"> <div id="a">A</div> <div id="b">B
Javascriptでイベントハンドラのコールバック関数に引数を渡す - yummy-yummy
javascriptでゴリゴリコードを書いていると、最近のライブラリではコールバック関数を渡すのがけっこう日常茶飯事なようで、コールバック関数を渡すのはいいが、その関数に引数を渡してあげたい！！ってことがよくあるのですよ。 今までなんとか引数は諦めてしのいでたけど、どうも納得がいかないんで調べてみた。 例えばとあるボタンのイベントハンドラで、クリックした際にhogeというfunctionが実行されるようにしたいってな場合は、こんな感じで書きます。 var hoge = function(evt) { alert("hogehoge" + evt); } btn3 = document.getElementById("btn3"); btn3.addEventListener("click", hoge, true); しかしこの「addEventListener」に引数を渡したくて、こんな
if構文
初心者でif構文がよくわからず質問させてください。 下記のようなボタンをつくり、 <form action="#"> <input type="button" value="うさぎ" id="txt" onclick="aGetElementById()" /> <input type="button" value="とり" id="txt" onclick=b"GetElementById()" /> </form> ボタンをクリックして、 <div><span id="box"></span>が大好きです。</div> のspanの中にvalue名（うさぎ・とり）を表示させ、『「value名」が大好きです。』と表示させたいのです。 Javascriptを下記のように書いてみたのですが、テキスト表示の切り替えがうまくいきません。 <script> <!-- function aGetEl
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
文字列（String） - とほほのWWW入門
JavaScriptでは、文字列をダブルクォーテーション（"）またはシングルクォーテーション（'）で囲んで表現します。
JavaScript入門
[目次] JavaScript の基本・式・条件分岐 繰り返し・関数 イベントハンドラ フォーム イベントハンドラ 練習問題 演習問題 付録 3. イベントハンドラ ■ フォーム JavaScript では、「ボタンを押すと表示が変化する」といったページを作成できます。 実は、ボタンなどの入力用の部品は JavaScript ではなく HTML の「フォーム」の機能を用いて作ります。 ここでは、それらの例を示します。 ■ テキスト <input type="text"> で、テキスト入力領域を作成します。 size は領域の横幅を指定します。 name は領域の名前です。JavaScript から参照するのに使います。
外部javascriptファイルをjavascriptから動的に呼び出したい - OKWAVE
呼び出し元のURLによって動作を変えたいJAVASCRIPTがあります。 普段外部のJAVASCRIPTを呼び出すときはよくこうするのですが <script type="text/javascript" src="js.php?key=url"></script> これでは「key=url」が固定になってしまいます。そこで下記のように <script> var commentname=document.URL; var str=encodeURIComponent(commentname); document.write('<script type="text/javascript" src="read.php?key=',str,'"><\/script>'); </script> document.writeを使って無理やり外部Javascriptファイルの呼び出しスクリプトを書いてい
【PHP TIPS】 81. ブログパーツを作ってみよう：ITpro
ブログパーツと呼ばれるものをご存知ですか？ ブログペットや地図日記など、ブログ上にスクリプトタグを埋め込むことで別サーバーのコンテンツを表示するモノです。 このようなブログパーツでは、下のようなスクリプトタグを埋め込むことでコンテンツを表示させることが多いです。 <script type="text/javascript" src="http://www.example.com/script.js"></script> 今回はこういったブログパーツの基礎部分をつくってみましょう。サンプルでは単純に「Hello World!」を表示させます。ブログに貼り付けた上記の<script>タグ部分が「Hello World!」に置き換わるサンプルです。 まずは、貼り付けるブログに表示したいHTMLタグを書き起こします。 <div> <p>Hello World!</p> </div> これをブログに
ＪａｖａＳｃｒｉｐｔで作る！簡単ブログパーツ
<About> ＪａｖａＳｃｒｉｐｔで作ったブログパーツの配布と解説をしているページです。 もし気に入ったものがあれば、ぜひ、あなたのブログに設置してみてください。 ただーし！ 問題がないように気を付けてはおりますが、 ここにあるブログパーツを設置することによって生じる 損害・不具合等について、一切の責任を負いかねます。 そこのところは、悪しからず、ご了承ください。 また、再配布とリンク部の削除・改変・隠しは不可とさせて頂きます。 よろしくお願いしまーす。 それから、スクリプトについての解説を読んで頂ければ、 ここにあるような簡単なものであれば、ブログパーツの 作り方が、ある程度、分かるかと思われます！オス！ 追伸。 管理人がやっております無料占いサイト、 「URA-NAI.INFO」 も、ご愛顧のほど、よろしくお願い致しまっす。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/reference/set_element_class.html
オンクリック文字/HTMLタグ素材集
『jQueryで作る“Amazon風”インターフェイス (1/5)』へのコメント
