タグ

javascriptに関するichigaya555のブックマーク (27)

  • dev7studios

    Ahoy, me hearties! We are Themeisle and we build long-lasting

    dev7studios
    ichigaya555
    ichigaya555 2012/03/02
    これは使える超使える
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ichigaya555
    ichigaya555 2011/12/09
    透過pngとかやめようぜwww
  • [JS]jQueryのプラグイン33+1選 -2010年11・12月

    紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Backstretch リサイズにも対応、背景画像をブラウザの枠いっぱいに表示します。 fullscreenr オーバーレイさせて背

  • PHP & JavaScript Room

    Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ

    PHP & JavaScript Room
  • 【JavaScript】0埋めしたい 数値の0パディング

    フリーエンジニアである下っ端SEの備忘録と日記。日々是精進。 開発言語は主にC#。 開発技術が日々進化し続けている今日、取り残されまいとするも歳のせいか覚えが悪いSE。 ほったらかしですいません。 1なら01、15なら15のようにJavaScriptで0埋めしたい場合。 C#だったら、PadLeft(totalWidth,paddingChar) で PadLeft(2,'0') のようにすればいいけど、JavaScriptとなると何だか面倒臭いな~ と思っていたら、よいサイトがありました。 PCソフト備忘録 上記の例なら ("0" + "数値").slice(-2) で簡単に0埋めができてしまいます! アラ、便利。 この記事がお役に立ったようでしたらぜひクリックお願いしますm(_ _)m 人気ブログランキング

    【JavaScript】0埋めしたい 数値の0パディング
  • finefinefine.jp

    This domain may be for sale!

    finefinefine.jp
  • 第2回 楽にリストをストライプ模様にする | gihyo.jp

    各種セレクタ 第1回ではjQueryを使ったclassを自動で追加するサンプルを見てもらいました。HTMLのどの部分に適応するのかを指定するためのセレクタも紹介しましたが、第1回で紹介したのは、そのごくわずか一部だけです。 第2回では、第1回で紹介しきれなかったセレクタや、それらを使った実践サンプルを紹介いたします。 基(Basics)

    第2回 楽にリストをストライプ模様にする | gihyo.jp
  • JavaScript:文字を数値に変換する方法(非参考版)

    jQueryとかでCSSのpaddingとかを抜きだした時、 pxやemがついたまま抜きだされてくる。 これをreplace()などで数値だけにして足し算とかをしようとしても、 文字列として扱われてしまうことになる。 つまり、文字を数値へ変換しなければならないのだけど、 JavaScriptでどうやれば数値になるのか知らない。 調べたらたまに使っているeval()を使う事で、 文字を数値として使うことができるらしいので、 メモとしてエントリーしておく。 ※文字列を数値とする場合はevelは利用しないように!! エントリーはJavaScriptを勉強する過程で書いた記事です。文字列を数値に変える場合、エントリーのようなevelを利用するのではなく、次のエントリー「JavaScript:文字を数値に変換する方法その2」を参照し、parseInt()やparseFloat()を利用するように

    JavaScript:文字を数値に変換する方法(非参考版)
  • 逆引きJavaScriptリファレンス

    逆引きJavaScriptリファレンスです。 ◆ステータスバー(ウィンドウの最下行)に文字を表示させたい ◆文書中に文字を表示させたい ◆変数の値を文書中に表示させたい ◆"(ダブルクオーテーション)を表示させたい ◆'(クオーテーション)を表示させたい ◆フォームのテキストエリアに文字を表示させたい ◆背景の色を変えたい ◆現在の日付を求めたい ◆現在時刻を求めたい ◆警告や注意を促したい ◆文字を入力させたい ◆数値を文字にしたい(変換) ◆文字を数値にしたい(変換) ◆文字列の中から1文字だけ取り出したい ◆一定時間ごと処理を行いたい ◆一定時間ごとの処理を停止させたい ◆サブウィンドウを開きたい ◆フォームに入力された文字列を取り出したい ◆自分のコンピューターのファイルを読み出したい ◆相手のコンピューターにファイルを書き込みたい ◆指定アプリケーションを起動させたい ◆配列を作

  • 文章中の文字をJavaScriptとして動作させてみる

    文章中に使ったサンプルの文字とかを 直接動作させる方法はないかなと思い探してみたら、 どうやらevalという関数で動作させることができるようだ。 今後作って動作させてみたいことがあるので、 今回はその時のために、evalの使い方を勉強してみる。 eval(○○) eval(○○)は、○○に入れた文字を動作させられるらしい。 つまり、書いている文字を引っ張ってきて、そこに入れれば、 書いた文字が動作するのでしょう! 引っ張ってくるのをjQueryの構文にしてみたら、 その構文通りに動くのではないだろうか? ってことで実験。 サンプル ■設定ソース $(function(){ $("input.run").click(function(){ var code = $("#samp").text(); eval(code); }); }); 今回から、$(document).ready(func

    文章中の文字をJavaScriptとして動作させてみる
  • エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider

    実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています(褒め言葉です)。こんな 事もflashを使わないで出来るんだなー、と 素直に関心したので、同じ気持ちで見て 頂けたら嬉しいです。 エフェクトはかなり多く用意されており、どれもなかなか派手な印象です。これだけのエフェクトをクロスブラウザに対応させているのもちょっと驚きです。※IE6にも対応とあるのですが、現在諸事情で確認出来ませんので対応してなかったらごめんなさい。 えらいこっちゃ・・なエフェクトばかりです。エフェクトはかなりの数が用意されており、1つのエフェクトも細かい設定が可能になっています。 まずはエフェクトの一部を無言でご紹介します。 ちょっとヒーローとかの変身シーンみたいな感覚です・・実際に動きを見てもらうと、いかに無駄にすごい動きか

    エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider
  • [JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit

    実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。 約4KBと超軽量なのもいいですね。 右上のオートプレイは状況も表示します。 Orbitの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"

    ichigaya555
    ichigaya555 2011/08/12
    ゴイスー
  • イヌでもわかるJavaScript講座

    このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ?と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、講座のサンプルを使ってHTMLファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。

  • 【JavaScript】で音楽の再生・停止をしたいのですが、具体的なスクリプトを教えてください。…

    JavaScript】で音楽の再生・停止をしたいのですが、具体的なスクリプトを教えてください。 ★高ポイント&イルカ差し上げます。 ******************** 音楽1の再生 音楽2の再生 音楽3の再生 音楽の停止 ******************** 「音楽1の再生」をクリックすると「1.mid」が再生される。「音楽2の再生」をクリックすると「2.mid」が再生される。「音楽の停止」を押すと再生ストップといった具合です。オーディオプレーヤーは表示したくありません。ひとつのページで全て行いたいのですが可能でしょうか?

  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

  • スマートフォンサイトで電話番号やメールの自動リンクを解除したい – helog

    iPhoneAndroidなどスマートフォンサイトでは、電話番号やメールアドレスらしき文字列があった場合に、自動でリンクが設定されます。 リンクをタッチするだけで、電話をかけれたりメールを送ることができるので、一見して親切な機能のように思われます。 しかし、あくまでブラウザが自動で検出しているので、その精度は完全ではありません。 長いメールアドレスがレイアウトの関係で折りかえってる場合や、電話番号の間にハイフンやスペースがある場合など、ブラウザがリンクの範囲を認識できずに、誤った番号への通知リンクとなる危険性があります。 例えば「aaaaa.bbbbb.ccccc@abc.jp」をクリックすると「ccccc@abc.jp」があて先にセットされるなど、実際起こるとなると恐ろしい事ですね。 自動リンクを無効にする このような問題を回避するために、自動リンクを無効にする方法があります。 電話番

    スマートフォンサイトで電話番号やメールの自動リンクを解除したい – helog
  • [JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js

    CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量(894bytes)のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左:ファイル名、右:スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ

  • 今、知っておきたいJavaScript

    Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM(Document Object Model)に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI(Application Programming Interface)です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組

    今、知っておきたいJavaScript
  • [JS]これFlashじゃないの?ってなるナビゲーションを実装するjQueryのチュートリアル

    軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML:背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D

  • 最近気になってきたjQueryについて色々調べてみました - もとまか日記

    最近、「jQuery」というキーワードをよく見かけます。 これって何だろ?と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日語リファレンス 必要に応じてみればいいかな?と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp:40分で覚える!jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて