回答数
気になる
-
Reactの勉強
現在Reactについて勉強しています。JavaScriptとTypeScriptについては基本的なことしか分からないのですが、効果的な学習法はありますか?
質問日時: 2022/05/22 16:31 質問者: オバケイ
解決済
2
0
-
空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ
空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラートと同時に入力フォーム付近に、さらにテキストによるエラーメッセージを同時に表示させたいのですが、上手くいきません。 ブラウザの上部のアラート表示はきちんとなっています。 フォームの付近のテキストは名前とフリガナのみ赤字テキストが表示されますが「付属画像のような感じです。」、これをさらに、 フォームの付近に出る赤字のテキストによるエラーメッセージをさらにセレクトボックスの下にも表示されるようにしたいです。 自分なりに書き直してみたのですが、セレクトボックス付近の赤いテキストメッセージだけ表示されません。 コードは下のURL共有サイトにあります。 コードのstayleタグの下と、一番下のjavascriptコードに赤いテキストエラーを表示させるコードが記載されています。 /* ボタンクリック後テキストアラートの表示 */ この2か所を書き直してみましたが、再現されないので、最初の状態のコードを提示しています。 https://harigami.net/cd?hsh=56515cef-4270-409d-be40-cc5e0174ddb8
質問日時: 2022/05/20 11:16 質問者: hayosato
ベストアンサー
1
0
-
jqueryとJavaについて
はじめまして https://coco-factory.jp/ugokuweb/move01/8-1-4/ ↑のリンクの機能を実装したいのですが 記載されているJavaScriptを記述しても動きません それどころかトップページにタグがそのまま出ます なぜでしょうか? 初心者ですみません コピーして貼り付ければ動くように書き直していただけますと助かります よろしくお願い申し上げます
質問日時: 2022/05/16 22:39 質問者: 匿さま
ベストアンサー
2
1
-
Javascriptで出来ること
ブラウザゲームが無音で寂しいので、自分で効果音を追加してプレーしたいです。 Tampermonkeyという、「任意のサイトに対して、自分で組んだJavaScriptのコードを実行させることができる拡張機能」があるのでそれを使おうと思います。このとき使う言語はJavascriptです。 言語について全くの無知なので、出来ることと出来ないことが分かりません。 以下のことが出来そうか教えていただけると幸いです。 画面の特定の位置が白色になったら「効果音A」を鳴らす。 もし出来そうであればザックリで良いのでどのように作れば良いか教えていただけると助かります。 宜しくお願い致します。
質問日時: 2022/05/16 20:19 質問者: aska茶
解決済
1
0
-
ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で
ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの 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
質問日時: 2022/05/11 11:01 質問者: hayosato
ベストアンサー
1
0
-
①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ
①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取った情報を確認表示画面で表示して、さらに、「javascriptで同意のチェック」に同意して、ボタンをクリックしたら、情報が送信完了画面に送信されるようになっているのですが、「同意しない」に チェックを入れて、ボタンをクリックすると、勝手に送信してしまいます。 これを阻止したいのですが、どうしたらよいでしょうか? 提示コードは②の確認表示画面コードです。 画像付きのボタンです。formタグ内にonsubmit="return false"を追加すると、 ボタンが反応しないです。 <?php session_start(); if(isset($_SESSION['name'])){ $age = $_SESSION['age']; $_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(48)); $token = htmlspecialchars($_SESSION['token'], ENT_QUOTES); ?> <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> </style> </head> <body> <form action ="LPmouth-completion-screen1.php" method ="post" name="doui_form"> <input type ="hidden" name ="token" value ="<?php echo $token ?>"> <div class="row"> <label class="col-sm-2 control-label" for="name">名前:<small><?php echo $name; ?></small></label> </div> <div class="radio_text"> <section> <label class="radio_text"> <input type="radio" name="doui" value="suru" checked>同意する </label> <label class="radio_text"> <input type="radio" name="doui" value="shinai">同意しない </label> </section> </div> <div class="auto-style1"> <!--ボタンの画像--> <button type="submit" id="soushin" name="submit" class="auto-style4" value="submit"> <img src="image2/25mouth.png" alt="確認画面へ" class="example8"/></button> </div> <script> //ボタンをクリックした時に同意しないを選択した時にエラーを発生させる var doui = document.getElementById('soushin'); doui.addEventListener('click', function() { if (document.doui_form.doui.value != "suru") { alert("同意してください。"); } else { document.doui_form.submit(); } }) </script> </form> </body> </html>
質問日時: 2022/05/10 16:45 質問者: hayosato
ベストアンサー
2
0
-
カラーミーショップのsectionループ内で、[引数][戻り値]ありの関数的な処理を行いたいです。
カラーミーショップの共通テンプレート内に関数を設置したいです。 SmartyかJavascriptのどちらかでお願いします。 1)共通テンプレート内のsectionループ内から呼び出す 2)function_name(引数) ※引数はURLでループが回る毎に変化する 3)関数は引数(URL)の一部を抜き取って戻り値として返す 4)呼び出し元のsectionループ内では、関数の戻り値を使って新たなURLを作って処理をする 5)戻り値の戻し方はsectionループ内で利用できれば何でも良い 実際には、関数を作らなくてもカラーミーショップのsectionループ内で文字列操作して上記の処理ができればそれで良いです。 なにとぞよろしくお願いいたします。m(__)m
質問日時: 2022/05/07 19:39 質問者: tadahyou
解決済
1
0
-
useStateの分割代入について
教えてください。プログラミング初心者です。 Reactで以下の構文がありますが、 分割代入と書かれているサイトによく書かれています。 但し、分割代入のイメージ、動きが解りません。 動きとしては、 ReactのライブラリであるuseStateで、この構文が書かれているコンポーネント内に保持している値を第1引数から取得?して(初回は第1引数のみ利用)、それ以降は更新されている設定値を同じ第1引数から得て、第2引数の関数でuseStateに持っている引数値で更新するという理解でよろしいでしょうか? const [state, setState] = useState(initialState);
質問日時: 2022/05/06 10:02 質問者: ymoshimoshi
解決済
1
0
-
TypeScriptとNode.js
TypeScriptとNode.jsはどちらを先に勉強した方がいいですか?JavaScriptの基本的なことは学習済みです。
質問日時: 2022/05/04 16:29 質問者: オバケイ
解決済
1
0
-
ifreamをリロードしたい
2つのインラインフレームがあって、片方はidがgform のGoogleフォーム、もう片方はidがhoge のframe.htmlというファイルが埋め込んであります(実際はローカルファイルにはしない予定)。 このとき、Googleフォームを送信したらframe.htmlがスーパーリロードされるよう、gformのonload属性にdocument.getElementById("hoge").contentWindow.location.reload(true);を指定したのですが実行されませんでした(alertなどは実行されました)。 どうやったら上のようにできますか?このでしゃばりな初心者にどうかお教えください。 ————- gformのonload属性 onload="alert('Hello');document.getElementById('hoge').contentWindow.location.reload(true);alert('Aloha');" このとき、Helloというポップアップは出るが、Alohaというポップアップは出ない。 (知恵袋にも同じ質問をしています。マルチポストですがどうかお許しください)
質問日時: 2022/05/03 16:15 質問者: kikikikikikikikik
解決済
1
0
-
【jquery】EasyUIのSubGridにMySQLのテーブルデータを表示&編集にしたい
DBはサーバーサイドなのでPHPで呼び出して、js側で受け取ることになるかと思いますが、 それをどうdata:[]の中に入れて、動的生成&CRUD処理させるのか全く見当がつきません。 ※別途質問させていただいていますが、data:[]内でForが使えないため 配列データが展開できないといった状態です。 ヒントだけでも構いませんので 解決につながるような情報を教えていただけますと幸いです。 <script> var conf = { options:{ }, subgrid:{ options:{ fitColumns:true, foreignField:'companyid', columns:[[ {field:'test_column1',title:'Column1',width:200, editor: 'text'}, {field:'test_column2',title:'Column2',width:200, editor: 'text'}, {field:'test_column3',title:'Column3',width:200, editor: 'text'}, {field:'test_column4',title:'Column4',width:200, editor: 'text'}, {field:'test_column5',title:'Column5',width:200, editor: 'text'}, {field:'test_column6',title:'Column6',width:200, editor: 'text'} ]], data:[ //ここに読み書き可能なMySQLのテーブルデータを表示 ] }, } }; $(function(){ $('#dg').datagrid({ title:'DataGrid - Nested SubGrid' }).datagrid('subgrid', conf); }); </script>
質問日時: 2022/05/02 13:10 質問者: post19910524
解決済
5
0
-
EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について
EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列をSubGrid内に展開する方法が知りたいです。 以下のコードを利用していますが data:[]内ではforを回せないため、arrというObjectに入っている連想配列がすべて取り出せません。 arr[0]など行を指定すれば取れますが、これだと1行しか取れないため 全てを取り出す方法が知りたいです。 <table> <tr><td>a1</td><td>a2</td><td>a3</td><td>a4</td><td>a5</td><td>a6</td></tr> <tr><td>b1</td><td>b2</td><td>b3</td><td>b4</td><td>b5</td><td>b6</td></tr> <tr><td>c1</td><td>c2</td><td>c3</td><td>c4</td><td>c5</td><td>c6</td></tr> </table> <script> var arr = []; var obj = {}; //テーブルの値をObject配列に格納する $("tr").each(function(i){ obj = new Object(); $(this).children().each(function(j){ obj['test_column' + j] = $(this).text(); }); arr.push(obj); }); var conf = { options:{ }, subgrid:{ options:{ fitColumns:true, foreignField:'companyid', columns:[[ {field:'test_column1',title:'Column1',width:200, editor: 'text'}, {field:'test_column2',title:'Column2',width:200, editor: 'text'}, {field:'test_column3',title:'Column3',width:200, editor: 'text'}, {field:'test_column4',title:'Column4',width:200, editor: 'text'}, {field:'test_column5',title:'Column5',width:200, editor: 'text'}, {field:'test_column6',title:'Column6',width:200, editor: 'text'} ]], //data:[]の配列内でforは回せないため、以下だとエラーになる data:[ for (let i = 0; i < arr.length; i++) { arr[i]; } ] }, } }; $(function(){ $('#dg').datagrid({ title:'DataGrid - Nested SubGrid' }).datagrid('subgrid', conf); }); </script> 【元となったEasyUIのコード】 https://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=metro-blue&dir=ltr&pitem=SubGrid&sort=asc どうがよろしくお願いいたします。
質問日時: 2022/05/02 11:21 質問者: post19910524
ベストアンサー
1
0
-
Javascript の配列の削除 (初心者)
0000 〜 9999 までの 10000 通りの配列から、 この各数列の中で、任意の数字を 1 つ決め、1 つ以上の同じ数字がある場合、 例えば 6 とします。その場合、6679 や 6669 、 6666 などなどを削除したい場合。 どのようなロジックを書けば良いですか ? そもそも 10000 通りの配列って簡単に生成することはできますか ? わかる方、教えてください !
質問日時: 2022/05/02 11:12 質問者: unlogic80
ベストアンサー
4
0
-
指定時間になったら、WEBサイトの更新を自動で行うには…?
タイトル通りなのですが、色々と調べてみたのですがいまいちわからないといいますか、色々な方法もあるようで混乱しています。 お詳しい方アドバイスを頂けないでしょうか? ※カテJSにしていますがよくわからなく、何卒ご了承願います。 行いた事とはといいますと、index.htmlに表示される内容を変更したいという事になります。 調べた内容によると、時間になったら、index.htmlを準備していた、updata.htmlに丸ごと変えてしまうパターン。これはCRON??というもので更新を掛けるという内容でした。。 他には、ページ内の一部、 if(この時間まではこれを表示){ <body>~</body> } elseif (この時間になったらこの内容に変更){ <body>内容が変更になってます!</body> } の様にページの一部をifなどで変更するような指定の参考を拝見いたしました。 しかしながら、いまいちわからず…。 もし可能であれば、CRON使わずに、まずはifとかで表示・非表示などを時間で切り替えできればと思うのですが、可能でしょうか? ※もし可能でありましたら、どういった方法で時限の切り替えを行うのが良いかアドバイスありましたらお願いいたします。CRONの方がいいよという事であればそちらで検討いたします。 簡単なPHPやjavascriptは何とか対応できると思います。 お詳しい方、アドバイスを頂けますと幸いです。 宜しくお願いいたします。
質問日時: 2022/04/28 22:14 質問者: yuyukina
解決済
3
1
-
htmlとcssで分数を表示後、分数の右側に文書を書きたい
<style> .fraction{ display: inline-block; vertical-align: middle; text-align: center; } .fraction_n,.fraction_d{ display: block; } .fraction_n{ border-bottom: 1px solid #333; } span{ margin-left: 5px; margin-right: 5px; } </style> <span class="fraction"> <span class="fraction_n"> 2 </span> <span class="fraction_d"> 4 </span> </span> で、分数「2/4」が表示されますが、分数の右に「を約分します。」と表示させるにはどうすれば良いのでしょう。html、cssは初心者です。よろしくお願いします。
質問日時: 2022/04/28 10:09 質問者: nebokken
ベストアンサー
1
1
-
入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして
入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして、アラートを出したいです。 下記のコードはメールアドレスの入力フォームのコードで、入力欄が空の時にボタンをクリックすると、アラートによるエラー表示がでるようになっています。これを、このフォームをさらに 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして、アラートを出したいです。 どうコードを書いたら良いでしょうか? 回答よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="mouthlp.css"> <title></title> <style> /* 入力フォームの位置 */ .auto-style1 { text-align: center; } </style> </head> <body> <!--javaによるエラー表示のためid="form"を追加--> <form action="LPmouth1.php" method="post" id="form"> <div class="auto-style1"> <p class="tel-titile"> メールアドレス:※ </p> <input type="text" class="email" name="email" id="email" value="" /> </div> <div class="auto-style1010"> <!--classを2つ追加 example8、画像の大きさ指定 button-simple yureru-sは左右に動くアニメーション--> <button type="submit" id="submit" name="submit" class="auto-style40" value="submit"> <img src="image/25mouth.png" alt="確認画面へ" class="button-simple yureru-s example80" /></button> </div> </form> <div class="kuuhaku30"></div><!--空白の設定--> <script> // javaでエラーメッセージの表示 const key = 'date_key'; const form = document.querySelector('#form'); const email = document.querySelector('#email'); form.addEventListener('submit', function(event) { let msg = ""; if (email.value == "") msg += "メールアドレスが入力されていません。\n"; if (msg != "") { event.preventDefault(); alert(msg); } }); form.addEventListener('change', function() { if (email.value != "") sessionStorage.setItem('email', email.value); }); email.value = sessionStorage.getItem('email'); </script> </body> </html>
質問日時: 2022/04/27 16:06 質問者: hayosato
ベストアンサー
2
0
-
[Java] Edgeでのアドレスバー非表示について
こんにちは 会社にて、先人の作成したjavaシステムの管理を行っている者です。 私自身、あまりjavaに詳しくないので、 文言等がおかしい場合はご了承ください。 現在、弊社のjavaシステムはIEで動作しており URLを指定して呼び出した「ログイン画面」にIDをPassを入力し ボタンを押すと「メニュー画面」が別ウィンドウで起動する仕組みです。 この「メニュー画面」の起動はjspにて「window.open」を用いて実施しており 引数を"location=0"にしているため、IEではアドレスバーが表示されることがありません。 しかし、IEのサポート終了に伴いEdgeでの動作を行うこととなりました。 現在EdgeのIEモードで起動し動作検証を行ったところ、 動作自体は問題が無いのですが、 「メニュー画面」にアドレスバーが表記されてしまいます。 調べたところ「window.open」ではEdgeでのアドレスバーを非表示にすることが できないようです。 ショートカットアイコンを作成すると問題無いのですが 「ログイン画面」のURLをお気に入り登録しているユーザーもいるため この方法が使えません。 ショートカットも「window.open」も使わず、 「window.open」と同様にサブ画面にて「メニュー画面」を起動する方法があれば ご教示頂けないでしょうか。 言葉足らずなところもあるかと存じますが、 よろしくお願い申し上げます。
質問日時: 2022/04/20 17:51 質問者: nanigashi7
ベストアンサー
3
0
-
JAVASCRIPT
PERLの中にJAVESCRIPTがあり、PERLの共通変数を呼びたい。どうしたらよいですか?${STR_CHANGEPASSWD_CHEC}と${STR_HALF_WIDTH_CHECK};を読みたい。 <script type="text/javascript" language="JavaScript"> <!-- function input_check(){ var num = document.f1.pwd_man.value; if (num != "") { if(!isNaN(num)){ alert(" . ${STR_HALF_WIDTH_CHECK}; . "); return; } } if(! confirm(" . ${STR_CHANGEPASSWD_CHEC} . ")){return;} move(); } //--> </script>
質問日時: 2022/04/15 15:10 質問者: あっきー126
ベストアンサー
2
0
-
jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt
jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a button type の部分(ライン登録のボタン)クリックすると「お問い合わフォーム」と書いた部分に移動するようになっています。 きちんと起動しますが、問題は、一番下のフッター内の「プライバシーポリシー」という文字をクリックすると、 何故か、画面のTOPに移動してしまいます。この移動を解除したいです。どうしたら可能でしょうか? しかも、フッター内の文字にカーソルを合わせると、cssのsss10の装飾効果が適応されず、 文字の色が青に変化して、下線も表示されてしまいます。☆cssのコードの続きは補足に追加してます。 <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <title>a</title> <!--スムーススクロール起動用bootstrapcdn+jquery--> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://rensyuu12.tokyo/PHPMailer/jquery-3.6.0.min.js"> <style> .auto-style1 { text-align: center; } </style> </head> <body> <div class="auto-style1"> <!--クリックしたらスムーススクロール開始a href="5"--> <a button type="submit" id="submit" name="submit" class="auto-style4" href="#5"> <img src="25mouth.png" alt="確認画面へ" class="button-simple yureru-s example8" /></a> </div> <!--スムーススクロール到達点href="#index" id="5"--> <div class="title5" href="#index" id="5"> <span> ※お問い合わフォーム </span> </div> <form action="" method="post"> <div class="auto-style1"> <input type="text" class="name" name="name" id="name" value=""/> </div> </form> <div class="center14"> <img src="45mouth.png" alt="[写真]" class="example0016"> </div> <!--プライバシーポリシー--> <footer> <small><a href="" class="sss10"><span>プライバシーポリシー</span></a></small> </footer> <script> //スムーススクロール用のコード $(function(){ // #で始まるリンクをクリックした場合にスムーススクロール発動 $('a[href^="#"]').click(function() { // スクロールの速度 let speed = 820; // スクロールタイプ let type = 'swing'; // href属性の取得 let href= $(this).attr("href"); // 移動先の取得(hrefが#indexならトップ$(html)に、) let target = $(href == "#index" ? 'html' : href); // 移動先のポジション取得 let position = target.offset().top; // animateでスムーススクロール $('body,html').animate({scrollTop:position}, speed, type); return false; }); }); </script> </body> </html>
質問日時: 2022/04/14 10:59 質問者: hayosato
ベストアンサー
2
0
-
JAVASCRIPT
JAVASCRIPT内にwindow.confirmの中にPHPを入れたい。どうしたらいいでしょうか? <script> function onClickSave() { if(document.form.reportValidity() && window.confirm('<?php echo $PASSSWRD_CHANGE[STR_PASSWD_UPDATE] ?>)'){ document.form.submit(); } } </script>
質問日時: 2022/04/13 09:40 質問者: あっきー126
ベストアンサー
1
0
-
SQLでデータベースから返ったデータのJSON形式生成について
教えてください。プログラミング初心者です。 SQLでデータベースから取ってきたレコードの中でどのようにしてkeyとvalueにしてJSON形式のファイルに生成するのでしょうか?どの値?をkeyにして使うのでしょうか? Javascript(nodejs)のサンプルコードが有ればおしえていただけないてしょうか?
質問日時: 2022/04/06 12:25 質問者: ymoshimoshi
解決済
1
0
-
json形式データのデータ連携について
教えてください。プログラミング初心者です。 よくAPI連携でフロントエンドがバックエンドからjson形式のデータを取得するという説明がよく有りますが、json形式のデータ構造自体はサンプル等で分かるのですが、バックエンドがどのようにしてそのjson形式のデータを生成して、フロントエンドがデータをどのように取り込んでいるかイメージできるものがあれば教えていただけないでしょうか。図解があればいいのですが。
質問日時: 2022/04/05 23:01 質問者: ymoshimoshi
ベストアンサー
4
0
-
HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文
HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文字を表示する方法を 教えて頂けないでしょうか? 宜しくお願いします。
質問日時: 2022/03/31 23:35 質問者: hola-
ベストアンサー
3
0
-
ラジオボタンによるフォームの開閉を行いたい
お世話になります。PHPでフォームを作っているのですが、分からないことあり質問させて頂きます。 お申込みフォームを作っており、個人の場合と法人との場合で入力してもらう内容が異なる部分がございます。 デフォルトでチェックされているラジオボタンは「個人」とし、その状態で表示されているフォームはお名前とE-Mailだけにしたく、「法人」をチェックすると会社名というフォームが表示されるようにしたいと考えています。 また、フォームに入力を行い送信ボタンを押したとき(POSTしたとき)、入力した内容に不備があった場合、登録へは進まず、入力し直すよう促したいのですが、この時、法人へとチェックが入っていたら会社名のフォームを出した状態で表示させたいと考えています。 この仕組みを実現したく、検索をしているものの知識が乏しく適切なワードが不明なためにこのような内容を説明しているサイトにたどり着けません。 恐れ入りますが、上記を実装するためにはどのようなワードが適切なのでしょうか? ご教示ください。 よろしくお願いいたします。
質問日時: 2022/03/31 21:30 質問者: a4_chapp
ベストアンサー
3
0
-
html5に変えるとスライドショーが消えてしまった。
~head~--------------------------------------------- <!DOCTYPE html><html lang="ja"> <head> memo帳タグうちして作成したホームページです。 下記のように記載して動いていたスライドショーが、 バージョンアップしようと思い、headを上記にかえると表示されず、代替もなく詰まって表示されます。(body内もすべてhtml5仕様に変更) headを下記に変えるとスライドショーが表示されます。 根本的なことなのだと思うのですが、html5で表示したいのですが、どこをどう直せばよいのか困っております。 ご教授いただけるとありがたいです。 よろしくお願い致します。 ~head~--------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml" lang="ja-JP" xml:lang="ja-JP"> <head> ~html~--------------------------------------------- <div class="viewer"> <ul> <li><img src="image/fl01.jpg" alt="画像"></li> <li><img src="image/fl02.jpg" alt="画像"></li> <li><img src="image/fl03.jpg" alt="画像"></li> </ul> </div> ~CSS~-------------------------------------------- .viewer { margin: 0 auto; width: 100%; position: relative; } .viewer ul { width: 100%; overflow: hidden; position: relative; } .viewer ul li { width: 100%; position: absolute; } .viewer ul li img { width: 100%; } ~js~----------------------------------------- $(function(){ var $setElm = $('.viewer'), fadeSpeed = 1500, switchDelay = 5000; $setElm.each(function(){ var targetObj = $(this); var findUl = targetObj.find('ul'); var findLi = targetObj.find('li'); var findLiFirst = targetObj.find('li:first'); findLi.css({display:'block',opacity:'0',zIndex:'99'}); findLiFirst.css({zIndex:'100'}).stop().animate({opacity:'1'},fadeSpeed); setInterval(function(){ findUl.find('li:first-child').animate({opacity:'0'},fadeSpeed).next('li').css({zIndex:'100'}).animate({opacity:'1'},fadeSpeed).end().appendTo(findUl).css({zIndex:'99'}); },switchDelay); }); });
質問日時: 2022/03/26 19:53 質問者: chaチャチャ
ベストアンサー
3
1
-
Javasclipt(JSファイル)の内容をHTML(ブラウザ)に出力したいです
Javasclipt(JSファイル)で if文の論理演算子を使った条件式でconsole.logに出力した内容をHTML(ブラウザ)に出力したいのですが、どのような記述をすればいいのでしょうか? 出力はボタンをクリック(イベントリスナー:onclick使用)をしたときに表示するようにしたいです。 どなたか教えていただけると助かります。どうぞよろしくお願い致します。
質問日時: 2022/03/13 20:01 質問者: こもたん
ベストアンサー
2
0
-
JavaScriptの空欄に埋めるものが何かが分かりません。
下記のJavaScriptの問題なのですが、①~⑤までを埋めたいのですが分かりません。 このコードは、「名前」・「問い合わせ内容」・「パスワード」が空欄のままフォーカスや送信が押された場合に文字枠を赤枠で表示させるというものです。 ①必須項目にしたクラス ②フォーカスが外れた際に発動するイベント ③クラス解除 ④クラス付与 ⑤赤枠にするのでcssで定義 ※下記記載のコードたちはいじらないで作成できればありがたいです。 JavaScriptはそのままで、HTMLやCSSが修正したほうが容易であれば、修正も可能です。 ~HTML~ <form> <div class="form-item"> <p>名前:</p> <input class="entry-field" type="text" name="name" placeholder="名前を入力してください" required> </div> <div class="form-item"> <p>問い合わせ内容:</p> <textarea class="entry-field" rows="5" name="inquiry" required></textarea> </div> <div class="form-item"> <p>パスワード:</p> <input class="entry-field" type="password" name="pass" placeholder="Enteer password." required> </div> <p></p> <button class="btn-flat-border" type="submit">送信</button> <button class="btn-flat-border" type="reset">リセット</button> </form> ~CSS~ [data-invalid]:invalid{border:solid 1px red;} ~JavaScript~ $(function (){ $("①").on("②", function() { if ($(this).val()) { $(this).③("⑤"); } else { $(this).④("⑤"); } }); });
質問日時: 2022/03/10 21:06 質問者: さくりか
解決済
1
0
-
子windowsからsubmit()後にclose()を実行するとsubmit()が起動しないが発生
子windowsからsubmit()後にclose()を実行するとsubmit()が起動しないが発生 ①function ok()でclose();を実行すると、submit();が実行されない、子windowはcloseされる ②function ok()でclose();をコメント化、submit();が実行されるが、子windowはcloseされない ③期待値は submit();が実行され、子windowはcloseされる 下記の3ファイルからなるアプリケーションにおいての 具体的な解決方法をお知らせください //--HTML文 ファイル名(GZ.htm)---------------------------------------- <html><body> <meta http-equiv=Content-Type content='text/html; charset=Shift_JIS; '> <script src=GZ.js></script> <form name=myform action='GZ.cgi' method='post'> <input type=hidden name=Htm value='HTM'> <center> <a onClick=CmdBox()><!--フォーム送信時CmdBox関数を定義する--> <img src='img.jpg' height=150><br> img.jpg </a> </form></body></html> //--script文 ファイル名(GZ.js)--------------------------------------- function ok(){alert("ok(0:"); // close(); //コメントアウトしないとsubmit()が起動されなう document.all("myform").submit(); } function can(){alert("can(0:"); close(); //自身windowのクローズ(正常動作) } function CmdBox(){//コマンドボックスを表示する Dialog_win=window.open( '表示','Dialog_win','width='+50+',height='+50+',left='+50+',top='+250); Dialog_win.document.write('<html><body>' +"<"+"script src=GZ.js><"+"/script>" +"<meta http-equiv=Content-Type content='text/html; charset=Shift_JIS;'>" +"<form name=myform action=GZ.cgi method=post>" +"<input type=hidden name=Htm value='HTM'>" +"<center>コマンドボックス<br><br>" +"<input onClick='ok();' type=button value=回転>" +"<input onClick='can();' type=button value=キャンセル>" +'</form></body></html>' ); } //--perlによるCGI文 ファイル名(GZ.cgi)------------------------------ #!/usr/local/sbin/perl use Cwd; #use Win32;Win32::MsgBox("GZ.cgi=".cwd()); read(STDIN,$read_STDIN,$ENV{'CONTENT_LENGTH'}); open STDERR," >","GZ.log"; print STDERR "GZ.cgi:cwd()=".cwd()."\n\$read_STDIN=\n$read_STDIN\n"; #$read_STDINの内容による個々の処理、画像回転等 $l=1;print STDOUT $STDOUTstr="<!DOCTYPE html>\n" ."<html>\n" ."<head>\n" ."<meta http-equiv='Content-Type' content='text/html; charset=Shift_JIS;'>\n" ."<meta http-equiv='refresh'content='0;url=GZ.htm'>\n" ."</head>\n" ."</html>\n"; close STDOUT; print STDERR $STDOUTstr; close STDERR;
質問日時: 2022/03/08 11:04 質問者: 永友和徳
解決済
3
0
-
JavaScriptで、selectの選択肢で表示内容を変える
以下のように選択内容によって表示内容を変更するJavaScriptを作っているのですが、 以下(1)のradioでは動作しますが、以下(2)のselectが動作しません。 どこが悪いのでしょうか? <HTML> <script language="JavaScript"> <!-- function VISIBLE(idName,objCheckbox){ document.getElementById(idName).style.display = 'inline' } function HIDDEN(idName,objCheckbox){ document.getElementById(idName).style.display = 'none' } --> </script> (1),radio<br> <input type="radio" onClick="VISIBLE('S1',this);HIDDEN('S2',this);" >1を表示<br> <input type="radio" onClick="VISIBLE('S2',this);HIDDEN('S1',this);" >2を表示<br> <br> (2),select<br> <select> <option onClick="VISIBLE('S1',this);HIDDEN('S2',this);" >1を表示</option> <option onClick="VISIBLE('S2',this);HIDDEN('S1',this);" >2を表示</option> </select><br> <span ID = "S1" style="display:none;">1<br></span> <span ID = "S2" style="display:none;">2<br></span> </HTML>
質問日時: 2022/02/25 13:57 質問者: workpad30j
解決済
1
0
-
` これなんという名前ですか ?
let targets = document.querySelectorAll(`input[type='checkbox'][name='fruits']`); for (let e of targets) { e.addEventListener(`change`, () => { console.log(e.value, e.checked); }) } 上記の文を見ました。 その中で ` これなんという名前ですか ? 何の為に使ってるかよくわかりません。 特に、 e.addEventListener(`change`これは、 e.addEventListener('change' これで、良いような気もする。
質問日時: 2022/02/24 12:54 質問者: i-d-a-i
ベストアンサー
3
0
-
表と裏がある1枚の画像を回転する、アニメーションのコードを書いているのですが、class=" fli
表と裏がある1枚の画像を回転する、アニメーションのコードを書いているのですが、class=" flip "の部分です。スマホやPCでスクロールして、回転する画像の位置に来たら、画像が回転を始めるようにしたいです。 このソースコードには他にスクロールが文字の位置に来たら丁度右からフェードインするコードjapascriptを書いているのですが、このコードに flipを入れて、スクロールが画像の位置にきたら、同じように動きが 発動するようにできますでしょうか? それとも無理でしょうか? どうコードを書いたらよいでしょうか? <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <title></title> <script src="jquery-3.6.0.min.js"></script> <style> </style> </head> <body> <!--アニメーション 表と裏の画像の回転--> <div class="flip"> <img src="5mouth.png" alt="" id="sumaho3" class="front"><!--表の画像--> <img src="5mouth.png" alt="" id="sumaho6" class="back"><!--裏の画像--> </div> <!--この位置でスクロールされたら右にフェードインする--> <div class="slide-right show"><p>あいうえお </p> </div> <script> //フェードイン用のコードです $(function(){ $(window).on('load scroll', function() { $(".show").each(function() { var winScroll = $(window).scrollTop(); var winHeight = $(window).height(); var scrollPos = winScroll + (winHeight * 0.9); if($(this).offset().top < scrollPos) { $(this).css({opacity: 1, transform: 'translate(0, 0)'}); } }); }); }); //フェードイン用のコードはここまでです </script> </body> </html> ●●●cssのコード /* 画像にアニメーションを設定 表と裏の画像の回転 */ .flip { width: 1em; height: 1em; margin-bottom: 1em; animation: flip 2s linear ;/* アニメーション回転...Sの秒数で終了する */ transform-style: preserve-3d; font-size: 5em; } @keyframes flip { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } .front, .back { position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .back { transform: rotateY(180deg); } /* フェードイン用のCSS */ /* 右からフェードイン */ .slide-right { opacity: 0; transform: translate(20px, 0); transition: all 1s ease-out; }
質問日時: 2022/02/22 08:54 質問者: hayosato
ベストアンサー
1
0
-
【javascript】ボタンクリック後にボタン部分の文字列を変更したい
初心者質問で申し訳ないです。以下、ボタンをクリックした際に、alertを出さずに、ボタン部分を「完了」と表示するようにするにはどのようにすればいいでしょうか?(alert部分を削除するのは分かりますが…) <input id="copyTarget1" type="text" value="コピー内容" readonly="readonly" /> <button onclick="copyToClipboard(1)">コピー</button> <script> function copyToClipboard(index) { var copyTarget = document.getElementById("copyTarget" + index); copyTarget.select(); document.execCommand("Copy"); alert("コピーしました"); } </script>
質問日時: 2022/02/18 22:34 質問者: nukokok
ベストアンサー
1
0
-
javascript入力チェック
テキストボックスやラジオボタン、リストボックスが選択されているかチェックするプログラムを教えてください 下記はチェックボックスのコードです <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/javascript"> function butotnClick() { if(document.f1.check1.checked || document.f1.check2.checked || document.f1.check3.checked || document.f1.check4.checked || document.f1.check5.checked || document.f1.check6.checked || document.f1.check7.checked){ document.f1.submit(); }else{ alert('曜日をチェックしてください'); } } </script> </head> <body> <form name="f1"> <input type="checkbox" name="check1" /> <input type="checkbox" name="check2" /> <input type="checkbox" name="check3" /> <input type="checkbox" name="check4" /> <input type="checkbox" name="check5" /> <input type="checkbox" name="check6" /> <input type="checkbox" name="check7" /> <input type="button" value="設定" onclick="butotnClick()" /> </form> </body> </html>
質問日時: 2022/02/11 06:04 質問者: 39OK
解決済
3
0
-
JAVASCRIPT
JAVASCRIPTでチェックボタンがチェックされなかったら、無効になる処理を教えてください。 <script> function butotnClick(){ if(check1.checked || check2.checked || check3.checked || check4.checked || check5.checked || check6.checked || check7.checked){ }else{ alert('曜日をチェックしてください'); document.f1.submit(); } } </script> <input type="button" value="設定" onclick="butotnClick()" />
質問日時: 2022/02/07 10:08 質問者: あっきー126
ベストアンサー
1
0
-
PHP
Javascriptで曜日が全部ない場合、エラーでとめて処理をとめたい。どうしたらいいか? <script> function butotnClick(){ if(check1.checked || check2.checked || check3.checked || check4.checked || check5.checked || check6.checked || check7.checked){ }else{ alert('曜日をチェックしてください'); //stop(); return; } } </script>
質問日時: 2022/02/04 14:37 質問者: あっきー126
ベストアンサー
1
0
-
ポップアップの内容を切り替え
JavaScriptでポップアップ(モーダル)の内容を「次へ」「戻る」で切り替えるようにしたいのですが、これはタブの切り替えと同じ書き方をすれば可能なのでしょうか?
質問日時: 2022/02/04 05:09 質問者: あああああaaaa
解決済
1
0
-
ブックマークレット を作りたいです。 自分がよく利用しているサイト、サービスをよ 便利に利用するため
ブックマークレット を作りたいです。 自分がよく利用しているサイト、サービスをよ 便利に利用するためにブックマークレット に興味を持ちました。 どういった内容を勉強すれば良いのか 何から手をつけたら良いのか 分からずこちらに質問させていただきました。 どなたか教えていただけませんでしょうか。 よろしくお願いいたします。
質問日時: 2022/01/31 22:46 質問者: moxa
解決済
2
0
-
reactを利用できるnode.jsのバージョンは14.0.0以上なんですか
reactを利用できるnode.jsのバージョンは14.0.0以上なんですか? 現在node.jsのバージョンはv12.22.9を利用しています これでnpx create-react-app プロジェクト名を実行すると node.jsが14.0.0以上である必要があるというメッセージがでます。 node.jsのバージョンを変更せずreactのバージョンを古いもので対応するようにするには どうしたいいでしょうか。node.js v12.22.9に対応するreactプロジェクトの作成方法を教えてください
質問日時: 2022/01/29 16:36 質問者: 39OK
解決済
1
0
-
JAVASCRIPT
複数のチェックボックスでどこにもチェックがはいっていない場合にエラーを流すJAVASCRIPTのやり方を教えてください。
質問日時: 2022/01/26 09:22 質問者: あっきー126
ベストアンサー
3
0
-
【大至急!!!】HTMLのjavascriptで音を出したいのですが、音が出ません。この方の動画を参
【大至急!!!】HTMLのjavascriptで音を出したいのですが、音が出ません。この方の動画を参考にしても鳴りません。 原因をネットで調べても技術的過ぎて分かりませんでした。 https://youtu.be/_f4MNtvMGDU どうしたらできますか? 分かる方、分かりやすく教えて頂けると大変幸いです。すみませんが宜しくお願いします。
質問日時: 2022/01/22 22:53 質問者: グラビティフォールズの専門家
解決済
1
1
-
JSONファイルの置き場所について
現在javaScriptの勉強でJsonファイルのデータをjavaScriptで読み込む 勉強をしているのですがJsonファイルってどこに配置すればいいんですか 1台のパソコンにJSONファイルをおいてそのパソコン内でjavascriptから 配置したJSONファイルを取得できればいいなと思っています。 JSONファイルの置き場所ってapacheとかのWEBアプリやJSONファイルをダウンロード するJAVAのサーバーサイドプロジェクトがないと実現できないのでしょうか JSONファイルをクライアントマシンからデータを取得するためのJSONファイル配置 環境を教えてください。
質問日時: 2022/01/22 21:40 質問者: 39OK
解決済
1
0
-
javaで、色が変わったマスをクリックすると100点加算されていくというゲームを作っています。 ここ
javaで、色が変わったマスをクリックすると100点加算されていくというゲームを作っています。 ここまではできたのですが、連続で成功するたびに100点、200点と加算される点数が増えていくようにしたいです。 function isTouched(x, y) { if (map[y][x] == 1) { map[y][x] = 0; score += 100; highScore = score > highScore ? score : highScore; return true; } else { score -= 100; return false; } } ここからどうしたらうまくいくでしょうか?
質問日時: 2022/01/22 02:55 質問者: やまう
ベストアンサー
1
1
-
java ゲーム作り 初心者
javaで、色が変わったマスをクリックすると100点加算されていくというゲームを作っています。 ここまではできたのですが、連続で成功するたびに100点、200点と加算される点数が増えていくようにしたいです。 function isTouched(x, y) { if (map[y][x] == 1) { map[y][x] = 0; score += 100; highScore = score > highScore ? score : highScore; return true; } else { score -= 100; return false; } } ここからどうしたらうまくいくでしょうか?
質問日時: 2022/01/22 01:22 質問者: やまう
ベストアンサー
1
1
-
TypescriptのJavascriptへのコンパイル変換について
教えてください。 Typescriptでプログラム書いたものをコンパイルして見た時に普通のjavascriptと見た感じ変わらないと書かれている記事がありましたが、そうすると何が違うのでしょうか? コンパイルかけられているものはやはり型制御しているのでしょうか?
質問日時: 2022/01/21 16:07 質問者: ymoshimoshi
解決済
2
0
-
Processing初心者の学生です。 今、『画面を4分割し、それぞれの画面をマウスでクリックすると
Processing初心者の学生です。 今、『画面を4分割し、それぞれの画面をマウスでクリックすると赤→緑……の画面を繰り返す』という課題が出ていますが、途中でつまづいています。 具体的に、上から1、4番目は正常に動くのですが、真ん中の2、3番目がマウスのカーソルがその画面に触れると真ん中だけ両方画面の色が変わってしまいます。 ⤵︎⤵︎⤵︎⤵︎⤵︎⤵︎⤵︎全体のプログラムです。 int switching = 0; void setup(){ size(800,950); background(255,255,255); mouseY = -1; } void draw() { line(0,0, width,0); if(mouseY>0 && mouseY< 240){ if (switching == 0) { fill(255, 0, 0); } else{ fill(0, 255, 0); } rect(0, 0, width, 240); } line(0,240, width,240); if(mouseY>240 && mouseY< 480){ if (switching ==0) { fill(255, 0, 0); } else{ fill(0, 255, 0); } rect(0, 240, width, 480); } line(0,480, width,480); if(mouseY>480 && mouseY< 720){ if (switching ==0) { fill(255, 0, 0); } else{ fill(0, 255, 0); } rect(0, 480, width, 720); } line(0,720, width,720); if(mouseY>720 && mouseY< 950){ if (switching == 0) { fill(255, 0, 0); } else{ fill(0, 255, 0); } rect(0, 720, width, 950); } } void mousePressed() { switching = switching+1; if(switching >= 2){ switching = 0; } } 説明が分かりずらいですが、原因が分かる方がいたらご回答よろしくお願いしますm(_ _)m
質問日時: 2022/01/19 07:43 質問者: もくず。
解決済
1
0
-
JavaScriptでの、HTML内に表示しているボタンをクリックでイベント実行する方法
現在HTML&CSS、JavaScriptでの構築を行っているのですが、HTML内にボタンを表示して、クリックしてからJavaScriptを実行させたいと考えています。ですが、ボタンクリックの関数などはわかってはいても、どこに書けばいいのかわからず困っています。以下のコード内にボタンをクリックすることでイベント実行できるようなコードの書き方を教えてください。よろしくお願いします。 ※このコード内での実装を考えています。 <!DOCTYPE HTML> <html lang="ja"> <head><title>Sample</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> #selects select { width:9em; margin-right:1em; } </style> </head> <body> <div id="selects"></div> <div><ol id="result"></ol></div> <script> { const placeData = [ { title: '市', item: [ {name:'A市', location:[ { lat:0, lng:0, subname:'物件1', image:'a.jpg'}, { lat:100, lng:30, subname:'物件2', image:'b.jpg'} ]}, {name:'B市', location:[ { lat:0, lng:70, subname:'物件4', image:'d.jpg'}, { lat:100, lng:100, subname:'物件5', image:'e.jpg'} ]} ]}, { title: 'スパ', item: [ {name:'スパ1', location:{ lat:10, lng:10}}, {name:'スパ2', location:{ lat:90, lng:90}} ]}, { title: 'コンビニ', item: [ {name:'コンビニ1', location:{ lat:20, lng:10}}, {name:'コンビニ2', location:{ lat:80, lng:90}} ]}, { title: '病院', item: [ {name:'病院1', location:{ lat:30, lng:20}}, {name:'病院2', location:{ lat:70, lng:80}} ]} ]; const selects = [], wrap = document.getElementById('selects'), result = document.getElementById('result'), Checker = () => !selects.some( e => e.selectedIndex == 0 ), Clear = () => { result.innerHTML = ''; }, Distance = (p, q) => Math.sqrt(Math.pow(p.lat-q.lat,2)+Math.pow(p.lng-q.lng,2)), SumDist = (p, a) => a.map( e => Distance(p, e)).reduce((s, e) => s + e, 0), CalcList = () => { const ps = selects.map((e, i) => placeData[i].item[e.selectedIndex-1].location); const p = ps.shift(); return p.map( e => [ SumDist(e, ps), e ] ); }, DispList = () => { const list = CalcList(); list.sort( (a, b) => a[0] - b[0] ); for(let i=0; i<Math.min(list.length, 3); i++){ const html = `<li>${list[i][1].subname} <img src="${list[i][1].image}" /> <small> (${list[i][0].toFixed(2)})</small></li>`; result.insertAdjacentHTML('beforeend', html); } }, Initialize = () => { for (let p, i = 0; p = placeData[i++];) { let html = `<select><option value="">--${p.title}を選択--</option>`; p.item.forEach((d, j) =>{ html += `<option value="${j}">${d.name}</option>`; }); wrap.insertAdjacentHTML('beforeend', html + '</select>'); selects.push(wrap.lastElementChild); } }; Initialize(); wrap.addEventListener( 'change', e =>{ Clear(); if (Checker()) DispList(); }); } </script> </body> </html>
質問日時: 2022/01/18 18:43 質問者: programanman
解決済
1
0
-
Javascript のバージョン
Javascript は毎年バージョンアップしているように思っていますが、 これまでにどんな種類があるんですか ?
質問日時: 2022/01/18 18:10 質問者: i-d-a-i
解決済
1
0
-
Google Apps Script で添付ファイル保存時、ファイル名に日時を追加したい
はじめまして。 必要に迫られて、ネットで検索をしながらGoogle Apps Scriptの勉強を始めたばかりの者です。 特定のメールアドレスの添付ファイルをGoogle ドライブに自動保存する際に、元々のファイル名の後ろに受信日時 yyyymmdd_HH:mm:ss を付けて保存できるようにしたいのですが、ファイル名のリネームの方法がわかりません。 添付ファイルのファイル名・・・○○○.lzh 希望するファイル名・・・○○○_yyyymmdd_HH:mm:ss.lzh 下記のサイト様を参考に重複せずに保存できるようになりました。 https://tonari-it.com/gas-gmail-isstarred-star/ --------------------- var FOLDER_ID = 'XXXXXXXXXXXXXXXXX'; //保存するフォルダ var SEARCH_TERM = 'subject:(添付ファイルテスト) '; function fetchFile(){ var myFolder = DriveApp.getFolderById(FOLDER_ID); //フォルダを取得 var myThreads = GmailApp.search(SEARCH_TERM, 0, 100); //条件にマッチしたスレッドを検索して取得 var myMessages = GmailApp.getMessagesForThreads(myThreads); //スレッドからメールを取得し二次元配列で格納 for(var i in myMessages){ for(var j in myMessages[i]){ if(!myMessages[i][j].isStarred()){ //スターがないメッセージのみ処理をする var attachments = myMessages[i][j].getAttachments(); //添付ファイルを取得 for(var k in attachments){ myFolder.createFile(attachments[k]); //ドライブに添付ファイルを保存 } myMessages[i][j].star(); //処理済みのメッセージにスターする } } } } --------------------- 上記のスクリプトから、ファイル名の後ろに受信日時を付ける方法を教えてください。 宜しくお願いいたします。
質問日時: 2022/01/16 13:24 質問者: swanka_1026
ベストアンサー
1
0
-
配列を作って総当たりで距離を計算して、昇順に配列しなおす方法
現在javascriptでの開発などを行っているのですが、タイトルにもありますように、配列に複数の値を格納し、その後ある値と総当たりで計算を行わせ、昇順に配列しなおすことは可能でしょうか?初学者であり、コードで実装する方法が思いつきません。どなたかお力をお貸しください。よろしくお願いいたします。
質問日時: 2022/01/14 16:45 質問者: programanman
解決済
5
0
-
【急募】選択した物件と施設に応じて、ランキング形式で表示する方法。
どなたかご教授の方よろしくお願いします。。 セレクトボックスを複数個実装し、複数施設と、複数物件情報を含んだ市町村(○○市)を選択した後、ボタンクリックで、物件と複数施設の距離?を計算し、その結果をHTMLに表示(一位:物件1、二位:物件3等)にしたいと考えています。具体的なイメージは以下の通りです。 ○○市セレクトボックスを設置 selectbox1 1市(中にデータとして物件1、物件2,物件3の模擬座標入り) 2市(中にデータとして物件3、物件4,物件5の模擬座標入り) 3市(中にデータとして物件6、物件7,物件8の模擬座標入り) その他セレクトボックス selectbox2: スパ1、スパ2、スパ3 //各選択肢にそれぞれの模擬座標データ入り selectbox3: コンビニ1,コンビニ2 //以下同文 selectbox4: 病院1,病院2 //以下同文 例えば・・・ selectbox1では、1市を選択。 selectbox2では、スパ1、 selectbox3では、コンビニ1、 selectbox4では、病院1を選択したとします。 ボタンクリックで、これらセレクトボックスの値を取得し、物件1とスパ1,物件1とコンビニ1,物件1と病院1の数値をそれぞれ計算し、それらを足したものを結果とする&これを物件3まで同様な計算を行い、その結果に応じて、昇順にランキングで表示する実装をしたいと考えています。 ※可能であればよろしくお願いします※ 【ランキング表示に応じて画像も貼るといったことも実装したいと考えています。 (物件1ならa.jpg、物件2なら.jpgなど)】 長々と長文失礼しました。 もし何か伝わらないところがあればなんでも 質問などしていただけると幸いです。 使用言語はHTML&CSS,Javascriptです。初学者なため、この言語を利用しています。 皆さまのご回答の程、お待ちしております。
質問日時: 2022/01/12 23:59 質問者: programanman
ベストアンサー
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【JavaScript】に関するコラム/記事
-
ピンとくる人とこない人の違いは?直感を鍛える方法を心理コンサルタントに聞いた!
根拠はないがなんとなくそう感じる……。そんな「直感がした」という経験がある人は少なくないだろう。ただ直感は目には見えず、具体的な説明が難しいこともあるため、その正体は理解しにくい。「教えて!goo」にも「...
-
中古物件転売時の節税対策にメス?不動産投資家は戦々恐々?元国税が解説
不動産の取引において、土地と建物を一括で売買する場合、土地に消費税はかからないが、建物には消費税がかかる。これを利用して、例えば土地と建物を合計1億円で売る場合、土地の値段を9999万9999円にし、建物を1円...
-
話題の「風呂キャンセル界隈」、お風呂に「入らない」のではなく「入れない」?
皆さんは、「風呂キャンセル界隈(かいわい)」という言葉を聞いたことはあるだろうか。「お風呂に入らない(入れない)人」のことで、最近ネット上などで話題になっているようだ。「教えて!goo」にも、「風呂に入...
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
その要素がjQueryでremove()済みか...
-
GASでチェックボックスを一括offしたい
-
jQueryでシンセサイザーを作ってい...
-
追加ボタンを押した際に ok ボタン...
-
特定の文字列を複数抜き出したいで...
-
jsで質問です。 ボタンが二つ存在し...
-
鍵盤アプリで、スマホの画面に並ん...
-
HTMLでサブフレームから親のスクリ...
-
ボタンを押したあとに画像を表示さ...
-
disabled プロパティが表示されない...
-
二次元配列の中の各行の要素をラン...
-
初心者です。gulpでコンパイルがで...
-
ローディングアニメーションのロゴ...
-
食材の期限を管理するためにGASを利...
-
ビデオのJSについて
-
プログラミング 学習
-
ジャバスクリプトについて。
-
Colorboxがうまく設置できません
-
画像の表示位置
-
セレクトボックスを2つ設けて選択し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
食材の期限を管理するためにGASを利...
-
ビデオのJSについて
-
前回の質問の続き function movesta...
-
このプログラムに、王手をかけた時...
-
このプログラムに王様の逃げ道がな...
-
初心者です。gulpでコンパイルがで...
-
前回の質問の続き function mousedo...
-
鍵盤アプリで、スマホの画面に並ん...
-
スマホ上で、左右スワイプで次のペ...
-
jQueryで同じクラス名のものを別物...
-
読み込んだQRコードをフォームに受...
-
追加ボタンを押した際に ok ボタン...
-
Colorboxがうまく設置できません
-
階層別の組織図の自動作成について
-
二次元配列を使って順位をだすとき...
-
【GAS】WEBアプリでハイパーリンク...
-
HTMLで作った時報アプリが動きません
-
セレクトを全て選択されていないと...
-
画面遷移を行わずに同一ページでHTM...
-
jsで質問です。 ボタンが二つ存在し...
おすすめ情報