[jQuery]文字列を指定した文字数で丸めるJQueryプラグイン[jquery.strimwidth.js] | 技術部追い剥ぎペンギン
文字列を特定の文字数で丸めたい時にphpだと mb_strimwidth 関数があります。 これと似たようなことが出来るjQueryプラグインを作りました。 使い方は簡単で、jQueryとjquery.strimwidth.jsを読み込んだら、指定の要素に以下のようにしてstrimwidth関数を実行してください。 <div class="block"> <p>このテキストは本当は１００文字あります。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。</p> </div> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript" src="jq
![[jQuery]文字列を指定した文字数で丸めるJQueryプラグイン[jquery.strimwidth.js] | 技術部追い剥ぎペンギン](https://cdn-ak-scissors.b.st-hatena.com/image/square/0362d5c48deac1c70a141d316db4af7a1cdaf02b/height=288;version=1;width=512/http%3A%2F%2Fwww.kigurumi.asia%2Ftech%2Fwp-content%2Fplugins%2Fwp-ogp%2Fdefault.jpg)
ページトップに固定したアラートを表示できる「jquery-sticky-alert」:phpspot開発日誌
tlongren/jquery-sticky-alert GitHub ページトップに固定したアラートを表示できる「jquery-sticky-alert」。 スクロールしてもfixedされたアラートを簡単に実装できます。サクッと自作しちゃえる物かもしれませんが、手早く実装したい際に参考にできるかも。 関連エントリ ページ内にどんどん通知アラートを設定できるjQueryプラグイン「Messenger」
jQueryで様々なエフェクトのモーダルウィンドウを実装出来る『jQuery Custombox』 | バンクーバーのうぇぶ屋
『モーダルウィンドウ』って呼び名って一般的なんでしょうか？なんて言ったら良いかわからなかったので、そのままモーダルウィンドウってタイトルには書きましたが、ダイアログみたいな感じでコンテンツ表示される奴のことです（笑）！ 最近は海外ブログなんかでも見ることがあるくらい、使われているサイトを良く見ますが、結構これ実装するときって頭悩ませる所…。今日はそんなモーダルウィンドウを表示するときにちょっと便利なjQueryプラグインを共有させて頂ければと思います！ ユーザーの操作を一時停止させてコンテンツを表示させる感じなので、ユーザビリティを考えると使い所間違えたく無いとは思いますが、なんか重要な告知がある時とか、ちょっと注意が必要なステップをユーザーに踏んで貰う前とか、こういうのが使えそうなシチュエーションっていろいろ思いつきますので、ご参考までにどうぞー！ こんな感じの、良くある今行ってる動作を
jquery で クロスドメイン 外部ドメインのファイルにアクセス | まとめーたー
photoBy: http://www.brandwow.net/lara_christie/necklace_holy_cross/images/img0101.jpg外部ドメインへのアクセス方法驚愕の事実今まで外部ドメインへのアクセスはなぜかできなかった。 これができるということは素晴らしい。 わざわざ自分のサーバーを通す必要がないので負荷が軽くなる jsだけでスッキリ処理できる。 方法色々な方法があるみたいだが、結局できた方法はこれだけ。 https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js をダウンロード。 jqueryと xdomainajax.js を読み込む <script type="text/javascript" src="http:/
Javascriptスクレイピング！jquery.xdomainajax.js
これぞJavascriptスクレイピング！jquery.xdomainajax.js 主催している勉強会でも何度もPHPでのスクレイピングネタを取り上げていいます。 Javascriptでもスクレイピング出来ないものか PHPでのスクレイピングでもそうなのですがスクレイピングする際はHTMLのタグやIDなどのセレクタを利用して取得します。 でもこの考えがいかにもJavascriptっぽいので、だったらJavascriptでもいけるのではないかと調べていたら素敵なjQueryプラグインを発見しました。 クロスドメインの制約突破！jquery.xdomainajax.js Javascriptの場合ネックになるのがクロスドメイン間の突破です。クロスドメインとは、例えばこのサイトはwww.kaasan.infoというドメインですが、このサイトを閲覧しながら 違うドメインの他サイトにアクセスすると
twitter bootstrap progress barプログレスバー ページ読込アニメーション(jQuery) - More bootstrap
bootstrap progress bar プログレスバーをページ読込と同時にアニメーションで走らせるサンプルコードになります。setTimeout処理には、jQuery Deferredを使っています。 <div class="progress progress-preview"> <div class="bar" style="width: 0%;" data-rate="20"></div> </div> <div class="progress progress-preview"> <div class="bar" style="width: 0%;" data-rate="40"></div> </div> <div class="progress progress-preview"> <div class="bar" style="width: 0%;" data-rate=
jqueryを効率よく学ぶ方法は？ - プログラミング学習の窓口
jQueryを学ぼうと思ってネット検索をしても、色々な情報が出てきてどの情報を参考にすればいいか分からないという経験をした方はいるのではないでしょうか。 特に独学で学ぼうとすると、その壁によくぶつかります。ドットインストールのようなメジャーなサービスも使ったことがなければ、その価値は分かりません。 そこでおすすめなのがプログラミングスクールの活用です。最初に何から学ぶべきかといった説明はもちろんのこと、キャリアプランまで相談に乗ってくれるので、ただ単に学んで終わるということが減らせます。 The post jqueryを効率よく学ぶ方法は？ first appeared on プログラミング学習の窓口.
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
selectボックスを華麗にしてくれる「Chosen」「Select2」
selectボックスに当てるjQueryプラグインを色々探してみましたがこれに決めました。シングルやマルチ、またグループにも対応しています。インスタンス検索してくれるのが決め手 Chosen CDN ライブラリ <link href="chosen.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js" type="text/javascript"></script> <script src="chosen.jquery.min.js" type="text/javascript"></script> 実装 既存のselect(combo)ボックスにidもしくはclassを付与して、以下を追加するだけです。 $("#sel1049").chosen(); jQuery以外のJavascriptフレームワーク用のも
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
selectボックスを超カッコよくするjQueryプラグイン「Chosen」:phpspot開発日誌
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectボックスを超カッコよくするjQueryプラグイン「Chosen」 味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグインです。 左が普通のselect。これをカスタマイズして右のイメージに。インクリメンタル検索ができるので項目数が多くてもOK タグ選択っぽいインタフェースにすることも出来ます 選択時のイメージ。カッコいい。 BootStrapライクなデザインなので組み込んでしまっても違和感ないかもですね 関連エントリ 中身が画像のselectボックスを作るjQueryプラグイン デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成でき
jQuery 1.10.0 and 2.0.1 Released | Official jQuery Blog
It’s a wonderful day for a software release. Such a wonderful day, we’re doing two software releases! Today it’s jQuery 1.10.0 and jQuery 2.0.1 making their debut — five years to the day after jQuery 1.2.6 was released. A simultaneous release isn’t always easy, but it can be very satisfying. The team is certainly satisfied with this duo of deliveries; those of you who have already upgraded to the
jQueryでツイート数、はてブ数、いいね数を取得して自由にデザインする方法 | アンギス
注意※Twitterのツイート数の取得のコードについて この記事のコードでは後日、ツイート数の取得ができなくなるとご指摘いただきました。確認したところ2013年5月7日に行われるTwitterの仕様変更によりツイート数の取得ができなくなってしまいます。（それについての記事）その他はてブ、いいね数のコードにつきましては正常に動作します。問題のコードはサンプルとして残しておきますが、ご利用の際はくれぐれもご注意ください。今回の件についてご指摘くださった方々に御礼申しあげます。そして、すべてのユーザーの方々に不確かな情報を提供してしまったことをお詫び申しあげます。 さらに追記※Twitter APIの仕様変更について Twitter APIの仕様変更後もこのコードで動作し続けています。もともとAPIのリファレンスにも載っていませんしいつ仕様が変更されるかわかりません。ご利用の際はくれぐれも気をつ
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
node.jsを使ってjQueryチックにWebサイトをクローリングする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも僕です。 今日は、サーバサイドJavaScript（node.js）でjQueryチックにDOMを操作して、Webサイトをクローリングする方法についてまとめようと思うよ！ 要は、既存のWebサイトから必要な情報を収集してきて、データベースに突っ込もうということ。 これができると何がうれしいかって、簡単にまとめサイトが作れるんだよね。 クローリングする方法は数々あれど、なにゆえサーバサイドJavaScriptのnode.jsを使ってこれをするかというと、「クローリング対象の部分をjQueryのセレクタで指定できる」のが大きいわけです。 みんな、好きだよね！jQuery！とっても便利だよね！jQuery！ 好みにもよるかと思うが、JavaScriptのようなふにゃふにゃした言語をあえて使う理由は、クライアントサイドプログラミングを組むか、JQueryの恩恵を受けるためといっても過言ではあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Code | Drew Wilson.com
Loading...
jQuery Cookie | The jQuery Plugin Registry
Chosen select an option by default with jQuery
HTML/SELECTカスタマイズ