タグ: JavaScript

JavaScriptは、HTMLやCSSなどを操作して、表示されているページの内容の振る舞い(動きなど)を操作したり管理できるスクリプト言語。HTMLやCSSでは難しい複雑な動きを表現できるため、活用するケースが有るが、Webサイトを構築するために必須のファイルではない。
主に、.jsと言った拡張子のファイルとして外部参照して使用したり、HTML内にタグで直接記述して実現する。ファイルそのものを指すこともあれば、JavaScriptのルールに沿って記述されたスクリプトコードのことも指す。

    PHPで解析したRSSフィードをJavaScriptとして表示し、外部参照する方法

    RSSフィードの表示スクリプトはあるが、それをJavaScriptでってなると面倒。document.writeにすべて表示部分を変更しなければいけない。 注意する点は、JavaScriptを外部参照するため、<script>タグなどをこのPHPに追記して、JavaScriptとして表示してはいけない。真っ白になります。HTMLではないので、JavaScriptを記述しよう。 サンプルコード とにかくコピペして、URL書き換えるだけで動かしたいんや!って...

    PHPをJavaScriptとして表示し外部参照する方法

    外部JavaScriptをPHPで表示させる方法。PHPファイル内にJavaScriptの処理や表示を記述するだけなので、簡単。ただ、油断してると、非常にくだらないことでつまってしまうことも。バカバカしいミスも含めて紹介。 PHP(例:js.phpを作成) 参照されるJavaScriptをPHPを使い処理する。サーバーサイド側の処理はPHPだが、表示されるのはJavaScript。多くはHTMLとして表示されるPHPもJavaScriptとして表示されれば、サーバー...

    bxsliderのフェードを利用してぼやけた画像をアニメーションで表示

    bxsliderのフェードを利用してアニメーションのスライダーをspeedが500、pauseを0として、ぬるぬると変化させるアニメーションを作ってみた。 工夫すれば、定点カメラの写真を時間経過的に美しく表現することが可能になるのではないかと思う。 CSSのdisplay:table;サンプル ul liでコーディングした場合。 CSS .bxslider ul{ display:table; } .bxslider ul li{ display:table-cell; } JavaScript $(function(){ $(...

    簡単なjQueryの使い方・jQueryをすぐに利用したい人のためのクイック導入

    jQueryというのはJavaScriptファイルです。 どういった内容のJavaScriptファイルかというと、何かのHTML要素を動かしたり、動きをつけたりといったことを一からJavaScriptで記述するよりは簡単に実現することが可能になるような、いわば準備・下ごしらえ的な内容のファイル(ライブラリ)です。 基本的にはjQueryファイルは変更しません。あなたが、動きを付けたいJavaScriptの記述よりも前に外部読み込みをして利用します。 ...

    はじめて使うjQueryというもの・導入、使い方や活用方法

    jQueryというものは、今までJavaScriptを使って一から振る舞いをコーディングしていたものを少しばかり簡単に記述できるようになるJavaScriptで出来たプラグイン。またそれを利用した動きや、よく使用するエフェクトを実現させるためのプラグイン(ややこしいがこれもプラグインという) コアファイルをjQueryの記述より手前に記述して、読み込めるようにする。多くは<head>内に記述 コアファイルの読み込みの後...

    [jQuery] ページトップに戻るリンクへスムーズにスクロールさせる動きをつける

    スルスル~っとスクロールするページのトップへ戻るボタンを最近見かけたことってないですか? jQueryを使えば簡単に実現することができます。 スムーススクロールのライブラリを使う方法 jQueryのサイトに行って、Javascriptのファイルをダウンロードします。改行のついたソースコードと、動作の速さを求めた改行なしの軽いソールの2種類があります。どちらか選んで、jquery.jsとでも名前をつけて保存。 scroll...

    [JavaScript] 簡単! 誰でも、5行で始められるプログラム

    以下の5行をコピーして、メモ帳を開く、そしてそこに貼り付ける。 次に、名前はテキトーにtest.htmlみたいな名前を付けて保存。 保存したtest.htmlをWebブラウザで開く(Internet explorerやFirefox、Google Chrome等) <html> <body> <script type="text/javascript">alert("警告!")</script> </body> </html> 厳密にはC言語とかJavaとかがプログラムだ!といわれるかもしれないけれ...

    JavaScriptで作った電卓・電子計算機

    ちゃんと確かめていないが、なんとなく計算機を作ってみた。 ※作った計算機はどこかにいってしまいました。 要件として最低限必要なことは、 2つ以上数字が入力できること計算結果が表示されること四則演算ができること 2つ以上数字が入力できること まずは数字が入力できるところから。 計算結果が表示されること 複数の数字の計算結果を表示させる枠と、正しく計算結果が表示されるようにする。 四...