jQueryでiPhone/iPadの向きを検出する[to-R]
jQueryでiPhone/iPadの向きを検出する iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。 そういった場合に利用できるのがメディアクエリーのorientationです。 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> このように記述をすると縦向き(portrait)の場合はportrait.cssを横向き(landscape)の場合はlandscape.cssを読み込むことが出
![jQueryでiPhone/iPadの向きを検出する[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1788fe5c4e0abeec501baa392c032db6a3514abe/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2F20100817_01.jpg)
【jQuery】topに戻るスクロールボタン | Web Cafe
下に長いページだと、トップに戻るのがわずらわしかったりします。 そんな時に使う。 １．まずjQueryをヘッダーに呼び出す。 ２．以下のソースを好きな名前をつけjsフォルダに格納し（pagetop.jsとか）ヘッダーで読み込む $(document).ready(function(){ var pagetop = $('.pagetop'); $(window).scroll(function(){ if ( $(this).scrollTop() > 500 ) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); pagetop.click(function () { $('body, html').animate({ scrollTop: 0 }, 500); return false; }); }); ３．ｈｔｍｌファイルの任意
無職のプログラミング jQueryでDOM要素を作成し、DOMツリーを構築する方法
「jQuery DOM ツリー 構築 or 生成」などで検索しても、jQueryでDOM要素を作成／生成し、DOMツリーを１から作る方法が出てこなかったので、せっかくだから基礎の基礎をまとめてみる。 1)jQueryオブジェクトを作る jQueryオブジェクトとは、jQueryの関数(メソッド)が使用できるDOM要素(またはその配列)のこと。DOMツリーに含まれてない要素も含む。 jQueryオブジェクトは、セレクタで抽出して取得することが多いが、１から作ることもできる。 jQueryオブジェクトの作成には、$()関数を使用する。 ＜例＞ // <div></div>という要素のjQueryオブジェクトを作成し、$jqObjに格納する var $jqObj = $("<div/>"); 変数名の先頭に $ をつける必要は無いが、「jQueryオブジェクトが格納されている変数であること」を明
jQuery.ajaxでphpから出力したjsonpを扱った時のメモ
jQueryのajax関数を利用してJSONPを扱う際にちょっとだけハマった。 jQueryのajax関数を利用してJSONPを扱う場合、dataTypeに「jsonp」を指定するだけではなく、「jsonpCallback」を使わないとparsererrorとかになる。 (ちなみに利用したjQueryのバージョンは1.8.2で、jsonpCallbackについては公式サイトの仕様に載っている) 以下はBasic認証配下に設置したPHPファイルが出力するJSONPのデータを取得したもの。 $.ajax({ url: 'https://json.data.domain/jsonp.php', type: 'POST', username: 'basic_auth_name', password: 'basic_auth_pw', data: {}, dataType : 'jsonp', js
タッチUXを実現する7つのポイント
思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で
いまから始める、jQuery Mobileの基本 (3/4)
ヘッダー／フッターの配置とレイアウトの定義 jQuery Mobileでは、各ページ内のレイアウト領域もdiv要素にカスタムデータ属性を利用して定義します。ヘッダー領域なら「data-role="header"」、コンテンツ領域なら「data-role="content"」、フッター領域なら「data-role="footer"」と記述します。 ■サンプル3[HTML] <div data-role="page" id="index"> <div data-role="header"> <h1>to-R</h1> </div> <div data-role="content"> <p>コンテンツの内容</p> </div> <div data-role="footer"> <h4>© 2011 to-R</h4> </div> </div> サンプル3をブラウザーで表示すると、j
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
JavaScript本格入門 ～モダンスタイルによる基礎からAjax・jQueryまで［本書訂正］ - WINGS
3.14e5は「3.14 × 105」、1.02e8は「1.02 × 10-8」を表します。 （5と-8は上付き文字）
jquery スクロールバー
スクロールバーのデザインが簡単に変更できます、ブラウザのスクロールバーがサイトのデザインになじまない時等によいですね。 マウスのスクロールにも対応しています。パラメータを指定したり、スタイルシートを変更することで、垂直スクロールや横スクロールや色などデザインを変更できます。 配布先と使い方 jScrollPane 配布先の「download」の箇所より jquery.jscrollpane.cssとjquery.jscrollpane.min.jsと、 マウスホイールの為にjquery.mousewheel.jsをダウンロードします。 jQuery本体とjquery.jscrollpane.cssとjquery.jscrollpane.min.jsとJQuery.mousewheel.jsをヘッド内で読み込みます。 <script type="text/javascript" src="j
jQuery - StackTrace
jQuery とは、John Resig によって開発された JavaScript ライブラリです。 Ajax や DOMプログラミングを「簡潔に」「簡単に」書くことができる、軽量で強力なフレームワークです。 jQueryプロジェクトは、4つのプロジェクトで構成されています。 jQuery Core jQuery のコアライブラリを開発するプロジェクトです。Ajax や DOMプログラミングフレームワークを提供します。 jQuery UI jQuery Core上に構築された強力なユーザインターフェースライブラリです。 Sizzle 高速なセレクタエンジンです。jQueryでも使用されています。単独でも使用可能です。 QUnit 使いやすいJavaScriptのテスティングフレームワークです。 このサイトでは、jQuery Core、jQuery UI の日本語リファレンスを公開しています
IE9で SCRIPT1014: 文字が正しくありません - end0tknr's kipple - web写経開発
IE9で、SCRIPT1014やSCRIPT5007エラー jquery等のjavascriptを含んだページを「名前を付けてページを保存」し、そのファイルをローカルで開くと、IE9でjavascriptが動作しない。IE9に付属の「F12 開発者ツール」でコンソールを開くと、次のようなメッセージが表示されます。 SCRIPT1014: 文字が正しくありません。 jquery.js, 行 1 文字1 SCRIPT1014: 文字が正しくありません。 common.js, 行 1 文字1 SCRIPT1014: 文字が正しくありません。 stat.js, 行 1 文字1 SCRIPT5007: プロパティ '$' の値は Null または未定義で、Fuction オブジェクトではありません。 TEST_STAT.htm, 行 517 文字1 「saved from url=(0013)abo
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
no003.info
jQuery逆引きリファレンス － ＠IT
GitHub - BorisMoore/jquery-tmpl: The original official jQuery Templates plugin. This project was maintained by the jQuery team as an official jQuery plugin. It is no longer in active development, and has been superseded by JsRender.
bassistance.de » jQuery plugin: Validation
BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS
Ajax｜PHP & JavaScript Room
Resizable | jQuery UI