ページ

のんびりお勉強して追加していく。

2013年3月16日土曜日

jQueryのこと:他いろいろ

今日はjQueryについてお勉強しました。
他にも、一応知ってはいたものの、やり方を覚えていなかった事なども実践してみました。まずそちらから。

特殊記号の話。

タグを打つとき、半角で<>って使いますよね。
ですが、HTML編集をするとタグとして受け入れて表示されなくなってしまうので、
独自のコードを入力して表示させる方法をちゃんと覚えていこうと思います。

<>

<br />←改行タグが見えますでしょうか。

プレビューで確認したところ、ちゃんと表示されていたので問題ないと見ていきます。
これをすることで、HPやブログ上でタグ、コードを表示して簡単にコピペできるようになりますね。
覚書しておいて、必要になったらそこからさっとコピペ。…それができるように覚えていこうと思います。
意外と、しかしながらとても重要なものですね。

jQueryの話。

ここ暫く、jQueryなるものを教わっておりました。Webのあれこれに詳しくない身としてはかなり難しいです。
そんなjQueryを掛け合わせて、リンクをつけたら自動的に別窓(タブ)で開くようにすることもできるようです。
便利ですね…逐一blankタグいれなくて済むんですよ。

で、まずはjQueryをDLしてきて、そのあとにhead内に<script type="text/javascript" src="js/jquery.js"></script> をいれ、次にscriptタグ内に、

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

と入れると、リンク指定したhttpのつくものは全て別窓で開くようになる!わぁ便利。
…ではありますが、本当に全てのリンクを別窓表示にするので、別窓表示させたくないものまでさせられちゃいます。
私はこれを、「https」のときのみ別窓表示にしてみました。
すると、ツイッターのリンクなどはhttpsなので、うまくそれらのみ別窓表示になりました。
使い分けは要必要ですね。やはりこの設定はHP用かな?と思いました。

また、Bloggerは今のところ、このjQueryのコードをDLしても入れておく場所がないそうなんですね。
Head内にぜーんぶコピペでいれこむか、他にも方法があるそうなのでそれを参照して…なんとかやりましょう(苦笑)
(私も今はちゃんとした方法取れていないので追々変えていきたいなーとは思ってます…)

もうひとつ、ラベルを目立たせる方法も習いました。
といってもラベルがまだ2個しかない私は目立たせてもあまり意味がないのですが…
ラベル分けの多い方はこれをするといいだろうな~と思います。

長くなっちゃったので、今日はここまで。次回にラベルについて書こうと思います

0 件のコメント:

コメントを投稿