class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note
最近ようやくjQueryに目覚めました。 面倒な指定がこれほど楽々と出来てしまうと笑いが止まりません。 言い過ぎました。そんなに笑えません。 あったらよさげなプラグインを一つ思いついたのでちくちく書いてたんですが、いつの間にかclass指定もrel指定もいらないスムーズスクロールのコードを書いていました。 interface.jsという有名なjQueryライブラリの応用です。 interface.jsについてはEmotional Webさんが解りやすい記事を書かれていたので、interface.jsの導入までのご参考にどうぞ。 Interface.jsで簡単スムーススクロール - Emotional Web 普通はPageTopとかに「#top」を指定したりすると思うのですが、それだけではもったいないなーと。 当サイトで実際に使っているソースを書いておきます。 以下のソースはIEで動かない
オブジェクトの表示非表示を制御する｜JavaScript Tips
<form><input type="button" value="表示切替" onClick="checkExpand('text');"></form> <span id="text">あいうえお</span> <script language="JavaScript" type="text/JavaScript"> <!-- /**************************************************************** * 機 能： オブジェクトの表示非表示を制御する 1 * （表示している場合は非表示、非表示の場合は表示） * 引 数： ch 表示/非表示を切り替えるオブジェクト名 * 戻り値： なし ****************************************************************/ functio
IEの「オブジェクトを指定してください ライン1 文字1」エラーについて（javascript,ajax）ohanasiya_blog - Blog
onMousemoveやonClickなどに javascript関数を割り当てている場合、 Javascriptで構文エラーやタイプミスがないにもかかわらず、 InternetExplorerで「オブジェクトを指定してください」という エラーが出る場合があります。 Javascriptでは、変数も関数も全部「オブジェクト」なので エラーの意味としては「関数を指定してください」、つまり 「指定された関数が未定義ですor見つかりません」という 意味です。 この主な原因は jsファイルが読み込まれる順番に問題があるか jsファイルが実行されるタイミングに問題があることが ほとんどです。 jsファイルの実行順は以下のような感じのようです。 ・<script>タグで埋め込まれたJavascriptは、 HTMLの読み込みが終わる前から上から順番に読み込み・実行。 関数の定義があったら読み込ま
jCarouselのエラーの原因はCSSにあった - 主に技術的なことを書くブログ
jQueryでカルーセル表示させるjCarouselをカスタマイズしようと、とりあえずCSSを読み込まずに組み込んでみたら jCarousel: No width/height set for items. This will cause an infinite loop. Aborting... というエラーが出て動かなかったので、いろいろ探ってみたら、 .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } という部分、.jcarousel-item-horizontal というクラス指定を消してしまうと、アイテムの高さと横幅があれして無限ループします的なエラーが出て止まるみたいです。 それでエラーはなくなったんですけど、こんどはなんでか、中に4つほど並ぶ予定のリストの横幅が勝手にスタイルが直書き
サイト埋め込み型RSSリーダー（Feed2JS） | ブログ日和
いくつかある「サイト埋め込み型ＲＳＳリーダー」の中でも 私の一押しは、これ。feed2jsです。 インストールと設定は、小粋空間 様を参考にさせていただきました。 手順画面がサムネイル表示されていて、初心者にとても優しい説明です。 feed2jsを自分のサーバーにインストールしたら、 あとはサイト内のRSS Feed を表示させたい部分にJava Script を記述するだけ。 ※ただし、サーバーがPHPに対応している必要あります。 書式はCSSで自由に整えることができます。 ただし、このツールでの日本語表示は UTF-8 での出力が前提となっているため、 他の文字コードで出力する場合は、feed2js.php に追加が必要となります。 私は自分で文字コードを指定したいと思い、アフター1 様を参考にさせていただきました。 こちらも初心者に優しい、とても丁寧でわかりやすい説明です。 今のとこ
小粋空間: RSS Feed（フィード）を表示する
RSS Feed（フィード）をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
【埼玉】アンガーマネジメント講座・講演・研修 － 南美詠子
アンガーマネジメントは、 怒らないことではありません。 めざすのは、怒りを上手に表現できる人。 うまく怒れない人に。 怒り過ぎてしまう人にも。 アンガーマネジメントとは アンガーマネジメントとは、1970年代にアメリカで開発された怒りの感情とうまく付き合うための心理トレーニングです。開発当初は、DVなどに軽犯罪者に対する矯正プログラムとしてスタートしましたが、やがて、怒りの感情をコントロールすることが強く求められる職業の人々（医師、弁護士、経営者、スポーツ選手、俳優など）が導入しました。その後、アンガーマネジメントはさらに発展し、現在では、幼児からビジネスマンまで、多くの人がアンガーマネジメントを学び、実践しています。 日本では、2011年8月に一般社団法人日本アンガーマネジメント協会が設立され、以降、自治体、企業、教育機関、病院など、広くアンガーマネジメント研修が導入されています。受講者
ついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す
サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を表示するをエントリー致しましたが、ブログに設置している Flash（こうさぎ等）については拡大画像表示時に PNG 背景画像（overlay.png）の下に隠れないという問題があります。 Flash は門外漢なのですが、テンプレートご利用サイトの Atelier Shuhei Weblog さんより解消するための情報（下記リンク参照）を頂きました。ありがとうございました。 またこの件に関して他の方からもご質問を頂いておりますので、本エントリーにて紹介させて頂きます。本カスタマイズを行うことで、スクリーンショットのように拡大画像を表示した際、ブログツールを背景画像の下に隠すことができます。 Atelier Shuhei Weblog：隣の花は紅い Sit
HTMLエンティティ化
HTMLエンティティ化 version Japanese 1.0（説明） エンティティ化するテキスト mailto:someone@some.domain.com エンティティ化されたテキスト オプション 入力文の半角スペース、タブ、改行を除去する エンティティ化する・しない文字を無作為に選ぶ（チェックしないときは全てエンティティ化） 但し、以下の文字は必ずエンティティ化する： エンティティ出力形式： 注1 説明 ホームページに公開するメールアドレスなどを広告業者に収集されるのを防止するためのソフトウエアです。ＷＷＷページに記載するメールアドレスなどをこのプログラムでエンティティコード（数値文字実体参照）に変換して書き換えてやれば、ＷＷＷページを実際に見ている人間には支障を与えることなく、メールアドレスなどが自動収集プログラムなどから見つかり難くなります。 使い方 変換したいメールアドレス
masahirorの気まま記録簿 - FireFoxでJavascript「window.close()」を使うには
昨日今日とWebでアンケート入力するASPを作成。その中で、アンケートが終了したら「閉じる」ボタンが表示され、クリックするとウインドウを閉じるというレイアウトにしたかったので、一般的なJavascriptを使った「windows.close();」を利用した。 【ボタンの場合】 <input type=button value=ウインドウを閉じる onclick="window.close()">【リンクの場合】 <A HREF="#" onClick="window.close()">ウインドウを閉じる</A> または <A HREF="javascript:window.close()">ウインドウを閉じる</A>この方法でばっちり！・・・と思っていたら、IEだと問題なく動作するが、FireFoxでは動作しないとの指摘があった。確かにFireFoxでは動作しない。テスト環境はWindo
jQueryでクールにアニメーションするメニューを実装するチュートリアル:phpspot開発日誌
NETTUTS - Web development tutorials and links - Create a Cool Animated Navigation with CSS and jQuery Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. jQueryでクールにアニメーションするメニューを実装するチュートリアルがｌ公開。 単なるサンプルではなく、チュートリアルなので、その動作原理についての理解も深められます。 デモページを見てみる ＩＥ６で動かないということで注意が必要ですが、Flashを使っていないにも関わらず、なかなか秀逸な出来なので一見の価値ありです。
フリーのCSS＆JavaScriptカレンダースクリプトいろいろ:phpspot開発日誌
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. フリーのCSS＆JavaScriptカレンダースクリプトいろいろ 多くのウェブアプリに必要になってくるのがこのカレンダー機能なんですが、フリーで高機能なものが沢山出回っています。 ドラッグ＆ドロップなどでGoogleカレンダーライクなものまで色々とあるようです。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
Escape Codec Library: ecl.js
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
WordPressのHTMLの自動整形に全力で抵抗してみた - サイト管理者のよんよん日記
WordPressによるHTMLの自動整形機能は、鬱陶しいことで有名で、クォーテーションの置き換え、pタグの自動挿入、iframeタグ、objectタグ、embedタグ、paramタグ等の削除と、もうやりたい放題である。コノヤロー。WordPress2.3 → 2.5 で多少改善されてるらしいけど、当サイトはWordPress MUなので反映されるのは当分先だと思われるので、今回は、この自動整形機能と戦うことにする。 【試行１】 フィルタ無効化プラグインを導入してみる とりあえず、Kill WPTexturizeのプラグインを導入してみる。 ・・・うーむ。確かに、クォーテーションの置き換えとかはなくなったようではある。しかし、HTMLタグの消去は相変わらず（他の類似プラグインwp-freetag、raw-html、wp-unformating、disable-wpautopも試したけどダメ
定義済み入力フィールドを持つ検索フォーム
定義済み入力フィールドを持つ検索フォーム Permalink URL http://www.magicvox.net/archive/2006/10051953/ Posted by ぴろり Posted at 2006/10/05 19:53 Trackbacks 関連記事 (0) Post Comment コメントできます Category mixi の MovableType コミュニティであった質問への解答の一つ。ラジオボタンやチェックボックスなどの入力フィールドが既に用意された検索フォームを作るにはどうすればよいか、という内容でした。特に MT に限った話でもなく、どちらかと言えば JavaScript の問題ですね。検索フォーム全般で広く使えそうなアイディアですし、MT のありきたりな検索フォームを格段に使いやすくできるかも？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真スライド jCarousel - Riding carousels with jQuery
Benjamin Gaw - web standards designer
HTML5.JP - 次世代HTML標準 HTML5情報サイト
Lightboxスクリプトいろいろ - DesignWalker
