alltagというタグを追加してみた(多くのタグが使えるようになる)

[ガラケー版(QRコード)] 総閲覧回数:3,951,143回 / ブログ拍手:2,572
作品DB等各サービスの機能追加情報や、技術系・面白系記事を中心に提供。
記事の投稿は基本Twitterでも告知させて頂いています。
連絡は作品DBの論客の方なら私書、DB外ユーザの方ならメールTwitterで可能です。
アクセス記録[推移 / PV内訳(過去1日 / 過去1週間) / 外部アクセス元 (昨日 / 過去1週間) / ログイン論客足跡]
プロフィール私書(メール)
   /   /送済
評価(一覧   /)
投票   /共:   /
ファン登録
作品/情報/
DB構築()
ブログ
[書く]
攻略記事リンク集
My Play List
<=次の記事 左メニューについて思ったこと
=>前の記事 法人会計::法人決算手順メモ書き

1.
2008/05/15 同日2番目 作品DB開発/運用 > alltagというタグを追加してみた(多くのタグが使えるようになる)」
[この書込みのみ表示(記事URL紹介用) / 編集 / 削除 / トラバ送信 / 共有分類に追加(タグ付け)]

特殊機能による入力は認められたHTMLタグや書式以外使えませんが、
< alltag> ... </ alltag>
という形で書くと、そこで囲まれた範囲は、そのままHTMLタグとして処理できるようにしました。
HTMLタグの知識などがある方、勉強してみたい方は活用してみて下さい。
悪用・誤用された場合には、該当者について利用について制限することもあると思います。

なお、セキュリティとレイアウトの問題によりscriptでは
cookie
write
form
referer
submit
location

HTMLでは
form
marquee
を使えないようにしてあります。

あと、scriptとalltagは、日記のコメント欄やチャットでは使えません
(自分の日記の範囲まで / コメントをする人によってページが破損レイアウト化することを避ける為)。

小難しい機能である意味余計な機能でもあるので、普通気にされないで良い機能だと思いますが、
どこかで色々HTMLとかscriptとかを勉強してことがあり、どうしてもそういうので使いたいというのがある方は活用してみて下さい。

ちなみにalltagによる制限緩めを活用した機能の例です(今まではこういうことは出来なかった)。
※「<」の後ろにスペースを入れているのは、特殊機能をオンにしないでソースを見せる為、わざとやっています(使う時にはその空白部分を削って使って下さい。

例1. divとscriptの組み合わせ


[ソース]
< div id="blink">< big>点滅する文字< /div>
< script language="javascript">
if(document.getElementById)
{
var ii = 0, blinkx = 1;
function blink_str() {
ii+= blinkx;
if (ii + blinkx < 0 || 255 < ii + blinkx) {
blinkx = -blinkx;
}
document.getElementById("blink").style.color = "rgb(" + ii + "," + ii + "," + ii + ")";
setTimeout("blink_str()", 1);
}
blink_str();
}
< /script>

例2. tableの色づけ
背景が白のテーブル

[ソース]
< table border bgcolor="ffffff">< tr>< td>< font color="000000">背景が白のテーブル< /font>< /td>< /tr>< /table>

例3. script(呼び出しではなく自己定義も出来るようになりました/制限があるのは↑に書いてある通り)
クエイク

[ソース]
< script lungage=javascript>
var shakesize = 10;
var shakecount = 30;
var quart = String.fromCharCode(34);
var comma = String.fromCharCode(44);
function shakewindow(){
for (i=0;i< shakecount ;i++){
eval('top.window.moveBy(0' + comma + 'shakesize);');
eval('top.window.moveBy(shakesize' + comma + '0);');
eval('top.window.moveBy(0' + comma + '-shakesize);');
eval('top.window.moveBy(-shakesize' + comma + '0);');}
}

function earthquake(){
eval('setTimeout(' + quart + 'shakewindow();' + quart + comma + '500);');
}
< /script>< a href="javascript:earthquake();">クエイク< /a>



コメントする


[他の記事も読む]
<=次の記事 左メニューについて思ったこと
=>前の記事 法人会計::法人決算手順メモ書き


大分類が「作品DB開発/運用」の記事
この論客の記事全て
↑上へ