0

    このブログは、JUGEMを利用しています
    Tap Jockey のホームページを作るために、
    ロリポップのレンタルサーバーを使っていたので、
    無料のロリポブログ = JUGEMでブログ ってことになりました

    で、プログラムのことを書こうとすると、
    記事がなが〜くなっちゃって、
    複数の記事を表示するときに見にくいんですよね
    だから記事を折り畳みたいな...
    と思って、jQueryとやらを使おうと試みました

    あと、jQueryなんて使ってたら、
    なんかおしゃれなブログになりそうですし...(違う?)

    ということで、時間がかかると思いますが
    記事を折り畳めるように jQueryを勉強していきます


    そんなこんなで、jQueryってJUGEMでどうやって使うんだ?と調べた結果を報告

    JUGEMにログインしてからの
    [デザイン] > [HTML・CSS編集]から
    [HTML編集フォーム]のボックスの中に
    <script type="text/javascript" src="http://js.jugem.jp/jquery/1.3.2/jquery.min.js"></script>
    の一文を入れるといいようです
    ココですね(赤いとこ)

    <link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
    <script type="text/javascript" src="./template/js/cookie.js"></script>
    <script type="text/javascript" src="http://js.jugem.jp/jquery/1.3.2/jquery.min.js"></script>

    ん〜でから、昨日はさらにその下に
    「外部リンクを別タブで開くようにする」ために、
    この5行を追加した次第です(青いとこ)

    <link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
    <script type="text/javascript" src="./template/js/cookie.js"></script>
    <script type="text/javascript" src="http://js.jugem.jp/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript"> 
         $(function(){
              $("a[href^='http://']").attr("target","_blank");
         });
    </script>

    これはまぁおそらく、
    「http://」で始まるリンクは別のタブで表示しますよ〜
    ってことなのだと思います
    *Safari は、別ウィンドウで開きましたけど


    え?なにげに jQueryの説明のところが薄いグレーになってますね
    これ CSSっていうんですよ、エッヘン!...って、
    世間では当たり前かもしれませんが、
    初心者なので大目に見てください
    jQueryと一緒に勉強しなくちゃいけないようですし


    ということで、これは
    [デザイン] > [HTML・CSS編集]
    [CSS編集フォーム]の中の...え〜
    どこに書こうかな?
    まぁわかりにくいのでとりあえず一番下に

    /* divの色をグレーに変えてみます */
    .divColorGray{background:#eeeeee; padding:10px}

    と追加して、
    ブログを書くときに <HTMLモード>

    <div class="divColorGray">
    ここはdivの中身です<br>
    背景がグレーになりますよ<br>
    きっとね<br>
    </div>

    って書いてみたら...

    ここはdivの中身です
    背景がグレーになりますよ
    きっとね

    できました

    終わり

    ...

    はやく記事を折り畳まなきゃ...


    コメント
    コメントする








       
    この記事のトラックバックURL
    トラックバック

    Calendar
    S M T W T F S
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
    << August 2017 >>
    My Apps
    有料アプリ

    無料アプリ

    Selected entries
    Categories
    AdSense
    Sponsored Links
    Archives
    Recent comment
    Links
    Profile
    Search this site.
    Others
    Mobile
    qrcode
    powered
    無料ブログ作成サービス JUGEM