Google Maps導入支援ページ用JavaScriptの修正
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 以前に、Google Mapsを表示するためのJavaScriptを簡単に作成する「Google Maps導入支援ページ」を公開しました。 ただ、当ブログの読者の方から、「マーカーが表示されなくなった」という不具合の指摘をいただきました。 調べてみたところ、Google MapsのAPIが一部変更されていたことが原因でした。 この点を修正したものを公開します。 1.easy_googlemaps.jsの差し替え Google Maps導入支援ページでは、「easy_googlemaps.js」というJavaScriptを使って、Google Mapsを表示しています。 このJa
ヨモツネット 実験室 » 入力されたテキストを自動で指定の形式(半角,全角,ひらがな,全角カタカナ)に変換する
概要 ユーザがフォームに入力したとき、指定の形式 (半角,全角,ひらがな,全角カタカナ) に自動で変換してあげるための JavaScript ライブラリです。 動作確認用の demo ダウンロード 使い方と説明 動作させるためには、ダウンロードした valueconvertor.js を (X)HTML ファイルの head 要素内などで読み込みます。 <script type="text/javascript" src="js/valueconvertor.js"></script> さらに、変換の動作の目印とするための class 属性値を設定します。<input type="text" class="ascii" />のように、input 要素に対して、指定の class 属性値をつけると動作します。class 属性値と動作の内容の対応表については以下の通りです。 値の形式 clas
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。 ソースコード(Javascript) scrollsmoothly.js 読み込み例 <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜めにスクロール可能 スクロール中にもリンクをクリック可能 別のページからのリンクでも指定の場所までスムーズスクロールします MIT License 動作確認ブラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
jQuery liScroll - a jQuery News Ticker
liScroll (a jQuery News Ticker made easy) 1.0 Last updated friday, april 22 2011 What's this? liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker jquery.li-scroller.1.0.js 10/10/2007The first thing that most Javascript programmers 10/10/2007End up doing is adding some code 10/10/2007The code that you want to run 08/10/2007Inside of which is the code th
Open Source - Scroll Follow - The Kitchen @ Net Perspective
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
【使用例】IE PNG Fix 2.0 Alpha 2
下準備 http://www.twinhelix.com/css/iepngfix/ から IE PNG Fix 2.0 Alpha 2 をダウンロードします。 CSSファイルに以下の１行を入れておきます（htcへのパスは、CSSではなくHTMLからのパスである点に注意） img, div, input { behavior: url("iepngfix.htc") } 以上！ ※背景画像にPNGを使い、それをリピートさせたい時は、JavaScriptファイル「iepngfix_tilebg.js」を<head>内に読み込んでください。 <script language="JavaScript" type="text/javascript" src="iepngfix_tilebg.js"></script> The standard Lorem Ipsum passage, used s
JavaScript ミニライブラリ
■ JavaScript ミニライブラリ ちょっと前から「なくても不便じゃないけど、あったらちょっと便利かもね」っていう JavaScript を書いたりして発表していましたが、一覧とか作ってないからどんなのがあるのかわかりにくかったのでまとめてみました。 onsubmit で disable 以外のスクリプトは全てパブリックドメインとするので、自由に使って下さい。onsubmit のやつはもともと自分が作ったものじゃないので良くわかんない(← 無責任)。 結構作ってるつもりだったけど、並べてみると意外と少ない。 onsubmit で disable にするやつ テキストフィールドのフォーカス時に背景色を変更する JavaScript フォームに入力を促すメッセージを出力する JavaScript パスワードの安全性を教えてくれる JavaScript カーソル位置のセルの上端と横端をハイ
How to Create an App from Scratch | AppMaster
Turning an app idea into a working reality is a more complicated task than most people might believe. However, with the wealth of software resources available on the internet, creating an app out of your idea is manageable. You don't even need to necessarily know how to develop mobile apps to make your application work. You can hire third parties or freelancers as there many places where you can f
画像ロールオーバーのjavascript - Webtech Walker
画像のロールオーバーには主にjqueryのプラグインを使ってたんですが、jqueryを使えない案件があってjqueryを使わないでロールオーバーを実現するライブラリを探したけど自分好みの仕様のものが見つからなかったんで自分で書いてみました。 ダウンロード サンプル 使い方 ダウンロードしたjavascriptを読み込む ロールオーバーしたい画像のimg要素にclass="hoverImg"を指定（スペース区切りの複数指定も可） 通常時の画像「xxx.gif」とロールオーバー後の画像「xxx_ov.gif」を準備（同じ場所におく） 指定するclass名(hoverImg)とロールオーバー後の画像の接尾語（_ov)はjsの以下の箇所を書き換えれば変更できます。 var targetClassName = "hoverImg"; var suffix = "_ov"; ライセンスとか MITライ
higash.net
higash.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Dynamic Drive DHTML Scripts- Style Sheet Switcher (v1.1)
Note: Updated Oct 10th, 06'. Added ability to randomly pick a stylesheet to apply to the page (automatically). Description: You've seen such a feature on other CSS based sites, now you can have it too. This is a "plug & play" style sheet switcher that lets your visitors switch between a list of alternative style sheets to apply to your site. With a change of style sheet the entire look of your sit
javascript:void(0)について - 小池啓仁 ヒロヒト応援ブログ By はてな
リンクのa要素のhref属性に「javascript:void(0)」を指定すると、リンクを無効にすることができます。 また、その代わりにonclick属性で「xxx()」を指定して、リンク処理を行うこともできます。 その時の留意点として、「return false;」指定すると何かと吉です。 （onclickのときは、「javascript:void(0)」だけでは無効にならず、「return false;」で完全無効になる？） <a href="javascript:void(0)" onclick="xxx(); return false;">「return false;」指定をしないと、a要素としてのリンク機能とonclickでの処理が干渉して、謎の動きをします。 上記のようにonclickに「return false;」を追加することにより、a要素としてのリンク機能を完全無効（謎
Emblematiq :: Niceforms :: Overview
Niceforms is a non-intrusive javascript method that allows complete customization of web forms » Overview Updates Demo Download Support What is it? Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gat
The Tiny Scrolling(s) - from The Lab of the weblog Central Scrutinizer
First published on March 25, 2006 and March 31, 2006 Start with an example is the better way to begin a javascript technique post: click one of the links above to see straight away - in two meanings - what i’m going to talk about. What is Tiny Scrolling? How can I use it? How does it works? Where I can download it? Someone to thanks? What about an “horizontal tiny scrolling“? What is Tiny Scrolli
Javascriptで画像の先読み「プリロード」するときのメモ - Web標準にアプローチ 〔まいまいのお宿。〕：楽天ブログ
2007/06/16 Javascriptで画像の先読み「プリロード」するときのメモ (11) テーマ：ホームページ作成の悩み(545) カテゴリ：PC&Web JavaScriptポケットリファレンス改訂第4版 JavaScript完全マスター 「画像のプリロードってどうやってするんでしょう？」 いつも Dreamweaver で勝手に書いてくれちゃうので ロールーバーもプリロードイメージも気にすることなくできちゃうわけですよ。 ソフト依存だと、ソフトが変わると勝手にほかのタグが入ってきちゃったりして 嫌だな～と、ずーっと思っていたんです。 ちょっと時間もあることだし、ロールオーバーしたついでに 画像のプリロードのさせ方をネットでサクサクと検索しました。 もっとも単純でわかりやすかったページがこれ。 画像のプリロード（先読み）で、私が書いたコードが下のとおり。 とっても単純な書き方なので
A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets
So you’ve got a web page. You’ve marked it up with structural XHTML. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Great. But now you need a cross-browser way to dynamically switch between the style sheets. Styling your site#secti
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
那須高原 ペンション エアージン｜予約申込
Web Development Blog » Lightweight Accordion with JavaScript and CSSl
Deziner Folio» Blog Archive » df Javascript Smooth Scroll
