ハートを送るボタンのclassの話。

（１）

<a href="../VCreateDotS4.jsp?M=0&ID=$user.userId&TD=$tegaki.tegakiId" class="EditHeartIcon">はーと</a>

（２）

<a href="../VCreateDotS4.jsp?M=0&ID=$user.userId&TD=$tegaki.tegakiId" class="EditHeartIconHeader">はーと</a>

（３）

<a href="../VCreateDotS4.jsp?M=0&ID=$user.userId&TD=$tegaki.tegakiId" class="EditHeartIconHeader cboxElement">はーと</a>

どのクラス指定が良いんだ…と思ったので。
以下だらだら。

３つ挙げたけど、主に２タイプに分けられる。
タイプ１：　（１）
タイプ２：　（２）と（３）


公式指定のjavascriptに以下の記述。
タイプ１該当部分

$(document).ready(function(){
	$("a.EditHeartIcon").colorbox({width:"510px", height:"525px", opacity:"0.5", iframe:true});
});

タイプ２該当部分

$(document).ready(function(){
	$('a.EditHeartIconHeader').colorbox({width:'510px', height:'525px', opacity:'0.5', iframe:true, onOpen: function(){ $('#OComment').hide(); $('#OBlogParts').hide();}, onClosed: function(){ $('#OComment').show(); $('#OBlogParts').show();} });
});

タイプ２が赤字の分、タイプ１より記述が多い。
赤字部分の記述によって、何が起きるかというと、

◆ＩＥ９の場合
【左＝タイプ１】　【右＝タイプ２】


◆Firefox（いくつか忘れた）だとこんな感じ
【左＝タイプ１】　【右＝タイプ２】


赤字部分があることで、主張の激しいブログパーツとコメント編集欄を抑えられる。（ブラウザによって差が…）


ＩＥのスクショみたいな、コメント欄がもろに被るなんて事は滅多にないと思うけど、予防できるならしとくに越したことはない…と思う。

今現在気付いているタイプ２の欠点は、
コメントを書いている途中に誤ってハート編集画面を開いた場合、書いていたコメントがクリアされてしまう事がある。
（※ブラウザ等の違いによって、消えない場合もある）
（※消える場合はハートを送信しなくても、編集ウィンドウを開いた時点で消える）

私が確認した限りでは、タイプ１ならうっかりハート編集画面を開いても、コメントが消える事はない。（もしかしたら例外あるかも）


因みにソースの出どころ。
（１）………初期形。β版にまだハートアイコンがあった頃のソースより。
（２）………（３）の勝手に短縮型。
（３）………β版のメニューバーにある「ハート送信［編集］」ボタンから拝借。


（３）の「cboxElement」はColorbox関連のクラスのやうだ。消しても問題なく動いてる…てのが（２）。そもそも（１）だってColorbox使ってんのに表記無いんだからいらんだろう…という。


◎――――――――――――――――――――――――――――――◎


多分使わないけどメモ。（動作確認不十分）

・編集画面を介さず、ブログ管理者の指定したマイハートを送信するボタン。

<a href="../VCreateDotS4.jsp?M=3&ID=$user.userId&TD=$tegaki.tegakiId">ハート送信</a>

・編集画面を介さず、押す人のマイハートを送信するボタン。
（身を隠してハートを送りたい人からすればただのトラップ）（アカウントを持ってない人は何も送れない？）

<a href="../VCreateDotS4.jsp?M=2&ID=$user.userId&TD=$tegaki.tegakiId">マイハート送信</a>