「勝手に添削 - JavaScript 入門」を勝手に添削 - IT戦記
このエントリーは以下のエントリーへの解答です 404 Blog Not Found:javascript - 勝手に添削 - JavaScript入門 はじめに 僕はあまりブログを一生懸命書くのは嫌いです。で、いつも適当に言葉は少なめにソースだけで解説しているが。今回は、それだけでは伝わらないところまで突っ込まれてしまったので、僕が伝えたかった意図をこと細かく説明していこうと思います。 文章が苦手なので、変な言い回しで読み辛かったりすると思いますがよろしくお願いします。 一応、弾さんには断っておきますが、別に弾さんに噛みついている訳ではないです。ただ、弾さんのような有名人に突っ込まれたら、僕の講義を聞いてくれたエンジニアが嘘を教えられたと不安になってしまうのではないかと思ったのです。僕の講義を聞きにくれた人には、虚像でもいいから 100 % の自信と勇気を付けて欲しい（プログラムを書く上で
404 Blog Not Found:javascript - 勝手に添削 - JavaScript入門
2007年04月12日23:30 カテゴリLightweight Languages javascript - 勝手に添削 - JavaScript入門 釈迦に説法を承知で。 IT戦記 - 社内勉強会資料 amachang - JavaScript 入門Object.prototype = { /* ... */ }は避けるべし みにくいのでオブジェクトを入れ替える方式に Box.prototype = { speed: 4, move: function() { this.left += this.speed; this.element.style.left = this.left + 'px'; if (this.left > 400) clearInterval(this.id); }, start: function() { var self = this; this.id = s
[JS]ページ内をスムーズにスクロールできるスクリプト(基本編) | コリス
当サイトでも使用しているページ内をスムーズにスクロールするスクリプトの紹介です。 スクリプトの概要 JSファイルのダウンロード ページの先頭へスムーズにスクロールさせる方法 ページ内の任意の場所にスムーズにスクロールさせる方法 メモ 更新履歴 横移動や別ページからスムーズにスクロールできる方法は、応用編です。 [JS]ページ内をスムーズにスクロールできるスクリプト(応用編) スクリプトの概要 ページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプトです。 動作環境 Win IE5, IE5.5, IE6, IE7, Firefox1.5, Firefox2, Opera8, Opera9, Safari3.01beta Mac Safari1.5, Safari2, Firefox1.5, Firefox2 使用条件 本スクリプトは、非商用利用に限りフリーで使用すること
![[JS]ページ内をスムーズにスクロールできるスクリプト(基本編) | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
グローバルオブジェクトの参照はも function 宣言時に決まる - m2
以前「window オブジェクトを汚さないネタ」で疑問に思ったので検証しました。 parent.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>Window テスト(Parent)</title> <script type="text/javascript"> window.name='parent'; function hello(){ alert('hello:'+window.name); } function openChild(){ var w=open('child.html','','width=400,height=400'); w.parentHello=hello; } </script> </head> <body> <p><button o
IEでjavascriptのエラーをデバッグする方法 - bits and bytes
FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。 そんなときでもOfficeについているスクリプトエディタ(前はスクリプトデバッガという名前だった気が....)を使うと、Visual Studioのデバッガとおんなじインターフェイスのデバッガを使ってjavascriptのエラーを出している場所をすぐに見つけることができます。Firebugと比べると極めて重たいですが、関数呼び出しをバックトレースすることもできますし、各スコープでの変数の値を調べることもできるので、これを使わない手はありません。 が、いつもどうやってインストールするのかを忘れてしまうのでメモ代わりに書いておきます。 コントロールバネルのプロ
投稿１６９ 日常の中の曲率 Ｓ．Ｈ氏
平素はSo-netをご利用いただき、誠にありがとうございます。 このたび、誠に勝手ながら、2021年1月28日(木)をもちまして、「U-page+」サービスの提供を終了させていただくこととなりました。 サービスをご利用いただいておりますお客さまには、ご迷惑をおかけすることを深くお詫び申し上げますとともに、これまでのご愛顧に厚くお礼申し上げます。 記 ■提供終了サービス名 U-Page+ ■提供終了日 2021年1月28日（木） 15:00 提供終了日以降、お客さまのWebコンテンツの表示、FTPからのデータダウンロードができなくなります。 ■解約のお手続きについて 2021年1月28日(木)をもって自動解約となりますので、お客さまご自身での解約のお手続きは必要ございません。 サービス終了日以前に解約をご希望のお客さまは、解約のお手続きが必要です。 下記のWebページよりお手続きください。
人の存在をなんとなく感じるためのGreasemonkeyスクリプト - gotin blog
他人のマウスカーソルの位置がある程度リアルタイムに分かるようになるスクリプトです。 ↓こちらです mouse_lingr.user.js ※スクリプト更新しました。 最新版はこちらです。 使い方 mouser_lingr.user.jsをインストールする 適当な、フレームを使っていないページにアクセスする Shiftキーを押しながらMを押す しばらーくすると自分のマウスカーソル付近にへんなアイコンが現れます 他の人も同じことをしていると、同じ形の別のへんてこアイコンが、同じことをしている人の数だけ現れます（←これが一番大事なのに書き忘れていました＞＜） もう一度Shift+Mをすると機能offになります。 なお、機能on/offの状態は別のページに移動しても保たれますのでご注意ください。 仕組み スクリプトの名前からもわかるとおりlingrを使わせてもらってます。 マウスカーソルが動いたと
Atsushi's Homepage 〜 Bookmarklet を作ってみる
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
画像カーソル位置をズームインできるライブラリ「tjpzoom.js」:phpspot開発日誌
valid.tjp.hu - tjpzoom.js 2.0 - JavaScript / CSS / DOM image magnifier As you may have realized, this is a tool that brings images closer. This is the new version of my script, tjpzoom. 画像カーソル位置をズームインできるライブラリ「tjpzoom.js」。 次のように、カーソル位置の画像をズームできます。 知っておけば、ウォーリーを探せ風の簡単なゲームを作ったり、サイトのキャンペーンとしての面白い１要素として使えそう。 設置方法は簡単で、まず、次のようにスクリプトを読み込みます。 <script type="text/javascript" src="http://valid.tjp.hu/zoom2/tj
miya2000の日記 - これからドラッグ＆ドロップを書く人のために
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
ページサイズやスクロール位置を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
【コラム】そろそろきっちりJavaScript 第1回 "Firebug"の導入〜関数リテラルとは? (MYCOMジャーナル)
多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi
[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
CLON - 2006/12/09 - JSコンソールにログをはくActionScript
いままではLocalConnection使うロガーをつかってたんだけど、JSと同じところで見れたほうが楽かなと思って作ってみた。 import flash.external.ExternalInterface; class Logger { public static function trace(msg) { return ExternalInterface.call("window.console.log", msg) || ExternalInterface.call("opera.postError", msg) || ExternalInterface.call("printfire", msg) || ExternalInterface.call("Debug.writeln", msg) || ExternalInterface.call("debug.trace", msg
JavaScript: クロスブラウザでブロック要素内のクリック座標を得る方法:phpspot開発日誌
JavaScript: クロスブラウザでブロック要素内のクリック座標を得る方法 ちょっとやることがあって調べてみたら案外情報が見つからず、実現するのに時間がかかったのでメモしておきます。 <script type="text/javascript"> <!-- function clickhandler(event) { if (!event) { event = window.event; } var hx, hy; if (document.all) { // for IE hx = event.offsetX; hy = event.offsetY; } else { hx = event.layerX; hy = event.layerY; } alert("x:"+hx+",y:"+hy); // return [hx,hy]; } //--> </script> <div on
[ajax] DOMコードジェネレータ @ ZEROBASE CAST
<div class="popup"> Let's access <a href="http://zerobase.jp/">ZEROBASE</a> & have fun. </div> キーボード入力も大丈夫。即座に下のDOMコードが変化します。 不完全なHTMLを入力すると正しい結果になりません。例えば<table>タグに囲われていない<tr>タグなど。あくまで上記テキストエリア内でDTDに反しないHTMLを入力してください。 ダウンロード ファイル dom2code.js ※気が向いたら改善しますので、ダウンロードするより、このページをブックマークするほうがおすすめです。 動作環境 WinXP(SP2)上のInternet Explorer バージョン6.0.29で動作確認しました。 動作だけなら幅広いブラウザで可能ですが、出力するDOMコードがブラウザにより異なります。というのは
エラー：アクセスが拒否されました
下記ははPerlの変数$urlに代入しているHPを 別ウィンドウに表示するコードです、別ウインドウに表示されるのですが、 エラー：アクセスが拒否されましたとjavascriptのエラーになりますなぜですか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function abc(def) { new1 = window.open(def, "", "width=400, height=310"); new1.moveTo(0,0); new1.document.close(); } //--> </SCRIPT> <A HREF=\"javascript:abc('$url')\">別ウィンドウに表示</A>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
amachang - JavaScript 入門
un-q.net
ブラウザのスクロール量を取得するには？ | Diaspar Journal