PHP & JavaScript Room :: 設置サンプル

JavaScript（ジャバスクリプト、ジャヴァスクリプト、略称：JS）はスクリプト言語である。 主にWebブラウザ上で動作し、HTMLの動的書き換えや入力フォームの自動補完など、Webページの使用感向上を目的として使用されたり、リッチクライアントアプリケーションの構築に使われる。

<style type="text/css">
blockquote#bq {
    margin:0; padding:10px 0;
}
    blockquote#bq p {
        margin:10px; padding:0;
        line-height:1.2;
    }
    blockquote#bq p q{
        margin:0 2px; padding:0;
        font-style:italic;
    }
</style>

<form action="#">
    <p><input type="button" value="引用元リンク生成" onclick="fGetQuote()" /></p>
</form>
<blockquote id="bq" title="JavaScript - Wikipedia" cite="http://ja.wikipedia.org/wiki/Javascript">
    <p>
        <q>JavaScript</q>（<q>ジャバスクリプト</q>、<q>ジャヴァスクリプト</q>、略称：<q>JS</q>）はスクリプト言語である。
        主にWebブラウザ上で動作し、HTMLの動的書き換えや入力フォームの自動補完など、Webページの使用感向上を目的として使用されたり、リッチクライアントアプリケーションの構築に使われる。
    </p>
</blockquote>

<script type="text/javascript">
function fGetQuote(){
    /* 親ノード（blockquote） */
    var bqObj=document.getElementById("bq");
    /* 親ノードのtitle属性 */
    var title=bqObj.getAttribute("title");
    /* 親ノードのcite属性 */
    var cite=bqObj.getAttribute("cite");
    /* 既に引用元リンクが存在したら作成しない */
    if(document.getElementById("bqLink")!=null) return false;
    /* cite属性が空でない場合 */
    if(cite!=""){
        /* a要素を作成し、href・title・id属性を設定 */
        var aObj=document.createElement("a");
        aObj.setAttribute("href", cite);
        aObj.setAttribute("title", title);
        aObj.setAttribute("id", "bqLink");
        /* a要素にテキストノードを追加 */
        aObj.appendChild(document.createTextNode(title));
        /* p要素を作成し、テキストノードを追加 */
        var tObj=document.createTextNode("引用元：");
        var pObj=document.createElement("p");
        pObj.appendChild(tObj);
        pObj.appendChild(aObj);
        /* 親ノードに作成した引用元リンクを追加 */
        bqObj.appendChild(pObj);
    }
}
</script>