知っていれば恐くない、XMLHttpRequestによるXSSへの対応方法
知っていれば恐くない、XMLHttpRequestによるXSSへの対応方法：HTML5時代の「新しいセキュリティ・エチケット」（3）（1/2 ページ） 連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。前回は、同一オリジンポリシーを突破する攻撃の代表的事例であるXSSについて、特にDOM based XSSと呼ばれるものについて解説しました。今回はその続きとして、XMLHttpRequestによるXSSを解説します。 XHR Level 2によるリモートからのコード挿入によるXSS 従来、XMLHttpRequest（以下、XHR）は、表示しているドキュメントと同じオリジン（オリジンについては第1回を参照）としか通信できませんでしたが、現在の主要なブラウザーではXHR Level 2と呼ばれる実装により、オリジンを超えて通信することが可能になっています。 これは、Jav
jQuery Image Zoom - AndreasLagerkvist.com
What it DoesThis plug-in makes links pointing to images open in the "Image Zoom". Clicking a link will zoom out the clicked image to its target-image. Click anywhere on the image or the close-button to zoom the image back in. Only ~3k minified. How to UsejQuery(document.body).imageZoom(); Would make every link pointing to an image in the document open in the zoom. Example CodeHTML<div id="jquery-i
フィードからタイトルやエントリを取得 - Google AJAX Feed API入門
APIを使ってフィードの取得に成功した後は、フィードからタイトルやエントリなど必要なデータを取り出して利用します。ここではフィードから必要なデータを取り出す方法について解説します。 1.フィードに含まれるプロパティの種類 2.フィードに関する情報 3.エントリに関する情報 4.サンプル フィードの取得に成功した場合、デフォルトの値であるJSON形式を指定していた場合は「feed」プロパティの値の中にフィードの内容が含まれています。「feed」プロパティの値は次のような構成となっています。 feed feedUrl title link description author entries[] mediaGroup title link content contentSnippet publishedDate categories[] では順に各値を取得してみます。
JavaScript で、 他の JavaScript ファイルを読み込むにはどうしたらよいでしょうか？…
JavaScript で、 他の JavaScript ファイルを読み込むにはどうしたらよいでしょうか？ ------ どうしたいかというと、 <script type="text/javascript" src="aaa.js"></script> という風に HTML から aaa.js を読み込んでいますが、bbb.js も読み込みたいと思っています。 <script type="text/javascript" src="aaa.js"></script> <script type="text/javascript" src="bbb.js"></script> とせず、 aaa.js に bbb.js を読み込みたいと思っています。
Ajax » jQuery plugin » 要素のスライド | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説簡単に画像や要素のスライドを実装できるjQueryプラグイン。 自動再生の有無や、コントロールの指定（First、Previous、Next、Last）などは、パラメータで簡単にカスタマイズできます。 同一ページ内に複数のスライドを配置する場合は、コントロール部分のIDをユニークに指定する必要があります。 Easy Slider 1.5の使用例サンプルを見る<!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
有望なJavascriptフレームワーク10選 – creamu
使いやすいJavascriptフレームワークを探している。 そんなあなたにおすすめなのが、『10 Promising JavaScript Frameworks』。有望なJavascriptフレームワーク10選だ。 以下にご紹介。 » SproutCore デスクトップアプリの機能をwebに持ってくることにフォーカスしたフレームワーク » Spry AdobeのAjaxフレームワーク » JavaScriptMVC MVCモデルをJavascriptに持ち込んだフレームワーク » qooxdoo オブジェクト指向のJavascriptを使用 » midori 軽量のJavascriptフレームワーク » Archetype JavaScript Framework prototypeと同じ機能をたくさん持つ強力なフレームワーク » June Framework モダンデザインパターンを持っ
jQuery を使ったイメージギャラリー25コ | バシャログ。
大雨やら地震やら、天災が続きますね。取り急ぎ乾パンを買うべきか悩んでるkimotoです。最近の乾パンはうまいと言うし。 さて今回は、jQuery を使ったイメージギャラリーが25コ紹介されていたので便乗してご紹介。 説明文付きギャラリー Create an Image Rotator with Description (CSS/jQuery) デモページ 右側のサムネイルをクリックすると、説明文と共にイメージが表示されます。 「Hide」ボタンで説明文を隠す事もできます。 自動でスクロールするイメージギャラリー jQuery Image Gallery/News Slider with Caption デモページ 一定時間で、自動で画像がスクロールします。 下部のリンクにより、手動で動かす事もできます。 オンマウスで少し拡大するサムネイル Fancy Thumbnail Hover Eff
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
jQuery で iframe 内の要素にアクセス ： iframe 内を書き換え - 実験室 - ぐたり
jQuery で iframe 内の要素にアクセス (iframe 内を書き換え) ※ このページでの jQuery は、Google AJAX Libraries API から Ver.1.4.* 系をロードしています。 iframe 内の要素を書き換える (iframe 内は同一サーバー) 例 ： iframe 内、class 名が classC の全要素に、任意の文字を追加 $('#iframe00').contents().find('.classC').append('<em>★デュフフ<\/em>'); 実行 ソース表示 iframe 内の要素を書き換える (iframe 内は別サーバー) 例 ： iframe 内、div タグの全要素に、任意の文字を追加 $('#iframe01').contents().find('div').append('<em>★デュフフ<\/e
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
Do You Need A Blog Afterall? - Blue Anvil
Unless you have been under a rock these past 3 or 4 years than you absolutely have heard about how critical a blog is to your website and your business. You’ve heard that it will pull in targeted, interested traffic that converts. You’ve heard that it will help you build a brand and a reputation for yourself that is unparalleled and more importantly, irreplaceable. You’ve heard that it is the key
ユニークで使えそうなjQueryプラグイン10個:phpspot開発日誌
10 Really Interesting jQuery Plugins | Queness ユニークで使えそうな jQueryプラグイン10個。 プラグインといえば、タブやLightboxといった定番のものから、他にも役立つものが色々とありますが、紹介されているものはどれも便利そうでしたのでいくつかご紹介。 Impromptu LightBox風に、OK・Cancel のダイアログを表示できます。 Captify 画像の下部に半透明の背景付きキャプションを表示。アニメーションしていい感じ Favico リンクに自動でfaviconを付けてくれる jQuery BreadCrumb アニメーションして使いやすいパンくずリスト jQuery Spotlight 特定のブロック要素以外にオーバーレイして特定のブロックを目立たせます jQuery Peel ページがペラっとめくれたような驚きのエ
[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through
bassistance.de » jQuery plugin: Accordion
This plugin is now part of jQuery UI and this standalone version won’t be updated anymore. The page will remain as a reference. This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automaticall
jQueryでtableの偶数行や奇数行に背景色を設定する方法 | バシャログ。
ishidaです。 tableで価格一覧や製品一覧などを表示する場合に、行数が長くなるとかなりメリハリのない印象になります。 行ごとにclassを設定すれば見やすくなりますが個別に設定するのも面倒なので、最近のishidaはjQueryを使って背景色を設定しています。 サンプルは以下です。 jQueryでtableの偶数行や奇数行に背景色を設定する方法サンプル 設置方法 設定方法は以下です。 htmlのhead要素に以下の処理を読み込みます。またjqueryはサイトからダウンロードしてください。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("table").each(function(){ jQ
iaian7 » code » webcode » mediabox
Mediabox iaian7 » code » webcode John Einselen, 27.09.08 (updated 6.12.19) This script has been replaced by mediaboxAdvanced. Please update your links! Though officially deprecated and no longer supported or actively developed, the older version of Mediabox Standard will continue to be available here for users of Mootools 1.11. Examples Mediabox will read Flickr, Google, MetaCafe, MySpace, Revve
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | What is it ?
moto-mono.net
jQueryサンプル集 | DesignWalker
IBM Developer
