基本はこう。
Logicoolのサイトのタブコントロ
スクリプトで各タブの表示・非表示を切り替えているのだろうが
ではなく
が、より良いやり方ではないか。(一瞬全ての情報が表示されてすぐに消える、というのは気にすることではないと思
ロジのサイトのこのスクリプトは見栄えをいじるだけなので、HTMLとスクリプトを切り離して、最初に HTMLのみでペ
スクリプトに依存する要素があ
方法が賢いと思
驚いた。Firefoxでブラウズ中に普通のサイトでどせいさんフ
そのサイトは font-familyとして fantasyを指定していた。自分はどせいさんフ
http://vvvvvv.sakura.ne.jp/ds14050/w/
Internet Explorer 7 で上の Hikiペ
スクリプトは仕込んでない。外部スタイルシ
(ペ
pain.cssをみてみると
div.main {
float:right;
width: 78%;
}
div.sidebar {
float:left;
width: 20%;
(以下略)
という記述があり、サイドバ
臭う、臭うぞ。でもここまで。そのうち直るでし
onclickでごに
<a href="javascript:void(0)">ほげほげ</a>*
のように Aタグで囲う方法。遅まきながら、この時初めてステ
次に考えついたのが、9日に "tabindexはフ
IEの場合、
<element>.tabIndex = 0 // 0 => フォーカス可能にはするが、タブオーダーは指定しない
<element>.onkeypress = function(){ if(event.keyCode == 13) this.click() } // Enter->Click
で済むが、Firefoxの場合 click()が実装されてるエレメントがフ
<element>.tabIndex = 0 // 同上
<element>.onkeypress = function(event){
if(event.keyCode == 13) {
var event2 = document.createEvent("MouseEvents");
event2.initMouseEvent("click", true, true, event.view, event.detail, event.screenX, event.screenY, event.clientX, event.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);
this.dispatchEvent(event2);
}
}
と、かなり冗長。
* href="" だとそのペ
15アイテムずつ表示するのは一緒だけど……
以前は「おすすめの理由は」
出版日も表示されてる。
マウスオ
「持
ソ
window.location.href="〜"
とや
HTTP/1.x 204 NoContent
Date: Thu, 06 Apr 2006 18:42:18 GMT
Server: Server
x-amz-id-1: [0-9A-Z]{20}
x-amz-id-2: [0-9A-Za-z/=]{44}
Vary: Accept-Encoding,User-Agent
Content-Encoding: gzip
Connection: close
Content-Type: text/html; charset=Shift_JIS
Firefoxは 204 NoContent を受け取
Javascriptが使用不可ならフ
評価などを変更しましたか? ここをクリックするとおすすめ商品の情報が更新されます。
というのがペ
キ
「興味がありません」を例にとるとソ
<td style="white-space: nowrap;"> <script language="Javascript" type="text/javascript">amz_js_showNotInterested(asin, notInterested);</script> </td>
amz_js_showNotInterested()が何を返すかというと
function amz_js_showNotInterested(asin, notInterested){
var imageID = "notInterested." + asin;
document.write("<img src="+'"'+ + checkboxImages[notInterested] +
+'"'+"");
document.write("onclick="+'"'+"amz_js_sendNotInterested('" + asin + "', 'alt');"+'"'+" ");
document.write("onmouseover="+'"'+"amz_js_notInterestedMouseOver('" + asin + "', 'alt');"+'"'+" ");
document.write("onmouseout="+'"'+"amz_js_notInterestedMouseOut('" + asin + "', 'alt');"+'"'+" ");
document.write("id="+'"'+ + imageID +
+'"'+" ");
document.write("border="+'"'+"0"+'"'+" valign="+'"'+"bottom"+'"'+" />");
}
一つの <img>要素。リンクでないただの画像にフ
というわけで、スクリプトが OFFの場合はフ
☆の部分のソ
因みに ☆評価に対応した <noscript> なフ
改行とインデントをいじ
<html>
<head>
<title>Amazon.co.jp: おすすめ商品</title>
<script language="Javascript1.1" type="text/javascript"></script>
<style type="text/css"></style>
<style type="text/css"></style>
<style type="text/css"></style>
</head>
<body>
<html>
<head>
<title></title>
<style type="text/css"></style>
<script language="Javascript1.1" type="text/javascript"></script>
</head>
<body bgcolor="#FFFFFF" link="#003399" alink="#FF9933" vlink="#996633" text="#000000">
……
</body>
</html>
</body>
</html>
よくわからない HTML、ところどころ XHTML風味。何れにしろ Broken みたいな
アマゾンみたいなサイトでは HTMLの理念理想よりブラウザ互換性の方が大事でし
これまでは 100件ち
* Ajaxを XmlHttpRequest, MSXMLオブジ
(´・ω・`) 知らなんだ。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.2
class = cdata-list [CS]
この属性は、ある要素に1つのクラス名を割り当てるか、または複数のクラス名を設定する。幾つの要素に対してでも、同じクラス名あるいはクラス名群が割り当てできる。複数のクラス名については、空白文字によ
って区切らねばならない。