JavaScript

JavaScriptの文字列に改行コードを入れる方法

「¥」を使用することで改行を含めることができる 以下のようにして変数に改行を含んだ文字列を格納することはできません。 <script type="text/javascript"> //<![CDATA[ var num = "1 2 3"; alert(num); //]]> </script> 上記のようにするとエラー...
2013/08/27

jQueryのいろいろなイベントについて

jQueryでよく使われるイベントの紹介 一番よく使われているクリックしたときに実行されるイベントです。 $("#selecter").click(function() { //クリック時の処理 }); 変更されたときに実行されます。 よくプルダウンなどで使用されます。 $("#selecter").change(function () { //変更時の処理...
2013/08/12

jQueryでiframeの縦幅を自動調整

iframeの縦幅を自動で調整する方法 概要 iframeの横縦の幅は、通常呼び出し元のページでサイズを指定します。 読み込みページの縦幅が可変する場合など、縦幅が呼び出し元ページで指定した縦幅を超えるとスクロール表示されてしまします。 スクロール表示されずに、すべて表示したい時もありますよね。 そんな時は、JavaScriptを使用します。 方法は簡単です。 iframeページが読...
2013/07/30

TinyMCEの設置方法、機能の紹介 - WYSIWYG

TinyMCEの設置方法と機能を紹介します。 概要 TinyMCEとはJavaScriptで作られた、プラットフォームに依存しないWebベースのWYSIWYGエディタです。 高機能であり、Wordpressでも使用されているプラグインです。 WYSIWYGとは「見ているものが手に入る」という意味であり、作成・編集時にディスプレイ上で見ているものがそのままHTMLコードとして出力することがで...
2013/07/23

jQuery で本をめくるようなUIを実装

本をペラペラめくるようなUIを実装 概要 トップページのメイン画像のUIで、本をめくるような動きを実現できるプラグインを使用させていただきました。 使用したのは、「book block」というjQueryプラグインです。 設置も簡単で、様々な動作を実現することができます。 また、その他にも同じような本をめくるような動作をするjQueryプラグインをいくつかピックアップしてみま...
2013/07/16

JavaScript を一切使わないプログラミング

JavaScript を一切使わないプログラミングとは? 当記事の概要 今回は、JavaScript を使わずに開発したプログラムの紹介ではなく、開発した結果、JavaScript の良いところと悪いところについて思ったことをお話します。 今回作ったのは CMS ですが、やはり JavaScript を使用することで、よくなる箇所、また悪くなる箇所があるみたいですね。。。 ...
2013/07/09
トップへ戻る