JavaScriptでメーラーを起動してメール送信したい時 - ゆとり日記
「自動でメールを送るよりも、ボタンを押したらメーラーが立ち上がるようにして欲しい」 ある日のクライアントの鶴の一声・・。 これまではCakePHPのCakeEmailを使ってメールを自動送信するようにしていたんですが、そうもいかなくなりました。 ということで、今回JavaScriptで作った処理をメモしておきます。（地味に苦戦したのは内緒です） 書いた処理としては以下の通り。 # index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>メール送信テスト画面</title> <link rel="stylesheet" href=""> <script src="javascript/index.js
javascriptで擬似ローディングを実装してみた
チャオ！みんな元気？オレッちはすこぶる元気。 ところでみんなFlash好き？今はキライでも好きな時期はあったはずだろ？ そうだろ？照れなくていいよ。 で、Flash作る時って必ずローディングバー入れただろ？そうだろ？わかってるよ。 昨日天一でこってり食べただろ？ そんなローディングをjQueryを使って実装してみたわけ。 当然、擬似ローディングだけどね。 ちょっとのぞいていきなよ。 まずはページ読み込み時のフェードインの説明するよ このサイトはページ読み込み時と<a>要素クリック時にフェードイン・フェードアウトする<div>要素を入れてるわけ。 図で説明するとこんな感じ。 この図の<div id="fade">はページ全体を#FFFで覆っているのね。それを消したり出したりしてるわけ。 でそのスクリプトはこんな感じ。 ※参考：ページ遷移時にフェードイン・フェードアウト « kojilow B
px*blog | onclickを使わずclassでポップアップさせるjavascript
onclickを用いないポップアップjsを見つけました。 最近classやidでjavascriptを実行させるtipsが流行っていますねー。結構使いやすくてすぐ飛びついちゃいます。ソースはいたってシンプル。 ■サンプル 詳細なサンプル 簡易なサンプル↓ popup windowを開く ■</header>手前に入れます。 <script type="text/javascript" src="popup.js"></script> ■ソース（リンクの書き方） <a href="popup.html" class="popup">popup windowを開く</a> ■メリット リンク先をhrefに入れているので、javascriptOffの場合は普通にリンク。 ポップアップでなく新しい窓/タブで開くを選択することも可能。 cssで.popupに別窓アイコンの装飾をするこ
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
アクセシビリティとSEOを考慮したポップアップウィンドウ | アイビーネットblog
2009年5月 7日 09:01 JavaScriptSEOアクセシビリティ そもそもポップアップウィンドウはアクセシブルじゃない アクセシビリティに少なからず関心を持っている方は、まず「アクセシビリティを考慮したポップアップウィンドウ」というタイトルに違和感を感じるかもしれません。アクセシビリティを考慮するならば、そもそもポップアップウィンドウ(別ウィンドウ)を使わない方がよいからです。 しかし、案件上ポップアップウィンドウを使わざるを得ない場合もあるでしょう。これから紹介する方法は、その時にできる限りアクセシビリティを保つための方法です。 通常のポップアップウィンドウ記述 よく使われるポップアップウィンドウの記述は、下記のようにJavaScriptを使います。 <a href="javascript:void(window.open('popup.html','',''));"> ポッ
前に閲覧していたページに戻る方法 - JavaScript
ページを見る前に閲覧していたページに戻ることが出来ます。アドレスがその都度変わるようなページならば、その都度修正する必要が無くなり、便利かもしれませんね。
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
![[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
ページ内で気持ち良いスムーススクロールをするためのjQueryプラグイン作った。 | モンキーレンチ
Posted by キタジマタカシ 2012年02月14日 21:33 Category : jquery.smoothScroll.js Tags : JavaScript, jQuery, プラグイン ページ内リンクをクリックした場合にスムーズにスクロールするようにしてくれるjQueryプラグインです。同じようなプラグインはたくさん公開されているのですが、これだ！というのがなかなかなかったので自作してみました。 ダウンロード jquery.smoothScroll.jsをダウンロード デモページ デモページ 使い方 下記のような感じでjQueryとjQuery.smoothScroll.jsを読み込みます。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jqu
エリアマップで同じページにスムーズスクロールで動かす方法を教えて下さい。いま、サイトのページ作りの中に、"smoothscro... - Yahoo!知恵袋
エリアマップで同じページにスムーズスクロールで動かす方法を教えて下さい。 いま、サイトのページ作りの中に、"smoothscroll.js"のjavascriptを使っています。 エリアマップで同じページにスムーズスクロールで動かす方法を教えて下さい。 いま、サイトのページ作りの中に、"smoothscroll.js"のjavascriptを使っています。 <a name="top"></a> <a href="#top">トップへ</a> 上記を、設置したところ問題なくスムーズにスクロールしてくれるのですが、、 エリアマップを使用したところ、javascriptが全く効いてくれません。 アドバイスをお願いします。 以下、ソースの一部です。 <img src="img/map.gif" alt="地図" usemap="#map" /> <map name="map"> <area sha
こだわりのページ内リンクスムーズスクロール 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 関連エントリ
シンプルなスクロール機能
It's quite often, when navigating through a long document, confusing or disorienting for users to click a link which immediately jumps them to somewhere else in that document. Are they on the same page, on a different page, should they scroll more from here, what's going on? Smooth link scrolling alleviates this a little, by scrolling the page to the new link rather than jumping there directly. Tr
JavaScript/ウィンドウ/確認ダイアログを表示する - TAG index
確認ダイアログを表示するスクリプトです。 OKボタンとキャンセルボタンが付いたダイアログが表示されます。 <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function disp(){ // 「OK」時の処理開始 ＋ 確認ダイアログの表示 if(window.confirm('本当にいいんですね？')){ location.href = "example_confirm.html"; // example_confirm.html へジャンプ } // 「OK」時の処理終了 // 「キャンセル」時の処理開始 else{ window.alert('キャンセルされました'); // 警告ダイアログを表示 } // 「キャンセル」時の処理終了 } // --> </scrip
クリッカブルマップを使ったロールオーバー｜Webクリエイターネット
Category Javascript 1枚の画像に複数のリンクを設定する際"クリッカブルマップ(イメージマップ)"を使用することで、複雑な形でもリンク領域を指定できますので結構便利です。 ｢このクリッカブルマップ(イメージマップ)で、指定領域にカーソルを合わせた時に画像をロールオーバー出来れば便利かも｣と思ったことはないでしょうか？ ちょっとしたJavascriptで簡単に実装できますので、今回はその方法をデモページも交えて紹介しようと思います。 Keyword：クリッカブルマップ,ロールオーバー,Javascrpt ロールオーバー用のスクリプトを用意する rollover.js /* Rollover Script */ if(navigator.appVersion.charAt(0) >=3){ var rolimg = new Array(); for( i = 0 ; i <
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
FacebookアプリでjavascriptSDKを使いウォールに投稿 | t2421.jp
facebookアプリでjavascriptSDKを使いウォールに投稿する方法をメモする。 診断系アプリなどでは、自分の結果をウォールに投稿することがほとんどだ。 自分がFacebookをやっていると、ウォールがアプリからの投稿が多くを占めることがある。 また、その投稿によって、共通の友人達が同じアプリから自分の結果を投稿してくるという広がりを実際に見れることができるので面白い。 今や定番となっている、アプリからウォールへの投稿の方法を一般化して使いやすいようにする。 投稿する際には、publish_streamのpermissionが無いと、エラーではじかれてしまう。 permissionの設定については、アプリへのログイン時に行う必要がある。以前の記事、 Facebookのjavascript SDKを使いログインさせる で触れているので、そちらの方を参照して欲しい。 p
2/2 サブウインドウを開く方法！閲覧者に不便をかけない小窓とは [ホームページ作成] All About
サブウインドウを開く方法！閲覧者に不便をかけない小窓とは(2ページ目)サブウインドウを開く方法！閲覧者に不便をかけない小窓とは。JavaScriptを使えば、ウェブページを表示しているウインドウとは別のサブウインドウを開くことができます。しかし書き方によっては弊害があります。それらの問題をすべて解決したサブウインドウの開き方や、そもそも別ウインドウを開かずに済ませる代替手段をご紹介。
![2/2 サブウインドウを開く方法！閲覧者に不便をかけない小窓とは [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/90a20b491ede784e03ef0ee616b12efec3eadfdd/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F1%2F6%2F201702031527%2Ftopimg_original.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webcreators
サブウィンドウ画面を閉じよう（JavaScript Sample）
JavaScript/ウィンドウ/ウィンドウを閉じるボタン - TAG index
ユーザーエージェントによってPCとスマートフォン（iPhone / Android）を振り分ける方法いろいろ