Weble(ウェブル)

Archive

Archive for the ‘Javascript’ Category

Javascript で9つの項目のうち3種類をランダムに表示させるコード

• Category: Javascript
• Date: 2010-3-05 (金) 22:00:07

普段は PHP ばかり書いていますが、今日は要求があったので Javascript 書いてみました。気分的に jQuery は使いません。
以下の CSS を用意しておきます。

1
2
3
.rand_item
[...]

• Tags: Javascript
• No Comments

jQuery と prototype.js のコンフリクトを回避する方法

• Category: Javascript, jQuery
• Date: 2009-11-01 (日) 0:22:21

jQuery と prototype.js を同時に使うとコンフリクトを起こします。なぜなら、jQuery はprototype.js と同じく(正確には同じではないのですが) document.getElementBy [...]

• Tags: Conflict, jQuery, prototype.js
• No Comments

return false で動作を停止させようとするとき return function() で上手くいった

• Category: Javascript
• Date: 2009-7-25 (土) 18:59:50

ある特定条件の時だけ、return: false で動作を停止させようと思っても停止させることができませんでした。

1
<input type="submit" value="次のス [...]

• Tags: Javascript, return false, return function()
• No Comments

Javascript で match とかの正規表現で利用する文字列のキーワードなどなど

• Category: Javascript
• Date: 2009-7-19 (日) 21:58:26

Javascript も match とかでパターンマッチができて、正規表現も使えるんですね。ただ、正規表現で利用する文字列のキーワードが PHP と微妙に違って結構焦りました。
以下は数字以外の文字が入力されたときだけ [...]

• Tags: Javascript, match
• No Comments

Javascript で警告ダイアログ(アラート)を表示させる方法

• Category: Javascript
• Date: 2009-7-19 (日) 21:36:51

Javascript でポン！とかピョイーン！という音が鳴る警告ダイアログを表示させるには以下の様にします。

1
2
3
function hoge(){
window.alert(’ [...]

• Tags: alert, Javascript
• No Comments

Javascript でポップアップウィンドウを開く方法と親ウィンドウへリンクを飛ばす方法

• Category: Javascript
• Date: 2009-6-27 (土) 18:43:14

Javascript でポップアップウィンドウを開いて、開いたポップアップウィンドウの中にあるリンクをクリックするとメインウィンドウのページが切り替わる方法と、IE と Firefox の動作の違いをメモしました。誰かの [...]

• Tags: Javascript
• No Comments

IE PNG Fix を組み込んだページを IE6 で閲覧しようとするとフリーズすることがある

• Category: Javascript
• Date: 2009-4-22 (水) 1:06:31

以前JavaScriptやCSSで簡単にIE6でアルファ画像(透過png)を使う方法で IE PNG Fix を紹介しましたが、なぜか最近これのせいで IE6 でページを閲覧しようとするとフリーズしてしまうようになってし [...]

• Tags: IE PNG Fix, IE6, Javascript
• 2 Comments

Firebug は最強の開発ツール。もっと早く出会いたかった

• Category: CSS, Firefox, Javascript
• Date: 2009-4-08 (水) 10:52:33

Firebug を使えば複雑なボックスを視覚化してくれるので、CSS や HTML に詳しくない初心者にはかなり役立つツールではないでしょうか。
width や padding や border を同時に指定すると、ど [...]

• Tags: CSS, Firebug, Firefox, Javascript
• No Comments

初めて Cookie を PHP や Javascript で送信したり削除してサイトをパワーアップ

• Category: Browser, Cookie, Javascript, PHP
• Date: 2009-3-19 (木) 13:55:54

Google で「カロリー」と検索すると検索結果の2番目に出てくる驚異的な個人サイト「食品の摂取カロリー計算」は知らない人はいないほどカロリー系のサイトの中では有名です。このサイトを見習って、私のサイトにもカロリー計算コ [...]

• Tags: Cookie, Javascript, PHP, setcookie
• No Comments

JavaScriptやCSSで簡単にIE6でアルファ画像(透過png)を使う方法

• Category: Browser, CSS, Javascript
• Date: 2009-3-08 (日) 18:25:37

IE6はアルファ画像(透過png)が使えませんが、今回紹介する方法で簡単にIE6でもアルファ画像を使うことができるみたいなので、いつも通りメモしておきます。
ちなみに透過を活用することによって、さらにデザインの幅が広がる [...]

• Tags: CSS, IE, Javascript, png, Star Hack
• No Comments