jQuery：afterでDOM要素を移動する ビジネスマンの徹底パソコン奮闘サイト
2011-03-16： 目次を作成しました。 2010-09-17： Google Map 2 記事一覧を作成しました。 2010-07-03： Google Map 3 記事一覧を作成しました。 jQueryのafterを使用してDOM要素を移動してみます。 下記のリンクをクリックすると、 「Hello world!!」 が 「world!! hello」 となります。 afterで要素を移動する Helloworld!! コードは下記の通りです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
Textbox｜formオブジェクト｜JavaScript/DOM｜PHP & JavaScript Room
<script type="text/javascript"> /** * [関数名] getValue * [機 能] 入力値を取得 * [説 明] 指定されたエレメント名の入力値を取得する * [引 数] @param elm_name string エレメント名 */ function getValue(elm_name){ var frm = document.form1; if(frm.elements[elm_name].value != ""){ alert(frm.elements[elm_name].value); }else{ alert("何も入力されていません"); } } </script> <form name="form1" action="#"> <input type="text" name="box" /> <input type="button" va
Adobe HTML5 特設サイト Dreamweaver® CS5.5 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
戻る 試してみよう Dreamweaver CS5.5：jQueryとCSSを使って、クロスフェードを実現しよう 今回は、jQuery と CSS を使ってごく簡単なクロスフェード効果を実装する方法をご紹介します。Dreamweaver CS 5.5 の CSS パネルを使うとアニメーションも簡単に設定できます。制作するのは写真ギャラリーです。 それでは実際に必要なコードの編集を行います。サンプルコードをダウンロードして、その中に含まれる index.html ファイルを Dreamweaver CS 5.5 で開いてみましょう。 →サンプルコードのダウンロード クロスフェードによる画像の切り替え jQuery だけでもフェードの効果を実装することは可能です。ところが、それだとスマートフォン上ではあまり滑らかに動きません。滑らかなフェードを実現して画像の切り替えをするために、画像切り替え時
ページサイズやスクロール位置を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
zflickjs by funnythingz
zflickjs v2.1 iOS, Androidなどのwebkitベースで提供するサービスではjQueryなどのライブラリを使わず、pureなJavaScriptで実装した方がパフォーマンス良いんじゃないかと思って作ってみた Updated of Lists lampクリックでカレント切り替えできるようにしたお Demo Demoをみる Getting Started タグ内にzflick.cssとzflick-2.1.min.jsを読み込む。 HTML HTMLを組む。基本的にJSで動かす要素はID指定になっている。 JS new zflickjs({})で初期化 Options width: number 280 ... width move autoChange: boolean true ... "true" auto move element, "false" don't m
JavaScriptでフリックとピンチ | NOTE | kazy.jp
iPhoneサイトのモックアップ用にフリックとピンチのJSを作ったのでメモ。 かなり急いで作ったからスパゲッティになってしまった。 写真を見せるギャラリーサイトを想定。 フリックで別の写真へ移動し、ピンチで拡大する。 ※別途YUIライブラリ ver:3.0.0が必要です JavaScript document.onscroll = function(){ if(window.pageXOffset > 5)scrollTo(0,1); } YUI().use('anim', function(Y) { //アニメーションインスタンス生成 var collectionAnim = new Y.Anim({ node: '#collection', duration: 1, easing: Y.Easing.easeOut }); //イベント登録 var colectionLoaded =
Facebook: 1. Facebookの「いいね！」ボタンの設置方法 - [YENLAND] Library：ビジネス図書館
ここでは、Facebookの「いいね！」ボタンの設置方法について、解説します。 Facebookでは、下記のサイトで「いいね！」ボタンの設置方法について、解説ページを設けています。 日本語版 http://www.facebook-japan.com/iine.html 英語版 http://developers.facebook.com/docs/reference/plugins/like 下記は、Facebookのコメントです。 これはソーシャル・プラグインと呼ばれる仕組みです。 Facebookが「いいね！」ボタンのソーシャルプラグインを 2010年4月に公開した直後、24時間以内に10億回以上もクリックされたといわれています。 「シェア」ボタンや「コメント」がテキスト文字を入力したり何かを添付する必要があるのに対し、「いいね！」ボタンの使い方は簡単、クリックするだけ。 たとえば、
【Javascript】配列の値の中から、最大値、最小値を求める（配列を引数に展開する） at softelメモ
問題 Javascriptで、数値の配列から、最大値、最小値を求めよ。 答え var a = [3, 1, 4, 1, 5, 9, 2, 6]; Math.max.apply(null, a); // → 9 Math.min.apply(null, a); // → 1 補足 何が起きているのか。 Math.max(5, 7) // → 7 Math.max(5, 7, 4, 9, 1) // → 9 Math.max は可変長の引数をとります Math.max([5, 7, 4, 9, 1]) // → NaN そもそもダメです Math.max.apply(null, [5, 7, 4, 9, 1]) // → 9 OKです applyの第一引数は何でもよい。結果は変わらない。 Math.max.apply({}, [5, 7, 4, 9, 1]) // → 9 OKです Math.
Media Viewer Plugin - Shadowbox.js
The web content creators that would like to use Shadowbox on an advert resource are provided with commercial licenses. Shadowbox is an application that works as an internet-based image/video viewer, it supports all of the widespread audio and video formats. This app is created with CSS and JavaScript and can be tailored to customer needs easily. The core benefit of Shadowbox is that it allows web
オブジェクトの操作その３（HTML 要素内・外に対する挿入・追加） - awacio.log
今度は指定したセレクターの要素内、外に対する挿入、追加操作について。 これも簡単だなぁ〜。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { $("#div1").prepend("<span style='color: red'>要素内の前に挿入</span>"); $("#div2").append("<span style='color: blue'>要素内の後に追加</span>"); $("#div3").before(
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScriptでCSVを読み込む
cles::blog 平常心是道 blogs: cles::blog NP_cles() « 最終審査の様子をDVDに焼く :: デスクトップのアイコン配置を復元するユーティリティ » 2008/08/15 JavaScriptでCSVを読み込む javascript 357 75へぇ AJAXを使ったウェブページというのはもはや普通になりつつあります。その場合、データソースはDBを使う場合が多いと思いますが、ちょっとした用途のときにはそんなに大掛かりな仕掛けを作らずに、静的なファイルからデータを読み込んで使いたいなということがあります。特に運用をエンジニア以外の人間が担当する場合にはデータはJavaScript直書き、JSON、XMLなどの文法規則が多いものよりも、平易なCSV等の方が後々楽な場合が多くなります。 ということで、JavaScriptからCSVをハンドリングする方法を探し
javascriptの数値計算を高速化
javascriptだけじゃなくて、他の言語でも同じようなことです。 なお、javascriptの場合は、クライアントのスペック、および使用されるブラウザに依存する部分が強いようなので、必ずしも全てに当てはまらない可能性があるので注意してください。 なお、よく参照する関数は、var cos=Math.cosというようにあらかじめグローバル変数に代入しておくほうが、参照が減る分高速です。 ●商 x/2よりx>>1のほうが高速。ただし、xは整数。同じように、乗算も、x*2よりもx<<1のほうが高速です。>Firefox3 x / 2 = 71 x * 0.5 = 70 x >> 1 = 64 ->IE8 x / 2 = 156 x * 0.5 = 141 x >> 1 = 78 ->GoogleChrome2 x / 2 = 6 x * 0.5 = 19 x >> 1 = 3 ●べき乗 単純に
demo007 - Dynamic Image Grid Example | jquery.vgrid.js
Dynamic Image Grid, Start/Finish Event Example - Variable grid layout. onStart onFinish
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mubk
BEMO ｜ 【スマートフォン】labelタグが効かない時の対処法
GitHub - Arcticjs/Arctic.js: HTML5 game framework
無効なURLです
「教えて！Ziddyちゃん」サービス終了およびサービス移行のご案内
HugeDomains.com