レッドトイプードルが好き！

‘HTML覚え書き’ カテゴリーのアーカイブ

いろんなボタン

2011 年 4 月 24 日日曜日

<input type=”button” value=”戻る” onclick=”history.back()”>
<input type=”button” value=”更新” onclick=”location.reload()”>
<input type=”button” value=”進む” onclick=”history.forward()”>
<input type=”button” value=”トップページへ移動” onclick=”location.href=’http://○○.co.jp/’;”>
<input type=”button” onclick=”window.print()” />　　印刷ボタン
<img src=”img/button.gif” mce_src=”img/button.gif” onClick=”window.print()”>　　画像の印刷ボタン
<a href=”#” onClick=”history.back(); return false;”>前のページにもどる</a>
<a href=”javascript:window.close();”>閉じる</a>

カテゴリー: HTML覚え書き | コメントは受け付けていません。

YouTubeのエラーを消す

2010 年 10 月 5 日火曜日

YouTubeからそのまま持ってくると↑のようになりますが　

<?xml version=”1.0″ encoding=”Shift_JIS”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja”>

でいろいろエラーが出ます。

でこれを

にするとエラーは、回避する事ができます。

カテゴリー: HTML覚え書き | コメントは受け付けていません。

IE6のXML宣言のバグに勝！

2010 年 8 月 19 日木曜日

いやぁ～もぉ～～　今回もIE6と戦いました！戦いましたよ。(>.<)

で　行き着いた結論が　『IE6のXML宣言のバグ』　だったのです。
ネットを徘徊する事丸3日間　やっと見つけました。
と言う事で忘れないようにこちらのRyota Weblogさんより　転記させていただきます。

XHTMLでは、XML宣言を一番初めに書くことが推奨されています。
と言うか　これ書かないと　w3cのチェックで大幅な減点をされてしまいます。

でも　今回メニューを固定する案件を受けてjavaを使った方法とcssで制御する方法の
二つでいろいろ試したのですが　どうしてもIE6だけが反応してくれなくて
でも、その方法を紹介しているサイトのDEMOでは、ちゃんと動いてて

で　ハッって気が付いたら犯人は、『XML宣言』だったのです。

で　クライアントに電話してデザインを取るかXML宣言を取るか
相談しようかと思っていたところRyota Weblogさんを見つけたんです。
その方法と言うのは、PHPとかややこしいことをせずにSSIを使ったお手軽な方法です。

と言う事で本題に

◆犯人のXHL宣言と言うのは、こいつ→　<?xml version="1.0" encoding="UTF-8"?>

普通の記述は、
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
こんな感じなんですが　

それを
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
こんな感じにします。

◆でサーバーでSSIを使えるようにする為に　『.htaccess』ファイルを作ります。

内容は、
AddHandler server-parsed html
これ1行　

.htaccessを書くときの注意点は、最終行に必ず改行を入れる事です。
でこの『.htaccess』ファイルをサーバーのindex.htmlと同じ場所にアップロードすれば完了です。
ちなみにローカルな環境では、『.htaccess』ファイルが効きません。

これで完了♪

◆XML宣言を別ファイルにする時は、
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
と書いて

この時の注意点は、↑を改行しないで一行にする事です。
でないと　IE6で一番上に空白の一行が出来てしまいます。

xml.incファイルには、「XML宣言」を書いてサーバーの同じ場所にアップロードします。
<?xml version="1.0" encoding="UTF-8"?>

Ryota Weblogさんには、感謝感謝でございます。

カテゴリー: HTML覚え書き | コメントは受け付けていません。

グーグルマップで噴出しを消してマーカーを残す方法

2009 年 11 月 16 日月曜日

真ん中あたりに
z=14&output=embed"></iframe><br />

ってなってるのを
z=14&output=embed&iwloc=B"></iframe><br />

を追加する。

カテゴリー: HTML覚え書き | コメントは受け付けていません。

フラッシュを使わずにクリッカブルマップにロールオーバーを！

2009 年 8 月 12 日水曜日

１．＜head＞～＜/head＞に

<script type="text/JavaScript"> <!-- image = new Array();

image[0] = new Image();
image[0].src = “images/0.gif“;　　（元画像）
image[1] = new Image();
image[1].src = “images/1.gif“;　　（変更１の画像）
image[2] = new Image();
image[2].src = “images/2.gif“;　　（変更２の画像）
image[3] = new Image();
image[3].src = “画像３”;
image[4] = new Image();
image[4].src = “画像４”;

function Img_2(n){
if(document.images){
document.link.src=image[n-1].src;}}
–>
</script>

を書く

２．　＜body＞～＜/body＞に

と書く

『赤字』　のところと　『緑字』　のところがポイント！

下2枚の画像は、点々のところにマウスを当てた時の状態を示す。

※　画像全体を変える事になるので　大きな画像の場合は、やめたほうが良いかもしれない。

元の画像0.gif

変更画像1.gif

変更画像2.gif

カテゴリー: HTML覚え書き | コメントは受け付けていません。

レッドトイプードル・チョコタンチワワ・ブルーマールチワワ・ヨークシャーテリアの子犬を紹介するレッドトイボックスです。

‘HTML覚え書き’ カテゴリーのアーカイブ

いろんなボタン

YouTubeのエラーを消す

IE6のXML宣言のバグに勝！

グーグルマップで噴出しを消してマーカーを残す方法

フラッシュを使わずにクリッカブルマップにロールオーバーを！

ページ

アーカイブ

カテゴリー