JavaScript

全15805件中1~20件表示
  • gasカードの変数をhtmlに反映させるには?

    スプレッドシートから引っ張ってきた情報を、htmlメールに反映させたいと考えています。 以下で書いてみたのですが、HTMIメールではmessageがそのままになってしまいます。 gasで書いた内容を反映させたいのですが、どうしたらいいのでしょうか? アドバイスお願いします。 function myFunction() { const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheetByName('作業用'); let row = sheet.getLastRow(); //店名 let name = sheet.getRange('c' + row).getValue(); //①商品 let name5= sheet.getRange('h' + row).getValue(); //個数 let name7= sheet.getRange('j' + row).getValue(); //受信日 let name101 = sheet.getRange('a' + row).getValue(); //了解者 let name100 = sheet.getRange('w' + row).getValue(); //メール.htmlを取得 var html = HtmlService.createHtmlOutputFromFile("メール").getContent(); function doGet() { var template = HtmlService.createTemplateFromFile('メール'); template.message = "\n" +        "了解者:" + name100 + "\n" +        "商品:" + name5 + " " + name6 + " " + name7 + "個" + "\n" +        "店名:" + name + "\n" +        "本メールを了解書としてご利用ください。:" + "\n" +        "ご依頼送信日時:" + name101 + "\n"; return template.evaluate(); } var recipient = sheet.getRange('b' + row).getValue();//送信先のアドレス var subject = "了解書"; var body = '了解書' + "\n" + "\n" + "了解者:" + name100 + "\n" + "商品:" + name5 + " " + name6 + " " + name7 + "冊" + "\n" + "店名:" + name + "\n" + "\n" + "本メールを了解書としてご利用ください。:" + "\n" + "ご依頼送信日時:" + name101 + "\n"; var options = { "name": "test", //送信元の名前を指定 "htmlBody": html //メール本文をhtmlファイルに指定 }; //メール送信 if (sheet.getRange('w' + row).getValue() === '') { }else if (!sheet.getRange('x' + row).getValue() === '完了') { return false; } else {  GmailApp.sendEmail(recipient, subject, body, options);  } } <!DOCTYPE html> <html> <head> <base target="_top"> </head>  <body> <h1>了解書</h1> <p>拝啓 格別のお引立てを賜り厚くお礼申し上げます。<br> 下記の商品の返品を承ります。</p>   <h3><?=message?></h3></p>  </body> </html>

  • HTMLにアンケートを埋め込んだものの反映がされな

    HTMLメールを作成しています。 Beeproというメール作成ソフトを使用しており、googleformを埋め込みたく、入力したものの 「お使いのブラウザで JavaScript が有効になっていないため、このファイルは開けません。有効にして再読み込みしてください。」と表示され、テストメールの送信をしても反映がされません。 ChromeのJavaScriptは有効にしているものの、反映が至らない点について、どのようなことが考えられるか、知識がなく恐れ入りますがどなたかご教示いただけますと幸いです…

  • japascriptでセレクトボックス付近にテキス

    空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラートと同時に入力フォーム付近に、さらにテキストによるエラーメッセージを同時に表示させたいのですが、上手くいきません。 ブラウザの上部のアラート表示はきちんとなっています。 フォームの付近のテキストは名前とフリガナのみ赤字テキストが表示されますが「付属画像のような感じです。」、これをさらに、 フォームの付近に出る赤字のテキストによるエラーメッセージをさらにセレクトボックスの下にも表示されるようにしたいです。 自分なりに書き直してみたのですが、セレクトボックス付近の赤いテキストメッセージだけ表示されません。 コードは下のURL共有サイトにあります。 コードのstayleタグの下と、一番下のjavascriptコードに赤いテキストエラーを表示させるコードが記載されています。 /* ボタンクリック後テキストアラートの表示 */ この2か所を書き直してみましたが、再現されないので、最初の状態のコードを提示しています。 https://harigami.net/cd?hsh=56515cef-4270-409d-be40-cc5e0174ddb8

    • ベストアンサー
    • すぐに回答を!
    • hayosat
    • JavaScript
    • 回答数 2
  • クイズの解説ボタンをつけて表示非表示を切り替えたい

    1.前提・実現したいこと クイズ問題の下に解説ボタンをつけて表示非表示を切り替えたい 発生している問題・エラーメッセージ clickBtn2 is not defined 該当のソースコード <サンプルコード> ------------------------------ <input type="button" value="解説" onclick="clickBtn2()" /> <p id="p2">テスト1</p> <script> //初期表示は非表示 document.getElementById("p2").style.visibility ="hidden"; function clickBtn2(){ const p2 = document.getElementById("p2"); if(p2.style.visibility=="visible"){ // hiddenで非表示 p2.style.visibility ="hidden"; }else{ // visibleで表示 p2.style.visibility ="visible"; } } </script> ----------------------------- 自分で調べたことや試したこと ------------------- <h2>解説</h2> <div id="text_k"></div> <input type="button" value="解説" onclick="clickBtn2()"/> <script type="text/javascript"> /問題と解答 const qa = [ {q:"イルカを漢字で書くとどれ?",a:["海豚","海牛","河豚","河豚"],c:0,k:"くじら目はくじら亜目の小型海獣の総称。からだは紡錘(ぼうすい)形で、前肢はひれとなる。群れをなして泳ぎ、しばしば船について走る。マイルカ・ネズミイルカなど種類が多い。"}, //問題表示 QA.prototype.quiz = function() { //問題 document.getElementById("text_q").innerHTML = (this.mondai_no + 1) + "問目:" + this.mondai_data[this.mondai_no].q; //この問題の選択肢の数は自動判断(選択肢は何個でもOKです) var answer_count=this.mondai_data[this.mondai_no].a.length; //選択肢 var s = ""; for (var n=0;n<answer_count;n++) { s += "【<a href=&#039;javascript:test.answer(" + n + ")&#039;>" + (n+1) + ":" + this.mondai_data[this.mondai_no].a[n] + "</a>】"; } document.getElementById("text_s").innerHTML = s; document.getElementById("text_k").innerHTML= this.mondai_data[this.mondai_no].k; } QA.prototype.clickBtn2 =function() { //初期表示は非表示 document.getElementById("text_k").style.visibility ="hidden"; const text_k = document.getElementById("text_k"); if(text_k.style.visibility=="visible"){ // hiddenで非表示 text_k.style.visibility ="hidden"; }else{ // visibleで表示 text_k.style.visibility ="visible"; } } よろしくお願いします。

  • js ドロワーメニュー ページ内リンク 閉じない

    個人でwordpressのサイトを運営しているものです。 独学でサイトを検索したりして、時間がかかりながらも何とか頑張ってきたのですが、手詰まりになってしまいました… 細々とやっている個人サイトなので、外注の予算がありません… 不具合の内容は、javascriptで作成、スマートフォンのサイトのドロワーメニューのページ内リンクを設定しています。 リンク先に遷移はできるのですが、ドロワーメニューが閉じません。。。 素人で、ネットで検索して、基本的な内容もわかからず、コードをコピペして作っているので、ツッコミどころが満載かと存じますが… 以下、中身です。 --------------------------------------------------------- php --------------------------------------------------------- <div class="siteTitle"><a href="<?php echo home_url(); ?>">abcd|degh</a></div> <div class="navdrawbtn"> <span class="line line_01"></span> <span class="line line_02"></span> <span class="line line_03"></span> <p>MENU</p> </div> <nav class="navdraw"> <dl> <dt><a href="<?php echo home_url(); ?>">home</a></dt> </dl> <dl> <dt><a href="<?php echo home_url(); ?>/#a">a</a></dt> </dl> --------------------------------------------------------- javascript --------------------------------------------------------- $(function () { var $nav = $('.navdraw'); var $navBtn = $('.navdrawbtn'); var $speed = 300; var ua = navigator.userAgent; $nav.find('.sub').hide(); $nav.find('li').hover(function(){ if ($('.navdrawbtn span').css('display') !== 'block'){ if( $(this).find('.sub').length && !$nav.hasClass('open') ){ $(this).find('.sub').slideDown(); } } },function(){ if ($('.navdrawbtn span').css('display') !== 'block'){ if(!$nav.hasClass('open')) { $(this).find('.sub').stop(true).slideUp(); } } }); $('body').on('touchend','.navdrawbtn',function(){ drawerFunc(); }); $('body').on('touchend','.secClose',function(){ drawerFunc(); }); function drawerFunc(){ if( $('body').hasClass('menuOpen') ){ $('body').removeClass('menuOpen'); $nav.animate({right:-1*$navW},$speed,'swing'); }else{ $('body').addClass('menuOpen'); $nav.animate({right:0},$speed,'swing'); } } }); 数ヶ月、いろいろ試しても解決できず、本当に困っています。。。 賢者の方、何卒よろしくお願いいたしますm(_ _)m

  • japascriptでどうしても、メールアドレスの

    ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして、アラートを出したいです。 下記のコードはメールアドレスの入力フォームのコードで、入力欄が空の時にボタンをクリックすると、アラートによるエラー表示がでるようになっています。これを、このフォームをさらに、空白エラーの他に、 入力フォームの javascript で メールアドレスの正規チェックを行い、ボタンをクリックして、アラートを出したいです。どうコードを書いたら良いでしょうか? ちなみにrequiedt等も試したのですが、アラートほど目だたなくて、断念しました。 以下のコードを追加したのですが、おかしくなります。 // javaでエラーメッセージの表示に以下を追加 const reg = /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}.[A-Za-z0-9]{1,}$/; else if(!reg.test(email.value)){ msg +=("メールアドレスの形式が不正です。"); 共有ソースコード https://harigami.net/cd?hsh=8709eccd-312a-41fd-8240-99fd44af816b

    • ベストアンサー
    • すぐに回答を!
    • hayosat
    • JavaScript
    • 回答数 1
  • EXCELデータベースからjavascript表示

    EXCELデータベースからjavascript表示 質問と選択肢、答えの番号をあらかじめEXCELに保存しておいてそれをデータベース接続して HTMLの画面に表示させる機能の追加です。 現在はソースコードに直接記述している部分をEXCELのワークシートからデータを取得してくる機能がほしいです。」 この方法だとプログラミングに詳しくない人でもソースコードを直接触らずにEXCELのワークシートを編集すれば済むと思います。 サンプルコード index.html ------------------------------ <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>CSVファイルを使用した表・グラフ</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="js/jquery.csv2table-0.02-b-4.3.js" type="text/javascript" charset="utf-8"></script> <script> $(function(){ $('#table').csv2table('media/dete_2.csv'); }); </script> </head> <body> <h1><img src="images/logo.png" width="487" height="180" alt="CSVファイルを使用した表・グラフ"></h1> <div id="table"></div> </body> </html> --------------------------------https://ccchart.com/lib/jquery/plugin/csv2table/v002/test.htm jquery.csv2table-0.02-b-4.4.jshttps://ccchart.com/lib/jquery/plugin/csv2table/v002/js/jquery.csv2table-0.02-b-4.4.js AsarKingChangさんお願いします。 よろしくお願いします。GWは終わりました。めいいっぱい楽しめましたでしょうか? また遊んでください。よろしくお願いします。

  • TypeScriptの重要ポイント

    現在 TypeScriptを知識ゼロの状態か学習しています。TypeScriptで重要なポイントを教えてください。

    • ベストアンサー
    • 困ってます
    • OBAKEI
    • JavaScript
    • 回答数 1
  • cssのtranslateYを変えたい

    知識のある方、教えていただきたいです。 やりたいことは、jqueryでtranslateYにscrollTop - offsetTopを代入するということです。何が間違っているのでしょうか。 $('#tableLayout table thead').css('transform', 'translateY(' + scrollTop - offsetTop + 'px)'); headerFix(); function headerFix(){ var $header = $('#tableLayout thead'), offsetTop = $header.offset().top, windowHeight = $(window).height(); $(window).on('load scroll orientationchange resize' , function(){ var scrollTop = $(window).scrollTop(); if (scrollTop >= offsetTop){ $('#tableLayout table thead').css('transform', 'translateY(' + scrollTop - offsetTop + 'px)'); }else{ }; }); }

  • JavascriptとCookieは、危険?

    JavascriptとCookieは、有効にしていると個人が特定されてしまう、と思ってます。 それで、無効にしているのですが、街中のfreeWiFiなど、使いにくくてストレスになってます。 JavascriptとCookieは、危険なのでしょうか?

  • chart.js tooltipに表示要素を追加

    chart.jsを使用して、添付の画像のような折れ線グラフを作成しています。 グラフにマウスを当てた際、ツールチップを使用して、X軸とY軸の値に設定した内容が表示されるようになりましたが、X軸、Y軸と関係のないちょっとしたコメントを載せたいと思っています。 以下、作成しているJSです。 --------------------- var comment = [ "コメント1", "コメント2", "コメント3", "コメント4", ]; var chart = new Chart(ctx, { type: 'line', data: { labels: [ ['1期','2018'], ['2期','2019'], ['3期','2020'], ['4期','2021'] ], datasets: [ { label: '青', borderColor: 'rgb(84, 142, 242)', fill: false, data: [3521, 5323, 8442, 2535], }, { label: 'オレンジ', borderColor: 'rgb(248, 120, 35)', fill: false, data: [1023, 1953, 1274, 1534] } ] }, options: { 以下省略 tooltips: { // キャンバス上のツールチップを無効にする enabled: false, custom: function(tooltipModel) { // ツールチップ要素 var tooltipEl = document.getElementById('chartjs-tooltip'); // 最初のレンダリング時に要素を作成する if (!tooltipEl) { tooltipEl = document.createElement('div'); tooltipEl.id = 'chartjs-tooltip'; tooltipEl.innerHTML = "<div class='myChart_contents'>"; document.body.appendChild(tooltipEl); } // ツールチップがない場合は非表示にします if (tooltipModel.opacity === 0) { tooltipEl.style.opacity = 0; return; } // キャレット(ツールチップが指し示すもの)の位置を設定する tooltipEl.classList.remove('above', 'below', 'no-transform'); if (tooltipModel.yAlign) { tooltipEl.classList.add(tooltipModel.yAlign); } else { tooltipEl.classList.add('no-transform'); } function getBody(bodyItem) { return bodyItem.lines; } // テキストを設定する if (tooltipModel.body) { var titleLines = tooltipModel.title || []; var bodyLines = tooltipModel.body.map(getBody); var innerHtml = ''; //タイトル titleLines.forEach(function(title) { innerHtml += '<p class="myChart_term">第' + title.replace(",", "(") + '年度)</p>'; }); //コメント bodyLines.forEach(function(body, i) { innerHtml += '<p class="myChart_comment">' + comment[i] + '</p>'; }); //Y軸 innerHtml += '<table class="myChart_value"><tbody>'; bodyLines.forEach(function(body, i) { innerHtml += '<tr><td>' + body[0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '人</td></tr>'; //y軸 //innerHtml += '<tr><td>' + body + '人</td></tr>'; //y軸 }); innerHtml += '</tbody></table>'; var tableRoot = tooltipEl.querySelector('div'); tableRoot.innerHTML = innerHtml; } 以下省略 } } } }); --------------------- 現状、グラフにマウスを載せると以下のような表示がされ、 コメント部分はすべて「コメント1」と表示されます。 第1期(2018年度) コメント1 青:3521人 第2期(2019年度) コメント1 青:5323人 第2期の場合は「コメント2」、第3期の場合は「コメント3」と表示されるようにしたいのですが、 どのように作成したら良いか分からず、ご教示いただけると幸いです。

  • EXCELデータベースからjavascript表示

    EXCELネタを考えてみました。 次は、質問と選択肢、答えの番号をあらかじめEXCELに保存しておいてそれをデータベース接続して HTMLの画面に表示させる機能の追加です。 現在はソースコードに直接記述している部分をEXCELのワークシートからデータを取得してくる機能がほしいです。」 この方法だとプログラミングに詳しくない人でもソースコードを直接触らずにEXCELのワークシートを編集すれば済むと思います。 ここにPHPで作ったサンプルがあります。 EXCELのa列には英単語、b列には英単語の日本語の意味があらかじめ記述しているワークシートを作成してください。 たとえば --------------------- a列   |b列 abolish | 廃止する accord  | 一致 acid  | 酸っぱい assert  | 断言する blade | 刃物 --------------------- >これは英単語を1件表示するサンプルです。 <?php // Excelの初期処理 $file_name = dirname(__FILE__) . "\\word.xls"; $conn = new COM("ADODB.Connection") or die("エラー"); $rs = new COM("ADODB.Recordset") or die("エラー"); // データベースへの接続 $dsn = "Driver={Microsoft Excel Driver (*.xls)};DBQ=$file_name;"; $conn->Open($dsn); // 1件の表示 $sql = "SELECT * FROM [Sheet1$]"; $rs->Open($sql, $conn, 3, 3); echo $rs["q"]->Value; // データベースを閉じる $rs->Close(); $conn->Close(); ?> -------------------------------- >これは英単語クイズのサンプルです。 <?php // セッションの開始 session_start(); // クリックされたボタンの取得 if (isset($_POST["sub"])) { $sub = htmlspecialchars($_POST["sub"], ENT_QUOTES); } else { $sub = ""; } // 選択されたラジオボタンの取得 if (isset($_POST["sel"])) { $sel = intval($_POST["sel"]); } else { $sel = 9; } // Excelの初期処理 $file_name = dirname(__FILE__) . "\\word.xls"; $conn = new COM("ADODB.Connection") or die("エラー"); $rs = new COM("ADODB.Recordset") or die("エラー"); // データベースへの接続 $dsn = "Driver={Microsoft Excel Driver (*.xls)};DBQ=$file_name;"; $conn->Open($dsn); // 解答の照合 if ($sub == "解答") { if ($sel == $_SESSION["a_idx"]) { $str_a = "正解です<br />"; } else { $str_a = "間違いです!<br />"; } $str_a .= "{$_SESSION["q"]} → {$_SESSION["a"]}<hr>次の問題:"; } // 総問題数の取得 $sql = "SELECT COUNT(*) FROM [Sheet1$]"; $rs->Open($sql, $conn); $max = $rs[0]->Value; $rs->Close(); // 選択肢の作成 $ar = range(1, $max); shuffle($ar); $sql = "SELECT * FROM [Sheet1$]"; $rs->Open($sql, $conn, 3, 3); $questions = array(); for ($i = 0; $i < 3; $i++) { $rs->AbsolutePosition = $ar[$i]; $questions[$i]["q"] = to_sjis($rs["q"]->Value); $questions[$i]["a"] = to_sjis($rs["a"]->Value); } // 正解の選択肢番号を取得 $a_idx = rand(0, 2); // 正解をセッションに格納 $_SESSION["q"] = $questions[$a_idx]["q"]; $_SESSION["a"] = $questions[$a_idx]["a"]; $_SESSION["a_idx"] = $a_idx; // 表示用の問題と選択肢を作成 $str_q = "<b>{$questions[$a_idx]["q"]}</b><br />"; for ($i = 0; $i < 3; $i++) { $str_q .= "<input type=\"radio\" name=\"sel\" value=\"{$i}\">"; $str_q .= "{$questions[$i]["a"]}<br />"; } // データベースを閉じる $rs->Close(); $conn->Close(); // 文字コードの変換 function to_sjis($a) { return mb_convert_encoding($a, "EUC-JP", "SJIS"); } ?> <html> <head> <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <title>英単語クイズ</title> </head> <body> <p>英単語クイズ</p> <form method="post" action="<?php echo $_SERVER["SCRIPT_NAME"]; ?>"> <?php echo $str_a; ?> <?php echo $str_q; ?> <p><input type="submit" name="sub" value="解答"></p> </form> </body> </html> ------------------------------- これをjavascriptに置き換えてください。 1.エクセルのシートに今、ソースコードに直接記述してある質問文、選択肢、答えの番号を記述したものを用意してください。 2.そのデータをデータベース接続してエクセルのワークシートから値を取得してHTMLに表示させてください。 これが実現できれば一般の人でもソースコードを直接触らずにクイズ問題プログラムを作成できるはずです。

  • こんなサイト、どうやって作るのですか?

    いつもお世話になりありがとうございます。 https://www.mini.jp/ja_JP/home.html?tl=sea-goog-aabv-Tactical-miy-.-.-00000030-2021-02-22-.-.&form=sem&cid=google_rlsa_broad_all_responsive_minitop-page_mainlink_hygiene_sem_brand_paidad_30_23809&argument=Pc21mF3O&dmai=21q1-0100&gclid=Cj0KCQjw3v6SBhCsARIsACyrRAnGkl7j6DF4-iDeZgPGJUghUbrmUIfTdY12-DzGQSBcx-5vzvkt8RYaAoC5EALw_wcB 上記のようなウェブサイトはどうやって作るのですか? また勉強方法を教えて下さい。

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 1
  • 何故、Array(3)と表示されるのでしょうか?

    いつもお世話になりありがとうございます。 下記プログラムでTaro,Jiro,Saburoと表示されないで、 Array(3)と表示されます。 どこが違うのでしょうか? ご回答のほど宜しくお願い申し上げます。 <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> /*console.log("Hello World!") var x=55156,y=29526,z=35489; console.log(x+y+z);*/ var family=["Taro","Jiro","Saburo"]; console.log(family); </script> </body> </html>

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 1
  • PHPで音楽動画を自動再生させたい

    単刀直入をお許しください。 PHPのopendir() とreaddir()関数を使い、ディレクトリー内の複数の音楽動画のファイル名を一つずつHTMLの<embed>あるいは <video>タグのscr パラメーターに渡して再生し、動画が終わるたびに次の動画を再生するプログラムを作りたいと思います。 クリック用のボタンを用意して、一曲終わるごとに次を再生するのは出来ますが、ほおっておいても自動再生するとなると結構難しいように思います。動画の終わりを検知できれば簡単なような気がするのですが、 このために、動画が終わった時点で、その事実を検知するようなJavascript などの関数はありませんでしょうか? 詳しい方がいらっしゃいましたら、教えていただけると嬉しいです。

  • この添付の内容は異常ですか?

    いつもお世話になりありがとうございます。 標記の件。 添付の内容が異常だと思います。 どう設定し直せばいいのでしょうか?

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 2
  • 添付から、どうすればいいのですか・・・???

    いつもお世話になりありがとうございます。 左のツリー構造の意味が解りません。 真ん中にはどうやって表示するのか分かりません。 どうか教えてください。

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 3
  • JavaScriptの実行結果を表示するには?

    いつもお世話になりありがとうございます。 添付のように、画面下に表示できました。 標記の件。 JavaScriptの実行結果を表示できるようにするには どうしたらよいでしょうか? ご回答のほど宜しくお願い申し上げます。

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 5
  • Chrome [F12]

    いつもお世話になりありがとうございます。 Chrome で[F12]を押すと、画面右4分の1に訳の分からない内容が 表示されます。 本意はJavaScriptに関して画面下に表示させたいのです。 どうすればいいでしょうか? ご回答のほど宜しくお願い申し上げます。

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 3
  • 保存場所は?

    いつもお世話になりありがとうございます。 JavaScriptを書いた保存場所はどこがいいと思いますか? ご回答のほど宜しくお願い申し上げます。

    • ベストアンサー
    • 困ってます
    • KOUZOU2
    • JavaScript
    • 回答数 2