Web Artisan Blog - ウェブ アルチザン ブログ

bannerの名前はいけません

JavaScript・XHTML・CSS

2008年10月09日

ふと、自社のHPを見ると、画像の一部が表示されていない。
画像に直接アクセスすると、1x1のgif画像が。
そんな制御してたっけか?と、phpやらapacheの設定を確認するも、そんな設定してません。
その画像は、“〜/banner/banner.png”といったファイルだったんですが、このbannerディレクトリ以下は何を指定しても1x1のgif画像。存在しないファイルも1x1のgif画像。何これ??

自宅のMacではちゃんと見れてるのにと、色々ググってみると、ウィルスソフトが云々の情報。。。

>続きを読む・・・bannerの名前はいけません
0 Comment  0 Trackback  Permalink

XHTML1.1におけるiframeの代替タグ

JavaScript・XHTML・CSS

2006年11月02日

XHTML1.1ではiframe(インラインフレーム)要素が廃止されている為、使用することが禁じられていますが、「じゃあ”XHTML1.0 Transitional”にしとけばええやん!」という事でもありません。。

XHTML1.1ではiframeタグの代わりに、objectタグを使用する事で同じような動作を実現できます。

<iframe src="http://www.yahoo.co.jp/" width="500" height="300"></iframe>
=====>
<object data="http://www.yahoo.co.jp/" width="500" height="300" type="text/html"></object>

※objectタグのdata属性でURLを指定する。




・・・しかし、ブラウザによって若干動作が異なりますね。。
要調査。
0 Comment  0 Trackback  Permalink

Ajax:safariでresponseText文字化け

JavaScript・XHTML・CSS

2006年07月27日

Web Artisan Search開発中に、「safariで文字化けしてまっせ」という指摘を受けて、てっきりphp側の文字コード絡みかと思いきや、、そういやーどっかでこんなのあったなあと思ったら、前に自分で記事書いてました。。
>JavaScript雑メモ:ノートン インターネットセキュリティとJSエラー:AjaxとSafari文字化け

・・が、解決方法書いてないやん!って、こん時は実際Ajaxで作りこんでなかったんで、さっと流してた事も思い出しました。

>続きを読む・・・Ajax:safariでresponseText文字化け
0 Comment  0 Trackback  Permalink

JavaScriptのイベントハンドラに頭を悩ます。。

JavaScript・XHTML・CSS

2006年05月16日

lightbox.js導入でも書きましたが、最近はJavaScriptのイベント処理で頭を悩ます事も多いです。
Ajaxという言葉の普及と共に、JavaScriptでできる事の幅もグンと広がって、ネット上でも参考になるソースも多いんですが、わかったようで深めていくと混乱する事もある、この辺の話題について。

まず、JavaScriptのイベント処理については以下のサイトが非常に参考になると思います。
>第五章 クライアントサイドの技術:各種イベントについて

>続きを読む・・・JavaScriptのイベントハンドラに頭を悩ます。。
0 Comment  0 Trackback  Permalink

lightbox.js導入

JavaScript・XHTML・CSS

2006年04月15日

遅ればせながら、当サイトも話題の「lightbox.js」を導入しました。
以下、懐かしのタージマハール画像クリックで動作確認。(またインド行きて〜)
タージマハール

・・カッコいいっすね。導入方法は、このネタで有名な以下のサイトにて。。
>lightbox.js - Web2.0ライクな画像サムネイル生成―OpenStratus Archive

と、このようにlightboxは簡単に導入できるんですが、弊社のResearch Artisanの解析タグと併用すると、特にIEの時にlightboxが正しく動作しない現象が発生しました。・・で、動作するように対応したんですが、何か色々調べていくと、javascriptの奥深い部分が見えてくるようで。。
ちょっと精査して、また書いていこうと思います。

<関連記事>
JavaScriptのイベントハンドラに頭を悩ます。。
0 Comment  1 Trackback  Permalink

JavaScript:ブラウザ毎の右クリック処理

JavaScript・XHTML・CSS

2006年04月10日

ブラウザ毎、といってもWindowsXP環境における”IE6”、”FireFox1.5.0.1”、”Opera8.54”という3つのブラウザ、これらの右クリックによる動作について。

マウスクリック時(通常の左クリック)に何か処理(処理1)をしたい場合、最近では下記のように記述する例が多いのではないでしょうか。
document.onclick = function(e){
・・・処理1・・・
}


>続きを読む・・・JavaScript:ブラウザ毎の右クリック処理
0 Comment  0 Trackback  Permalink

JS:iframeの内容を取得する方法

JavaScript・XHTML・CSS

2006年04月03日

JavaScriptでiframeの内容(中身、src属性で指定したURLの内容)を取得するには・・。

まず、以下のサンプルをご覧ください。
onload時に、iframe内のアンカータグのhref属性の値をalert表示します。(ついでに別ウィンドウでリンク先へ遷移します)
>サンプル

>続きを読む・・・JS:iframeの内容を取得する方法
0 Comment  1 Trackback  Permalink

CSS:IEでの中央寄せ、margin”auto”が効かない件

JavaScript・XHTML・CSS

2006年03月20日

ネット上では既に周知のネタかも知れませんが、、
div要素で囲まれた範囲を中央寄せしたい場合、
margin-left: auto;
margin-right: auto;

と、marginの左右に”auto”を指定すれば実現できます。
<html>
<head>
</head>
<body>
<div style="margin-left: auto; margin-right: auto; border: 1px solid #000000; width: 200px;">
中央寄せしたい部分
</div>
</body>
</html>

>続きを読む・・・CSS:IEでの中央寄せ、margin”auto”が効かない件
4 Comments  0 Trackback  Permalink

CSS:style属性と外部スタイルシートの優先順位

JavaScript・XHTML・CSS

2006年03月05日

今やスタイルシートによるレイアウト定義は当たり前ですが、CSSファイルとして外部ファイルで定義する以外に、インラインstyle属性として、各タグに設定する事ができます。

<a href="http://www.res-system.com" style="color: #ff0000; background-color: #cccccc">Web Artisan Blog</a>



で、CSSファイルとstyle属性両方で定義した場合、どちらが優先されるか?という事ですが、基本的にはstyle属性が優先されます。

スタイルシートの基本--ごく簡単なHTMLの説明
style属性は外部ファイルやstyle要素の設定よりも優先されることになります。
・・
1. 局所的なスタイルが大局的なスタイルに優先する
2. 同じ優先順位のスタイルが競合したら、あとから読み込んだものを採用する


>続きを読む・・・CSS:style属性と外部スタイルシートの優先順位
0 Comment  0 Trackback  Permalink

JS:DOM:IEのバグ?bodyタグのid属性に”item”という名前を指定した場合の不具合

JavaScript・XHTML・CSS

2005年12月27日

前にも書いたことありますが、
JavaScriptでDOMを使って、”TEST”という文字を書きたい場合、
以下のようなソースが一例になります。

var body = document.getElementsByTagName('body');
var item = body.item(0);
var text = document.createTextNode('TEST');
item.appendChild(text);



これは、IE・FireFox・Operaでも動作するハズです。
(バージョンにもよるでしょうけど)

上記は大概のHTMLに対して有効ですが、

<body id="item">


というようにbodyタグのid属性に”item”という名前を指定した場合、
IEのみの変なバグ?を見つけました。
この場合、上記スクリプトではエラーが出ます。
>続きを読む・・・JS:DOM:IEのバグ?bodyタグのid属性に”item”という名前を指定した場合の不具合
0 Comment  0 Trackback  Permalink