158 Willow Avenue Warner Robins, GA 31093 (478) 923-6755
158 Willow Avenue Warner Robins, GA 31093 (478) 923-6755
jQueryを使ってWebページ上で何かアクションを実装する際、 リンク<a>タグをクリックすることでエフェクトを実行させることはよくあること。 その際、別ページへ遷移するわけでも、ページ内リンクを使うわけでもない場合に リンク<a>タグの属性「href」の飛び先の指定に困ることがあることも。 結局「href=”#”」でごまかしたり、「href=”javascript:void(0);”」としたり。 その様な場合に使えそうな、 クリックされたリンク<a>タグの「href」を無効にする方法があったのでメモ書き程度に紹介してみます。 サンプルでは、リンク用の<a>タグの「href」属性が 以下の様な「href=”#”」の場合とします。 ◆HTML <a href="#">アクション実行用リンク</a> このソースの場合の、リンクテキストをクリック後に 「href」属性を無効にするスクリプトは以
Updated December 21, 2011 One of the most effective ways of managing your HTML is to use server side includes (SSI) for blocks of HTML that are reused across many pages of your site. Using an include for your navigation menu in particular is a great idea, since updating links when you add a new page can be done in only one file and propagate instantly across your whole site. From a design and usab
jQueryにはたくさんのプラグインがあるので、気づけばjsフォルダがものすごいファイル数になっていたりします。今回はプラグインを使わなくても簡単に実装できる機能を「26 cool and useful jQuery tips, tricks & solutions」というエントリーから紹介します。 詳しくは以下 1.右クリックを無効にする方法 右クリックを禁止したい場合などに。コンテキストメニューが非表示になります。 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.フォームの初期値を消す方法 検索フィールドなどに。 $(document).ready(function() { $("input.text1").val("Enter your
ResponsiveSlides.js v1.55 Simple & lightweight responsive slider plugin (in 1kb) ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for
Summary Wordpress Tabs Slides give you tabs and slides (in post/page) gives you the ability to easily add content tabs and/or content slides. The tabs emulate a multi-page structure, while the slides emulate an accordion-like structure, inside a single page! Installation 1. Upload folder wp-tabs-slides to the /wp-content/plugins/ directory. 2. Activate the plugin through the 'Plugins' menu in Word
このところ立て続けに、 Webページ上に初回アクセスのみ動画を表示させたい、 Webページ上に初回アクセスのみモーダルウィンドウを表示させたい、 など、初回アクセス時に処理・制限を変える要望があり、 「jquery.cookie.js」を使ってのクッキー処理にて それらを制御するサンプルを作ってみたので、 メモ書き程度に紹介してみます。 今回のサンプルでは、 初回アクセス時のみページ上に「初回アクセスです。」の メッセージテキストを表示するサンプルです。 jQuery Cookie First Access Control まずは動作サンプルから。 下記のリンクをクリックして表示されるページは、 初回アクセス時のみ、ページ上に「初回アクセスです。」のテキストが表示されます。 ※リロードしてアクセスが2回目以降となるとテキストは非表示になります。 ≫jQuery Cookie First A
何度かエントリーしているWordPress の小ネタのコーナーです。カテゴリを 作るべきでしたね・・・今からでも遅くな いかな。今日はWordPressカスタマ イズのTipsですが、以前書いたjQuery 事始めのおさらい、実践編も兼ねて チュートリアル的に書いています。 今日の内容は、ウェイジェット機能でサイドバーに項目を追加しているサイトが対象。どうしてもウィジェットを使う必要がある、という事もたまにあります。この項目が仮に縦長になってしまうと微妙なので、jQueryで開閉パネルにしてすっきりさせよう、というものです。 以前書いた、jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるという記事のおさらい、実践編にもなっていますのでこれからjQueryを学ぼう、という方はぜひチャレンジしてみてください。 Step.1 / ソースを確認する まず、ご自身のWebサイト
どもども、よろしくです。 ブログページャについてですが、どういう物かわかりますか? 実はこのJimdoはブログをだそうと思うと、 一ページにすべて出すことができます。 参考に画像を載せておきますね。 数量のところ、「すべて」になってるでしょ? でもいっぱい書く人って何十個とかブログ出ちゃうよね。 そこでページャーが生きてきます! このサイトでも使ってますよ~w <script type="text/javascript"> //<![CDATA[ //▽ブログページャー変数郡 var $p_first = 1; //最初に表示するページ var $page_set = 8; //1ページに表示するブログ数 var $open_page = 2; //ページの前後に表示するページ数 var $p_status = Array(); //現在のページ var $b_page = Array()
拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します。 jQuery lightBoxプラグインの使い方は、下記の公式サイトやネットの情報をご覧ください。 jQuery lightBox plugin 1.問題点 jQuery lightBoxプラグインは元画像である拡大画像の表示サイズを設定できないため、元画像のサイズによっては次のように期待通りの表示にならないケースがあります。 対処前の拡大画像(ブラウザの幅を超えて拡大) 本エントリーの対処を行うことで、拡大時のサイズを制限することができるようになります。 対処後の拡大画像 2.jquery.lightbox-0.5.jsの修正 jQuery lightBoxプラグインに含まれる、jquery.lightbox-0.5.jsを任意のエディタで開き、
Posted: 2011.04.06 / Category: javascript / Tag: jQuery, json, Twitter 急速にTwitterが広がり、会社のTwitterはもちろん最近では営業一人一人がTwitterのアカウントを持っているケースもあるのではないでしょうか。 ここではjQueryを使用してばらばらのTwitterアカウントのつぶやきをまとめて表示する方法をご紹介します。 リストを作成する 例として会社の営業部全体のつぶやきを表示するということにしましょう。 jQueryで個々のつぶやきを取得する方法もありかもしれませんが、Twitterのリスト機能を使用すると管理も含めて楽だと思います。 まずはリストを作成しましょう。 リストなんて楽勝に作れるんですけど、という知識豊富な方は飛ばしてください。 Twitterにログインして「リスト」メニューから「リスト
Live Casino Houseで入金する場合、プレイヤーは多くの支払い方法から選択することができます。これらの方法には、クレジットカードやデビットカード、いくつかのeウォレット、およびその他のオンラインバンキングが含まれます。
この記事は11年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。扱いやすさから大流行しているjQuery。 装飾からアニメーション、フォームのバリデーションなど、幅広く利用されています。 今回は、このjQueryを使って、自分の開発とかコーディングを助けてくれるツールを作ってみました。 MITライセンスで公開しますので、よろしければ使ってみてください。 改変も自由です。 1)指定要素全てにボーダーを指定してくれるプラグイン ctrlキー(windows)の2回押下で表示/非表示を切り替えられるようにします。 HTMLコーディング中にレイアウト崩れを直す時などに役立つかと。 ボーダーの分、幅が広がっちゃうけどね。背景色とか変えてみるのもアリかも。 他のキーを割り当てたい場合はこちらのサイトなどでキーコードを調べて変更すると良いです。 下のコードの「e.keyCode==17」
What is it? Tiny Scrollbar is a nice and elegant way to enable the scrolling of content on mobile and desktop devices. Its designed to be a dynamic lightweight utility. Furthermore it gives a User Interface Designer a powerful way of enhancing the Ui (user interface) of a website. It comes in 2 flavours as a vanilla Javascript microlib and as a jQuery plugin. Browser support differs between the jQ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く