- 締切済み
アラートをメールで送ることはできますか？
以前、「アラートとストップウォッチを合体させたいのですが」（質問番号：6797459）にてJavaScriptを教えていただきました。 その節、大変、お世話になりました。 ありがとうございます。 今回は、その「アラートとストップウォッチを合体させたいのですが」に加えて、アラートを出す際に、メールでお知らせをする機能がつけられるかどうかを、ぜひとも教えていただきたく質問いたしました。 （素人で、Web検索するとメールソフトが結果として表示されてくるので・・・。おそらく、できないのかなとは、思っております・・・） 無理を言っているには分かりますが、何卒、何卒、宜しくお願いいたします。 下記は、現在のタグとなっております。 <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta content="text/html; charset=Shift_JIS" http-equiv=Content-Type> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>ストップウォッチ</title> <script type="text/JavaScript"> <!-- var a, b; var min, sec, cen, xmin, xsec, xcen; var hajime, ima, interval; var teishi; xmin=0; xsec=0; xcen=0; teishi=1; function dostart(){ if (teishi==1){ hajime=new Date(); a=hajime.getTime()-(xmin*60000+xsec*1000+xcen*10); count(); teishi=0; } } function count(){ interval=setTimeout("count()",10); ima=new Date(); b=ima.getTime(); min=Math.floor((b-a)/60000); sec=Math.floor(((b-a)%60000)/1000); cen=Math.floor((((b-a)%60000)%1000)/10); document.forms[0].elements[0].value=min; document.forms[0].elements[1].value=sec; document.forms[0].elements[2].value=cen; // 10分でアラート if(b - a > 10 * 60 * 1000){ alert("10分経過しました"); clearTimeout(interval);return false; } } function dostop(x){ clearTimeout(interval); xmin=eval(x.fun.value); xsec=eval(x.byo.value); xcen=eval(x.ika.value); teishi=1; } function doclear(){ clearTimeout(interval); xmin=0; xsec=0; xcen=0; document.forms[0].elements[0].value="0"; document.forms[0].elements[1].value="0"; document.forms[0].elements[2].value="0"; teishi=1; } function timeout(){ alert("10分経過しました"); } //--> </script> </head> <body bgcolor="#7fffd4" text="#000000" link="#0000ff" alink="#ff00ff" vlink="#00ffff"> <form action="this" method="post"> 10分休憩： <input size=3 name="fun" value="0">分 <input size=2 name="byo" value="0">秒 <input size=2 name="ika" value="0"> <br><br> <input type="button" value=" 休憩 " onClick="dostart()" onKeyPress="dostart()"> <input type="button" value="休憩終了" onClick="dostop(this.form)" onKeyPress="dostop (this.form)"> <input type="button" value=" クリア " onClick="doclear()" onKeyPress="doclear()"> </form> </body> </html>
- blue-rapis
- お礼率42% (8/19)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- mikemike7
- ベストアンサー率87% (97/111)
利用者にメール送信させたいわけですよね？ 利用者のメールアドレスは保有しているのでしょうか？ 保有している、もしくは質問者さんにメール送信ということでしたら、 JavaScriptとPHPやPerlなどと連動させることで可能とは思います。 JavaScriptだけでのメール送信は難しいのではないでしょうか。
関連するQ&A
- アラートとストップウォッチを合体させたいのですが
どのようにしたらいいのか分かりません。 ストップウォッチ.htm <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta content="text/html; charset=Shift_JIS" http-equiv=Content-Type> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>ストップウォッチ</title> <script type="text/JavaScript"> <!-- var a, b; var min, sec, cen, xmin, xsec, xcen; var hajime, ima, interval; var teishi; xmin=0; xsec=0; xcen=0; teishi=1; function dostart(){ if (teishi==1){ hajime=new Date(); a=hajime.getTime()-(xmin*60000+xsec*1000+xcen*10); count(); teishi=0; } } function count(){ interval=setTimeout("count()",10); ima=new Date(); b=ima.getTime(); min=Math.floor((b-a)/60000); sec=Math.floor(((b-a)%60000)/1000); cen=Math.floor((((b-a)%60000)%1000)/10); document.forms[0].elements[0].value=min; document.forms[0].elements[1].value=sec; document.forms[0].elements[2].value=cen; } function dostop(x){ clearTimeout(interval); xmin=eval(x.fun.value); xsec=eval(x.byo.value); xcen=eval(x.ika.value); teishi=1; } function doclear(){ clearTimeout(interval); xmin=0; xsec=0; xcen=0; document.forms[0].elements[0].value="0"; document.forms[0].elements[1].value="0"; document.forms[0].elements[2].value="0"; teishi=1; } function timeout(){ alert("10分経過しました。チネ!!"); } //--> </script> </head> <body bgcolor="#7fffd4" text="#000000" link="#0000ff" alink="#ff00ff" vlink="#00ffff"> <form action="this" method="post"> ストップウォッチ： <input size=3 name="fun" value="0">分 <input size=2 name="byo" value="0">秒 <input size=2 name="ika" value="0"> <br><br> <input type="button" value="スタート" onClick="dostart()" onKeyPress="dostart()"> <input type="button" value="ストップ" onClick="dostop(this.form)" onKeyPress="dostop (this.form)"> <input type="button" value="リセット" onClick="doclear()" onKeyPress="doclear()"> </form> </body> </html> アラート.htm <html> <head><title>テスト</title></head> <body onload=setTimeout('msgdsp()',600000)> <script language="JavaScript"> <!-- function timeout(){ alert("10分経過しました。"); } //--> </script> <input type=button value="スタート" onClick='setTimeout( "timeout()", 600000 )'><br><br> </body> </html> ・・・とそれぞれ作成しています。 ストップウォッチで「スタート」ボタンをクリックすると、ストップウォッチが走り、10分に差し掛かったところでアラートで「10分経過しました」と表示させたいのです。 どのようにすれば、2つの機能を同時に動かすことができるのか、ご教授いただきたいです。 環境はWindows XP、Internet Explorer7.0です よろしくお願いします。
- ベストアンサー
- JavaScript
- アラートを出したいのですが・・
以下のような感じでラジオボタンのリンクで、何も選択していない状態でGOボタンを押すと アラートが出るようにしたいのですが、どうしたらよいのかわからなくて困っています。 できれば、フルーツを選んでない場合は「フルーツを選んでください」と、価格を選んでない場合は 「価格を選んでください」と、両方選んでない場合は上記の2つとも出るようになれば理想なんですけど・・・ どうか宜しくお願い致します。m(_ _"m)ペコリ <script language=javascript> <!-- window.onload = function(){ document.forms[0]["GO"].onclick = function(){ var fruits2 = document.forms[0]["fruits"]; var price2 = document.forms[0]["price"]; function getCheckedElement(nl){ for(var i=0;i<nl.length;i++){ if(nl[i].checked) return nl[i]; } } var fruits = getCheckedElement(fruits2).value; var price = getCheckedElement(price2).value; URL = '/' + fruits + '/' + price; window.location = URL; } } --> </script> <form action="javascript:void(0)"> <input type="radio" name="fruits" value="APPLE">リンゴ<br> <input type="radio" name="fruits" value="ORANGE">ミカン <BR><BR> <input type="radio" name="price" value="100.html">100円均一商品<BR> <input type="radio" name="price" value="300.html">300円均一商品<BR> <input type="radio" name="price" value="500.html">500円均一商品<BR> <BR><BR> <input type="button" value="GO" name="GO" onclick="check()"> </form>
- 締切済み
- JavaScript
- ラジオボタン
<html> <head> <title></title> <script type="text/javascript"> function check() { var s=0; if(document.forms["f2"].elements["stay"].checked) { var radios = document.forms["f2"].elements["aa"]; if(document.forms["f2"].elements["aa"].checked) s += 1800; if(document.forms["f2"].elements["aa"].checked) s += 2800; if(document.forms["f2"].elements["aa"].checked) s += 3800; if(document.forms["f2"].elements["aa"].checked) s += 2000; document.forms["f2"].elements["total"].value = s ; } } </script> </head> <body> <form name="f2" action="#"> <h4>Q1.テーマパークに入りますか？</h4> <p> <input type="checkbox" name="stay" value="">入場する </p> <h4>Q2.年齢は？</h4> <p> <input type="radio" name="aa" value="" checked>6歳未満 <input type="radio" name="aa">6歳以上18歳未満 <input type="radio" name="aa">18歳以上60歳未満 <input type="radio" name="aa">60歳以上 </p> <h4>入場料金は次の通りです。</h4> <p> <input type="button" value="計算" onclick="check();"> <input type="text" name="total" value="" size="18">円です。 </p> </form> </body> </html> これでやると何を選択しても0円になるんですけど、 どうすればいいですか？
- ベストアンサー
- JavaScript
- プルダウンメニューのvalue値が00のときアラートを表示したい
似たような記事が多くそれぞれの回答を試してみたのですが、うまくいかなかったため質問させていただきます。 ただいまテキストBOXとプルダウンメニューで成り立つ入力フォームを作成しています。 そこで、テキストはすべて入力した状態、プルダウンメニューを一番上以外のものを選択した状態でないと次の画面に遷移しないようにしたいのですが、プルダウンメニューの所だけうまくいきません。どうか回答よろしくお願いします。以下にソースをすべて載せておきます。 <html> <head> <title>test</title> <script language="JavaScript"><!-- function check(){ fName = ["id","name","grade","english","math","japanese","science","society"]; for (i=0; i<8; i++){ txt = document.forms[0].elements[fName[i]].value; if (txt == "") { alert("すべての項目を入力してください"); return false; } } var sel; sel = document.forms.school.value; if(sel=="00"){ alert("選択されていない項目があります");//アラート表示 return false; } return true; } // --></script> </head> <body> <form action="student_add1.php" name="forms" method="get" onSubmit="return check()"> 生徒番号：<select name="school"> <option value="00">==学校名==</option> <option value="01">桜中学校</option> <option value="02">紅葉中学校</option> <option value="03">青山中学校</option> <option value="04">高岡中学校</option> <option value="05">中野中学校</option> </select><input type="text" name="id" size="3"><br> 氏名：<input type="text" name="name" size="12"><br> 学年：<input type="text" name="grade" size="2"><br> 模試成績：<br><br>英語：<input type="text" name="english" size="3"> 数学：<input type="text" name="math" size="3"> 国語：<input type="text" name="japanese" size="3"> 理科：<input type="text" name="science" size="3"> 社会：<input type="text" name="society" size="3"><br> <input type="submit" value="送信"> <input type="reset" name="reset" value="リセット"> </form> </body> </html>
- ベストアンサー
- JavaScript
- 画像のソースを変える(JavaScript)
<html> <head> <script language="javascript"> <!-- function Karasu() { document.forms[0].elements[0].value = "からす"; }// --> </script> </head> <body onload="Karasu()"> <form> <input type="text"><br> </form> </body> </html> ソースの「document.forms[0].elements[0].value」のように画像のソースを書き換えて違う画像を表示させることはできませんか? name属性を使わずにお願いします。 また、他のもっと良い考え方で画像を動的に変更する方法があれば教えてください！
- ベストアンサー
- JavaScript
- formのボタンをsubmitしたときにアラート
javascript で、formのボタンをsubmitしたときに アラートが出るようにしたいと思います。 下記のように作ってみましたが、うまく動きません。 どのようにすれば動くでしょうか? ご教示いただきたくお願いいたします。 <script type="text/javascript"> function(){ $('form1').submit(function(){ $.ajax({ type: 'POST', data: postData, url: 'buy.php', success: function(data){alert("購入できました");} error: function(){alert('購入できませんでした。再度お試しください');} }); return false; }); } </script> <form name="form1" id="form1" method="POST" name="form1" value="form1" action="buy.php"> <input type="hidden" name="id" value="100" /> <input type="hidden" name="name" value="高橋" /> <input type="submit" value="Save"> <form/>
- ベストアンサー
- JavaScript
- idからエレメント取得するには？
(1)<INPUT NAME="name1" MAXLENGTH="10" VALUE="" id="id1" > (2)<INPUT NAME="name2" onKeyPress="chk(event);" VALUE="" id="id2"> 上記の二つのinputタグのＩＤからエレメントを取得したいと思っています 知っている限りではgetElementByIdを使おうと思い 例） a = document.getElementById('id1'); b = document.getElementById('id2'); 実行してみた所(1)は上手く行きましたが (2)では上手く行きませんでした。 アラートを表示させ結果を見てみた所 (1)[object] (2)null になりました どうして(2)のほうはエレメントが取れずnullになるのでしょうか？ また(2)のinputタグからエレメントを取る方法はありますでしょうか？ よろしくお願いいたします
- ベストアンサー
- JavaScript
- テキストボックス未記入時のアラート表示 JS
【出来ていること】 下記のように電話番号の未入をチェックしアラートを出すことができました。 <script> function check3() { tel3check = document.form3.tel3.value; data13 = tel3check; if(!data13) { alert("電話番号が未入力です13"); return; } else { document.form3.submit(); } } </script> <form method="POST" action="in.php" name = "form3"> <input type="text" name="tel3" value="" /> <input type="button" value="確認" name="sub1" onclick="check3();"> </form> 【躓いていること】 電話番号の未入だけでなく、FAXの未入もチェックしそれぞれでアラートを出そうとしましたが動きません。ご指導いただけますでしょうか? よろしくお願いいたします。 <script> function check3() { tel3check = document.form3.tel3.value; fax3check = document.form3.fax3.value; data13 = tel3check; data133 = fax3check; if(!data13) { alert("電話番号が未入力です13"); return; } elseif(!data133) { alert("FAX番号が未入力です133"); return; } else { document.form3.submit(); } } </script> <form method="POST" action="in.php" name = "form3"> <input type="text" name="tel3" value="" /> <input type="text" name="fax3" value="" /> <input type="button" value="確認" name="sub1" onclick="check3();"> </form>
- ベストアンサー
- JavaScript
- 二つのform分について
<form action="./test.cgi" method="POST"> <div>テスト:<input type="text" size="70" name="keyword" value=""></div> <input type="submit" value="OK"> </form> <FORM method="post" action="#"> 外側だけですが、遊んでくださいね１６進数で!!!! <INPUT tabindex="10" accesskey="x" value="" name=BGC size=7> <INPUT tabindex="20" accesskey="x" onclick="document.bgColor='#' + document.forms[0].BGC.value" onkeypress="document.bgColor='#' + document.forms[0].BGC.value" type=button value="色変更"> </FORM> どちらも一つずつだと正常に動作します。 何か同じものが二つあるのでしょうか 何かが重複しているので 最初のformは動くけど、 2番目のformが動かないのでしょうね。 どうすれば二つとも動くでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- alert閉じた時、htmlに文章を追加表示したい
下記プログラムは、自分の勉強用で作ったものですが、 解答ボタンを押して正解し、alertウィンドウを閉じた瞬間に 説明文のsm1,sm2,sm3をhtml上に追加表示するには どこをどう直したらいいのでしょうか？ よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script language="JavaScript"> <!-- var sm1; var sm2; var sm3; function kaitou1(){ if(document.myForm.ans1.value == "number"){ alert("正解です"); sm1 = "number型とは～"; }else{ alert("違います"); } } function kaitou2(){ if(document.myForm.ans2.value == "string"){ alert("正解です"); sm2 = "string型とは～"; }else{ alert("違います"); } } function kaitou3(){ if(document.myForm.ans3.value == "boolean"){ alert("正解です"); sm3 = "boolean型とは～"; }else{ alert("違います"); } } //--> </script> </head> <body> <p style="width:330px; padding:5px; background-color:#ddd">変数の基本的なデータ型には3つあります。<br> それら３つは何でしょう？<br> 下記○○に半角英数字で入力して下さい。</p> <form name="myForm"> <p>数値を表す○○型 ⇒ <input type="text" size="20" name="ans1"> <input type="button" value="解答" onclick="kaitou1()"> </p> <p>文字列を表す○○型 ⇒ <input type="text" size="20" name="ans2"> <input type="button" value="解答" onclick="kaitou2()"> </p> <p>真偽を表す○○型 ⇒ <input type="text" size="20" name="ans3"> <input type="button" value="解答" onclick="kaitou3()"> </p> </form> <script language="JavaScript"> <!-- document.write("<p>"+sm1+"</p>"); document.write("<p>"+sm2+"</p>"); document.write("<p>"+sm3+"</p>"); //--> </script> </body> </html>
- ベストアンサー
- JavaScript
お礼
お返事ありがとうございます。 そうですよね～！？ やっぱり、JavaScriptだけじゃ無理ですよね～ ありがとうございました。 また何かあれば質問しますので、そのときに宜しくお願いします。