jQuery で radio ボタンの取得、設定 - xykの日記
HTML: <input id="male" type="radio" name="sex" value="0"><label>男性</label> <input id="female" type="radio" name="sex" value="1"><label>女性</label> ■ チェックされたradioボタンのvalue値の取得する jQuery の独自cssセレクタ(:checked)を使って取れる // 男性にチェックが入っている場合 var result1 = $('input[name="sex"]:checked').val(); // 0 // or var result2 = $('input[name="sex"]').filter(':checked').val(); // 0 ■ radioボタンにチェックが入っているか、いないか真偽値を取得する //
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
jQuery UIのドラッグ＆ドロップで参考になったサイト(自分メモ) - ありの日記
ドラッグ＆ドロップを行うにはjQuery UIの以下のサイトから Download Builder | jQuery UI UI core Draggable Droppable の3つにチェックをつけてダウンロード ドラッグ＆ドロップで参考になったサイト jQuery UIのドラッグ＆ドロップ(と複数選択)の解説 jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ (1/4)：パターンとライブラリで作るAjaxおいしいレシピ（5） - ＠IT ドラッグのエフェクトとか、どんな風にドラッグできるか一目で分かるデモ http://view.jquery.com/tags/ui/1.0.1a/demos/ui.draggable.html ドラッグ＆ドロップの典型的なやつ。elementの(ドラッグ元からドラッグ先への)付け替える方法が分かった jQuery UI本家のドキュメン
Drag and Drop in Firefox 3.5
Drag and Drop in Firefox 3.5 by l.m.orchard <lorchard@mozilla.com> 0xDECAFBAD This page offers a variety of demonstrations and experiments using jQuery and the new Drag & Drop API offered by Firefox 3.5. ... Also check out this outline drag-and-drop demo, which combines most of the features demonstrated below. Old school drag and drop This first demo isn't anything new at all—in fact, it's a reall
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に！｜クロノドライブ
ThickBoxとはjQueryを使用したAjaxライブラリの一つで、主に画像をページ上に大きく表示させるときに使われます。また、画像だけではなくHTMLファイルも表示することが出来るため、これ一つで画像とHTMLをポップアップ表示（正確には同じページ上にオーバーレイ表示される）させることができます。 ◆サンプル このライブラリの便利なところは、小難しい設定をしなくても使えることや、ポップアップした画像を自動的にブラウザに収まるサイズに縮小してくれるところです。 ※HTMLを表示する場合にはサイズを指定する必要があります。 使ってみたい！と思った方のために使い方の手順を下記にまとめました。 必要なデータを揃える まずは、配布元であるThickBox3.1に行き、Downloadから下記ファイルをダウンロードしましょう。 ファイル名 thickbox.js thickbox.css load
Create a jQuery Image Rotator with Description - Tutorial
This original tutorial was created by Soh Tanaka and published back in 2009. Unfortunately his demo has since gone offline and I managed to find an old copy of the source codes. People in the comments have been asking for automatic rotation between the slides and I updated the codes with this feature. So in this tutorial I am reintroducing some of Soh’s original codes on how to build this dynamic
jQuery UI API 1.8.4 日本語リファレンス - StackTrace
jQuery UI API 1.8.6 の日本語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル
jQuery portlets | SonSpring
Oct 18, 2006 — Topic: javascript Note: This code is outdated. Instead I suggest you use jQuery UI. Portlets: Example | Download (24 KB) A bit of a friendly challenge was put to me by Chris Heilmann, a London based Yahoo developer and JavaScript guru / author. So, I have updated this little demo with improved expand / collapse toggle behavior. I have also made it so that each portlet can be dragged
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About
Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 前回は、プラグインから紹介しましたが 今回は、再度、jQuery UIの中から紹介します。Draggablesです。 極めて手軽にDOM要素をドラッグ可能にしてくれるプラグインです。 jQuery Download jquey.js(-min.js) UI/Draggables Draggables デモ ダウンロード jquery.ui-1.0.zip （101 KB） jQueryのダウンロードと設置 Draggables Draggablesを使うためには、jquery.jsの他にjquery.dimensions.js、ui.mouse.js、ui.draggable.js、ui.draggable.ext.jsの合計5つのファ
![jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
CakePHPにuploadify（jQuery+Flashのアップローダ）を入れる
CakePHPにuploadify（jQuery+Flashのアップローダ）を入れる 2009/10/05 in cakePHP | Tags: cakePHP, 認証, Flash, jQuery ブラウザ上からアップロードを行なうとき、HTMLでは一度に一つのファイルしか指定できなくて不便。なんとかならないのかな～、と思いネットを探していると、あるじゃないですか、uploadify。 じゃ、これをCakeに入れてみましょ～。（Cake1.2.3.8166） まずはダウンロード ダウンロードします。 私は、jquery.uploadify-v2.0.3 を落としました。他のヴァージョンも基本的なところは変わらないと思います。(多分) なんで、v2からファイルサイズが極端に増えているんだろう、と思いましたが、いろいろおまけが付いて来るだけで本体は全部で50Kbにも満たない小さなものです。ご
http://lagoscript.org/jquery/autopager/
See related links to what you are looking for.
jQueryでWordPressの続きを読むをAjaxで読み込む
jQueryでWordPressの続きを読むをAjaxで読み込む 通常のブログではあまり使うことはないかもしれませんが、jQueryの練習がてらWordpressの続きを読むをAjaxで読み込んでみようと思います。 投稿日2011年04月10日 更新日2011年04月10日 WordPressのテンプレート 動作はタイトルと概要と「続きを読む」ボタンを記事一覧に表示して、「続きを読む」ボタンを押すと、ボタンが本文に置き換わるということをやります。 まずはテンプレートファイルを普通（？）に作成します。 一覧を表示するための「index.php」と、本文を表示するための「single.php」ですね。 index.php <?php get_header(); ?> <div id="entry"> <?php if (have_posts()) : while (have_posts())
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
【レポート】「Dreamweaver」と「Flash」のCS5.5における進化とは | クリエイティブ | マイコミジャーナル
アドビ システムズは、東京・ベルサール新宿にて、Web制作者向けイベント「ADC MEETUP ROUND01 モバイルを攻略せよ」を開催。本レポートでは、幅広い年齢層の来場者が詰め掛け、立ち見が出る程の盛況を見せた全8セッションのなかから、冒頭に行われた同社のセッションをお届けしよう。 本セミナーのオープニング スマートフォン市場が予測を遙かに上回る成長を遂げた。こと昨今の急激な成長を牽引してきたAndroid OSを搭載したスマートフォンは、メーカーのアイデンティティを体現するかのように多種多様なデバイスが登場してきている。それに伴い、クリエイターはコンテンツデザインを各種デバイスで最適化されるよう考慮し構築しなければならない状況へと移りつつある。そうした"激動するモバイル市場"、そこから発生する制作ツールへのニーズを満たすためにAdobe CS5.5がリリースされたというわけだ。では
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery入門以前 Part5 キーイベント編 | DLWのてくてく
enchant.js + jQuery でエフェクトをつける | 秋山ブログ
