デベロッパーツールとjQueryでREST APIのテストリクエストを実行 | Webエンジニアブログ
サーバ側のエンドポイントにAjaxリクエストを送信 CurlかPostmanを使ってきたがブラウザのコンソールからjQueryを実行する方法も有効 Chromeやfirefoxのjsコンソールから直接jQueryを実行することで、Ajaxのテストリクエストを送信する方法。 Curl Postman REST Client 上の2つのツールを利用してAjaxのテストリクエストを行ってきたが、JSコンソールから直接テストコードをコピペして実行する方法も手軽で良いかもしれない。 やり方 コンソール上でjQueryを実行可能にする ブラウザのコンソールでjQueryを実行できる状態にするのが以下のコードです。 var jq = document.createElement('script'); jq.src = "http://code.jquery.com/jquery-2.1.3.min.js
jQueryでサイトのヘッダーなどを固定するプラグインClingifyの注意点
まずはClingifyのファイルを一式ダウンロードします。 （jQueryがない人はこちらからダウンロード） 様々な動きができますが、とりあえず一番簡単な要素を固定する方法です。 バージョン1.7以上のjQuery.jsとjquery.clingify.js及びclingify.cssを読み込みます。 <link rel="stylesheet" href="style/clingify.css"> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.clingify.js"></script> <script type="text/javascript"> $(function() { $('.some-sel
奥行きのある回転ができるjQuery – jQuery Roundabout
奥行きのある回転ができるjavascriptのjQuery Roundaboutを試してみました。 jQueryを使用していますので、まずはjQueryをダウンロードして読み込みます。 jQueryを設置したら、次にjQuery Roundaboutをダウンロードします。以下のページから jQuery Roundabout ダウンロードをしたら、HTMLに読み込みます。
jqPlot - Pure Javascript Plotting
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use.
touchSwipe
TouchSwipe a jQuery plugin for touch devices TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc. Features Detects swipes in 4 directions, "up", "down", "left" and "right" Detects pinches "in" and "out" Supports single finger or double finger touch events Supports click events both on the touchSwipe object and its child objects Definable threshold /
Nedim Arabacı
Dependency-free notification library Features Dependency-free UMD Web Push Notifications with Service Worker support Named queue system Has 11 layouts, 5 notification styles, 5+ themes Custom container (inline notifications) Confirm notifications TTL with timeout option Progress bar indicator for timed notifications Supports css animations, animate.css, mojs, bounce.js, velocity and others 2 close
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
jQuery Documents Main Page - jQuery
jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center. If you're updating to a newer version of jQuery, be sure to rea
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
noUiSlider - JavaScript Range Slider | Refreshless.com
<div id="slider"></div> var slider = document.getElementById('slider'); noUiSlider.create(slider, { start: [20, 80], connect: true, range: { 'min': 0, 'max': 100 } }); npm install nouislider yarn add nouislider // When using a bundler such as Webpack, // include both noUiSlider and its stylesheet. // Either import the default: import noUiSlider from 'nouislider'; // Or the namespace: import * as n
第2回 属性＆コンテンツ編
<style type="text/css"> .box { background-color: Yellow; border : solid 10px Red; padding : 10px 5px 5px 15px; margin : 20px 5px 5px 25px; } </style> ……中略…… <script type="text/javascript"> $(function() { var b = $('div.box'); window.alert( 'height/width:' + b.height() + '/' + b.width() + '\n' + 'innerHeight/innerWidth:' + b.innerHeight() + '/' + b.innerWidth() + '\n' + 'outerHeight/outerWidth:' +
jQueryによるフォーム部品操作のレシピ - むつらつれづれ
テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。 フォーム部品共通 フォーム部品（のjQueryオブジェクト）を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定 テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。 テキストボックス（input[@type=t
jQuery1.4 リリースノート - jQuery 日本語リファレンス
2010年1月14日に、jQuery1.4がリリースされました。 昨年のjQuery1.3のリリース以来、ちょうど１年ぶりのメジャーバージョンアップです。 速度の劇的向上 jQueryの売りである速度がさらにブラッシュアップされました。 画像はこちら setter関数がより簡単に 今までも.attr()を使って、コールバック関数の戻り値をDOMの属性にセットすることができましたが、この機能が全てのsetter関数に拡張されました。 (.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass())
Archived MSDN and TechNet Blogs | Microsoft Docs
Archived MSDN and TechNet Blogs 1/21/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
jQueryを使ったJSONPの取り扱いメモ ハブろぐ - havelog.ayumusato.com
jQueryのJSONP周りの挙動 前エントリーのスクリプトを実装しているときに、JSONPを取り扱っていて、挙動をちゃんと理解できていなかったことが露呈した為メモしとく。 JSONPおさらい JSONP（JSON with padding）とは、scriptタグを使用してクロスドメインなデータを取得する仕組みのことである。HTMLのscriptタグ、JavaScript（関数）、JSONを組み合わせて実現される。 ブラウザなどに実装されている「同一生成元ポリシー」という制約により、 Webページは通常、自分を生成したドメイン以外のドメインのサーバと通信することはできない。 しかし、HTMLのscriptタグのsrc属性には別ドメインのURLを指定して通信することができるという点を利用することによって別ドメインのサーバからデータを取得することが可能になる。 引用 : JSONP - Wik
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jqueryrotate - Project Hosting on Google Code
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Components · Twitter Bootstrap