JavaScript」カテゴリーアーカイブ

WordPressに読み込み済みjQueryを使う

テーマ等状態にもよるのだが、結構WordPressにはjQueryが読み込まれている。

既に読み込まれているのだから使おうとして、
jQueryを使い慣れている人は『$』で使おうとするだろうが、
wordpressで使えないことに気づくかと思う。

先程にも書いたがテーマ等状態にもよるから、そもそも無い可能性もなくはない。
その対応方法。
続きを読む

jQueryをjavascriptで呼び出す

便利と紹介したCDN(CDN経由でjQuery等)ではあるが、サーバの状況次第では、たまに使えないときがある。
そういったとき、普通にjavascriptで呼び出したいと、皆思うだろうけど単純装備では上手くいかないので、解決方法のメモ。

wordpressのテーマによっては既にjQuery読み込み済みの場合もあるので、覚えておくと便利。
続きを読む

windowsXPでnode.js使う

まず使って見ることにしたわけだが、
素敵なサイト↓があったもので、node.jsを動かすのはそこを見ればわかる。
windowsXPローカル環境でnode.jsを動かす | みねラボ

ザックリ書くと

  1. 本家より『Windows Installer』を落としてインストール
  2. 本家でも使用ソースをgithubから落として設置。動かす。

簡単設置!!
だけど、インストールディレクトリに置かれると都合が悪いので、ちょっと弄る
続きを読む

node.jsとはナンスカ

前から気にはしていたnode.js。

イマイチ理解出来ずにいたが
クラウドWebサービス時代は GUNDAM (Github Ubuntu Node Dropbox AWS MongDB) だ!!
と言われてはやらないわけには行きますまい。

でも色々読んではいるけど、理解出来ないんスよ…
てことで、潔く人に聞いてみた。
続きを読む

CDNを使ってjavascriptライブラリを呼び出す方法

jQueryとかjavascriptライブラリをバージョン毎の管理がめんどくさいとか
本体のアクセス数のために総アクセス数を節約したとか
そんな人はCDNを使うと便利なのです。

インターネット経由して使うのだから『オフラインだと使えない』というのは当然あるけれども、
『URLすら知られたくないほど完全非公開』とかでもなければ、使っておいて損はないと思う。

使い方は通常と同じで、srcを自サーバからCDN対象に変えるだけ。

他にも色々種類にもあるので、今回記載したなかに自分が使いたいものがない場合には、探してみたらよろしいかと。
自分が安心して使える有名所だけ書いたけど、探せば、他にもあるかと思われる。
ただし!説明は大概英語だ!頑張れ!
続きを読む

Twitterbird Internet Explorer用修正

流行便乗で登録してみたものの…
てことで
Blog持ってる人なら貼りたくなる『Twitterbird

こちら、このまま貼り付けたのでは、IEで巧く表示されません。

・IE6では表示されない。
・IE7以上ではタグ貼った場所以降表示されない。

『IE7以上のバグ』の場合は、</body>の前にタグを貼れば何とかごまかせるんだけど、そうそう貼れる場所じゃない。

貼る側の身からしたら、貼る場所固定化されたくないよね。
どこにコード貼っても、同じように使えて当然くらいの勢いじゃない。

そうやって貼るための修正方法。
続きを読む

カウントダウンJavascript(使い回し仕様)

カウントダウンを作っていて思うことがあった。
・日時が違うもの毎に1個1個作るというのが納得いかない。
・『年月日』指定するものもあれば、『時間』まで指定するものもある。
・『残り日数』以外にも『残り時間』を表示したい場合もある。
・24時間を切ったとき、残『0』日となるので、その場合は『残り時間』を表示したい。

そこで使い回し用を作ってみた。
続きを読む

prototype.jsとjQuery両方使う

prototypeもjQueryも同じ『$』で宣言がデフォルト。
デフォルト状態で一緒に置いておくとそれはエラー出て当然。
そこで両方を使えるようにするための処理。

最初に以下を書き込む。

<script>
jQuery.noConflict();
var j$ = jQuery;
</script>

コレで普通
『$("ぬんたら").html();』
とかやるとこを
『j$("ぬんたら").html();』
と出来る。

もしくは下記のような書き方が出来る。

(function($){
    // この中では$がjQueryとして使える。
    alert($.fn.jquery);
})(jQuery);

コレで『乗り換え』も楽々可能!

『javascript』と『jscript』は違う

ある日仕事で便利なエディターを使いJavaScriptを打ち込んでいた。

IEで確認し動くことを確認。
次にfirefoxで確認してみると、全く反応がない。

エラーでも出たかと色々直してみるも、全くもって反応がない。
アラートくらい出てもいいものなのに、反応が一切ないのだ。

最低限で打ち込んだ内容は下記。

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjscript%22%3E%0Aalert(%22aaaa%22)%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

そう『javascript』じゃなくて『jscript』だったのだ!
続きを読む