Planet WEB関連

Planet

[1] [2] [3] [4]

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2026/07/21 (Tue)

html5

header
ナビゲーション補助や紹介を含むグループ

nav
他ページやページ内リンクのグループ。全てのリンクグループがこれである必要はない。
重要なメニューなどに。

aside
周りと少しだけ関連性のある要素。よくサイドバーとして使われる。
あとは注釈やtipsなど。

article
内容がページやサイトから独立した要素。フォーラムの1つの投稿、ブログでの1つのエントリ。

とりあえず
http://dev.w3.org/html5/spec/Overview.html#the-body-element-0

2009/09/15 (Tue) WEB関連 Trackback() Comment(0)

クエリ付きRewriteRule

hoge.php?id=11
を
/hoge/11.html
にリダイレクトする（URL書き換えではなく、リダイレクト）

RewriteEngine on

RewriteCond %{QUERY_STRING} id=(\d+)
RewriteRule ^hoge.php /hoge/%1.html? [R=301,L]

普通にリダイレクトしようとしても、クエリの部分は適用されない。
そこで利用するのが RewriteCond になる。
%{QUERY_STRING} でクエリ部分を指定して、リダイレクト先で　%1 とか %2　で呼び出す。

html? の？はクエリを付加しないことを示す。
これがないと
/hoge/11.html?id=11
とかクエリが末尾についてくる

RewriteCond %{QUERY_STING} p=(\d+)&y=([0-9]{4})&m=([0-9]{1,2}).*
RewriteRule ^s/[d|m|q] /s/p%1/%2/%3? [R=301,L]

2009/08/22 (Sat) WEB関連 Trackback() Comment(0)

php.ini エラー

エラーレベルを厳しく

error_reporting = E_ALL | E_STRICT
display_errors = On

2009/07/16 (Thu) WEB関連 Trackback() Comment(0)

付箋的なことを

<!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript" src="yui/yahoo-dom-event/yahoo-dom-event.js"></script>
        <script type="text/javascript" src="yui/dragdrop/dragdrop-min.js"></script>
        <script type="text/javascript">
        //<![CDATA[
        YAHOO.util.Event.addListener(window, "load", loadFunc);
        YAHOO.util.Event.addListener(document, "dblclick", clickFunc);

        var panel_num = 0;
        var panels = [];
        var depth = 0;

        function loadFunc() {
            var dd1 = new YAHOO.util.DD("dd1");
            var target = new YAHOO.util.DDTarget("target");

            dd1.onDragDrop = function(event, id) {
                YAHOO.util.Dom.get("target").innerHTML += event + "," + id + "<br/>";
            }
            //dd1.setHandleElId("handle");
            // x方向への制限(0, 640)px step by 10px
            dd1.setXConstraint(0, 640, 10);
            dd1.setYConstraint(0, 480, 10);
        }

        function clickFunc() {
            if(panel_num >= 5) {
                alert("これ以上は作成できません");
                return;
            }
            var panel_name = "panel" + panel_num;
            var ele = document.createElement("div");
            ele.id = panel_name;
            YAHOO.util.Dom.addClass(ele,"memoWrapper");
            document.body.appendChild(ele);
            var eleh = document.createElement("div");
            eleh.id = "h" + panel_name;
            YAHOO.util.Dom.addClass(eleh,"handler");
            YAHOO.util.Dom.get(panel_name).appendChild(eleh);
            YAHOO.util.Dom.get("h" + panel_name).innerHTML = "Memo" + panel_num;
            var elet = document.createElement("textarea");
            YAHOO.util.Dom.get(panel_name).appendChild(elet);

            panels[panel_num] = new YAHOO.util.DD(panel_name);
            panels[panel_num].setHandleElId("h" + panel_name);

            var x = Math.random() * 640;
            var y = Math.random() * 480;
            YAHOO.util.Dom.setXY(panel_name, [x, y], true);


            panels[panel_num].startDrag = function() {
                YAHOO.util.Dom.setStyle(panel_name, "z-index", depth++);
            }

            depth = panel_num++;

        }
        //]]>
        </script>
        <style type="text/css">
            textarea {
                width: 180px;
                height: 9em;
                overflow: auto;
            }
            .memoWrapper {
                width: 190px;
                height: 11em;
                text-align: center;
                border: 1px solid #ddd;
            }
            .handler {
                height: 24px;
                color: #FFF;
                background: url(images/red.gif)
            }
        </style>
    </head>
    <body>

    </body>
</html>

2009/07/07 (Tue) WEB関連 Trackback() Comment(0)

tab menu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <link rel="stylesheet" type="text/css" href="yui/tabview/assets/border_tabs.css" />
        <link rel="stylesheet" type="text/css" href="yui/tabview/assets/tabview.css" />

        <script type="text/javascript" src="yui/yahoo-dom-event/yahoo-dom-event.js"></script>

        <script type="text/javascript" src="yui/element/element-min.js"></script>
        <script type="text/javascript" src="yui/tabview/tabview-min.js"></script>
        <script type="text/javascript">
        //<![CDATA[
        YAHOO.util.Event.addListener(window, "load", loadFunc);
        function loadFunc() {
            var options = {
                orientation: "bottom"
            };
            var myTabs = new YAHOO.widget.TabView("myTab", options);
        }
        //]]>
        </script>
    </head>
    <body>
        <div id="myTab" class="yui-navset">
            <ul class="yui-nav">
                <li class="selected"><a href="#tab1">tab1</a></li>
                <li><a href="#tab2">tab2</a></li>
                <li><a href="#tab3">tab3</a></li>
            </ul>
            <div class="yui-content">
                <div id="tab1"><p>akfsdljfalsfjal</p></div>
                <div id="tab2"><p>jfaslkfjaskdfjofwigjawojow</p></div>
                <div id="tab3"><p>worueqmcbnweuqp</p></div>
            </div>
        </div>
    </body>
</html>

tabmenuをつくる。
orientation でタブの方向を決める。

element script はなくても動く模様。

2009/07/05 (Sun) WEB関連 Trackback() Comment(0)

HOME 次のページ >>

カレンダー

2026/07