by shigemk2

当面は技術的なことしか書かない

HTML

HTML5のvideoタグ

HTML5 video - Wikipedia, the free encyclopediaこちらから。HTML5から、動画ファイルを埋め込めるようになった。書き方の例。 <video poster="movie.jpg" controls> <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'/> <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'/> </source></source></video>

メールにおけるHTML形式とテキスト形式の違い

こちらから。 テキスト形式とHTML形式のメールの違いテキスト形式のメールとは、テキストのみのメールのこと。 HTML形式とは、テキストの上に、HTMLを使って 文字を大きくしたり箇条書きを追加したりできるメール形式のこと。Gmailだと、 「リッチテキスト形…

onclickとreturn false

onclickとreturn falseについて - 航海日誌 こちらを参考に。 リンクをクリックしたら処理を実行するアンカータグを書くとする。 このときonclickには関数名を書きます。 <a href="http://hoge.com/hoge" onclick="foo()">(&#9685;&#8255;&#8255;&#9685;)</a> <script type="text/javascript"> function foo() { alert('僕をクリックしてよ'); }; </script>…

post と get の違い

post URLに値をのっけずに、クエリで値を送信する。 ?hoge1=GO1&hoge2=GO2&hoge3=GO3 こんな感じ。具体的にはHTMLのヘッダに値をくっつけてデータを送信する。 URLを変更する必要がない。get URLに値をつけてデータを受信する。 http://hoge.com/hoge1/hoge2…

リンクを要素全体に貼る

文字とか画像だけでなく、要素全体にリンクを貼りたいときはcssに display: block; を追加しましょう。

HTML、CSS、JavaScriptの読み込みの順番

script・css・img・iframe が読み込まれるタイミング調査 Kawanet Blog II/ウェブリブログ これについての先達が既にいらっしゃるので、私がどうのこうのというわけではないのですが、 要するに、CSSとJavascriptで、トップに書かれているものは優先順位とか…

html->link()で出力されるアンカータグにクラス属性をつけたい

$html->link()メソッドを使うと、HTML上ではこのように出力されると思います。 link('ほむ', '/sample/homu'); ?> <a href="/sample/homu">ほむ</a> みたいな。 このアンカータグに、クラス属性をつけたい。 link('ほむ', '/sample/homu', array('class'=>'hoge','target'=>'_blank')); …

Fileプロトコル

PCのファイルをネットのブラウザで表示させるには、 ファイルプロトコル というものを使うといいらしい。 html、css、javascriptの挙動をテストするときにやるに便利。 (もちろん、cssやjavascriptを読み込むようにhtmlに書かないといけないが)やり方は、 fi…

htmlファイルの埋め込み

<p><object data="example.html" type="text/html" width="300" height="100"> <a href="example.html">埋め込まれる文書</a> </object></p> HTML 4.01では、タグやタグよりもタグを用いることが推奨されています。 だそうです。 [http://html.eweb-design.com/1006_obj.html:title]より

別ウィンドウを開くリンクを作成

<a href="xxx.htm" target="_blank">XXX</a>

div idでひとくくりにされているときのjavascriptの挙動について

たとえば、 <div id="homu"> <div id="homu1"> <a>住所入力</a> </div> <div id="homu2" style="display:none"> <form method="POST" action="cgi-bin/xxx.cgi"> <div>名前:<input type="text" name="NAME"></div> <div>住所:<input type="text" name="ADDR"></div> <input type="submit" value="送信"> </form> <a >キャンセル</a> </div> </div>

cssのイロハ(適当)

ノートを書き殴った感満載ですselectorで指定する部分は、htmlのタブ htmlは木構造となっており、これをDOMという cssはブロック毎にセレクタを指定して色やフォントを 決める事が出来る ただし、htmlの構造や仕組みそのものは変更出来ない 例: body { back…

onclickの落し穴

onclickは、viewにcontrollerの処理が同居してしまっているので あまりよろしくない。そのため、クリック処理をコントローラに全てぶちこむ。

htmlにおける表示、非表示の設定

display:block or none や visibility:visible or hidden を使う <div id="hoge" style="display:none;"> ほむ </div> 結果 ほむ 本当は「ほむ」と表示されてないといけないが、表示されてません。

onclick

リンクやフォーム内のボタンなどをクリックした場合の処理を記述 <input type="button" onClick="処理"> <input type="radio" onClick="処理"> <a href="...." onClick="処理"> 処理のところへは、何でもよい。javascriptを書いてもいいし、書かなくてもいい。 <script type="text/javascript"> function 処理() { // 適当に処理を書く } </script></a>

colspanとhideprint

colspan 列を結合 hide-print 印刷表示を表示させないようにする