回答数
気になる
-
javascriptで文字分割は、 split() などメソッド不要???
初歩的な質問で申し訳ありません。 変数内などにある文字を、1つ1つ取得する方法についてなのですが、そのためにはsplit()などで分割してから取得しなければならないと思っていたのですが、ダイレクトに文字を配列みたいに取得できるのですか? ですか??といいますかできたので驚きなのですが…。 仮に <div id="hoge"> あいうえお </div> とありました場合、 <script> const hoge = document.querySelector("#hoge").innerHTML; for(let v of hoge) { console.log(v); } </script> みたいな感じで各あいうえおという文字を分割してそれぞれ取得できるのですが…? イメージ的には、「あいうえお」は1つの文字列として、あいうえおとして取得されそうなものなのですが、これが「あ,い,う,え,お」として取得されるのに驚きです。 これはJSの仕様というか、こんなものなのでしょうか? 質問も上手くできないのですが、なんとなく理解いただけると幸いです。 とにかくメソッド使わなくても各文字を分割取得できるのが不思議な限りです、、アドバイス宜しくお願いいたします。
質問日時: 2023/02/06 22:50 質問者: oneday77
ベストアンサー
4
0
-
javascript で外部サイトにデータ入力させて自動でボタンを押すことは可能ですか?
エクセルのマクロ(VBA)では以下の処理が出来ています。 外部の会員サイトのログイン画面をオブジェクトとして開き IDとパスワードを自動で入力し、ログインボタンも自動で押して、ログインさせる。 こういう処理はjavascriptでも可能でしょうか? もし可能であれば、コードなど教えていただけますでしょうか。 javascriptは初心者で色々調べたのですが分かりませんでした。
質問日時: 2023/01/30 16:23 質問者: mintohime
ベストアンサー
1
0
-
リンクのサイトのHTMLとJavaScriptでテトリスを動かすプログラムに、1列消えたらscore
リンクのサイトのHTMLとJavaScriptでテトリスを動かすプログラムに、1列消えたらscoreが100増えるというものを追加したい場合、どのように書き加えれば良いでしょうか。 https://tech.pjin.jp/blog/2021/08/01/js-tetoris/
質問日時: 2023/01/30 11:32 質問者: MOONs.K
ベストアンサー
1
0
-
スマフォではボタンを表示させたくない
HTML/CSS/Javascriptを利用してボタンを表示さています。 スマフォの場合、ボタンを表示させたくなく、どうにかJSを修正してみたのですが、ページ読み込み時に一瞬だけボタンが表示されます。 完璧に表示されなくする為にはどのようにJSを修正したらよろしいでしょうか。 恐縮ではございますがどなたかお願いいたします。 ■HTML <p id="page-top"><a href="index.html#top">PAGE TOP</a></p> ■CSS #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #e94609; text-decoration: none; color: #fff; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px; border: 1px solid white; } #page-top a:hover { text-decoration: none; background: #ee8a66; } Javascriptをどうにか修正しようとしています。 ■下記、WEBで検索して見つかったもの $(function() { var showFlag = false; var topBtn = $('#page-top'); topBtn.css('bottom', '-100px'); var showFlag = false; //スクロールが100に達したらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 100) { if (showFlag == false) { showFlag = true; topBtn.stop().animate({'bottom' : '20px'}, 200); } } else { if (showFlag) { showFlag = false; topBtn.stop().animate({'bottom' : '-100px'}, 200); } } }); //スクロールしてトップ topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); ■修正後 $(function() { var showFlag = false; var topBtn = $('#page-top'); if (window.matchMedia('(max-width: 767px)').matches) { topBtn.hide(); } topBtn.css('bottom', '-100px'); var showFlag = false; //スクロールが100に達したらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 100) { if (showFlag == false) { showFlag = true; topBtn.stop().animate({'bottom' : '20px'}, 200); } } else { if (showFlag) { showFlag = false; topBtn.stop().animate({'bottom' : '-100px'}, 200); } } }); //スクロールしてトップ topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); });
質問日時: 2023/01/20 14:26 質問者: エビゾー
ベストアンサー
2
0
-
jquery 診断コンテンツにチェックボックスを付けたいです
jquery勉強中です。 診断コンテンツ作成を試みているのですが、作り方がわからないのでどなたか助けていただけますでしょうか。 やりたいことは、項目を選択して次へボタンで次の質問に進むのですが、項目を選択する際、チェックボックスを使いたいです。 ようやく見つけたサンプルページがあるのですが、このような仕組みにチェックボックスを付けたいです。 下記サンプルページです。 https://b-risk.jp/blog/2022/04/yes-no-contents/ どなたかご教示くださいますと幸いです。 よろしくお願い致します。
質問日時: 2023/01/19 18:31 質問者: h_6812_h
解決済
3
0
-
定積分の近似値を計算する関数composite_newton_cotesをつくりたい
以下のプログラムで実行したのですがfunction newton_cotes(f,intv,n*m){ の部分でコンパイルエラーが出てしまいます。原因が分かる人いませんか? WScript.Echo("第一段階で何等分しますか?"); var n = Number(WScript.StdIn.ReadLine()); WScript.Echo("第二段階で何等分しますか?"); var m = Number(WScript.StdIn.ReadLine()); var intv = [0,2]; var approx1 = newton_cotes(f,intv,n*m); var approx2 = composite_newton_cotes(f,intw,n,m); var exact = Math.PI; WScript.Echo("近似値1は " + approx1); WScript.Echo("近似値2は " + approx2); WScript.Echo("厳密値は " + exact); WScript.Echo("近似値1との誤差は " + Math.abs(approx1 - exact)); WScript.Echo("近似値1との誤差は " + Math.abs(approx2 - exact)); function composite_newton_cotes(f,intv,n,m){ var h=(intv[1]-intv[0])/n; var finer_intv = [intv[0],intv[0]+h]; var approx = 0; for(var i=0;i<n;i++){ approx += newton_cotes(f,finer_intv,m); finer_intv[0] += h; finer_intv[1] += h; } return approx; } function newton_cotes(f,intv,n*m){ var h=(intv[1]-intv[0])/n*m; var v = compute_weight(n*m); var x = intv[0]; var approx = 0; for(var i=0;i<=n*m;i++){ approx += f(x)*v[i]; x += h; } return approx*h; }
質問日時: 2023/01/18 14:09 質問者: なるはた
解決済
1
0
-
画面に表示したらアニメーションを開始したい
border-bottomをアニメーションで出すようにCSSを書きました。 画面上に表示されたら、アニメーションを開始するようにjsで制御したのですがうまくできません。 どのようにしたらよろしいでしょうか。 ■HTML <h2 class="border">期間限定商品</h2> ■CSS .border{ position: relative; } h2.border:before{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; border-bottom: solid 2px #e94609; transform: translateX(-50%); animation: border_anim 3s linear forwards; } @keyframes border_anim { 0%{ width: 0%; } 100%{ width: 100%; } }
質問日時: 2023/01/13 15:38 質問者: エビゾー
ベストアンサー
3
0
-
javascriptで変数を組み込みたい
動画が多いのでPHPの変数にIDを設定していますが、 javascriptと連携させたいのですがうまくいきません。 <div id="play1"><a href="#play1"><img src="https://i.ytimg.com/vi/<?= $play1 ?>/maxresdefault.jpg"></a></div> <script src="//code.jquery.com/jquery.min.js"></script> <script> var play1: '<?=$play1?>'; $(function(){ $('#play1 a').on('click' , function(e){ e.preventDefault();//リンクの停止 $(this).parent().html('<iframe width="560" height="315" src="https://www.youtube.com/embed/'.document.write(play1).'?autoplay=1"></iframe>'); }); }); </script> ネット記事を参考に var play1: '<?=$play1?>'; と javascriptの変数にPHPの変数を代入し '.document.write(play1).'とPHP風に付け足してみましたが 読み込まれません。 javascritpを外部ファイルに移動させたいので、 PHPの変数をjavascriptで呼び出すのが目的です。
質問日時: 2023/01/13 09:52 質問者: egtomo
ベストアンサー
2
0
-
Typescript が必要な理由
教えてください。 プログラミング初心者です。 あるシステムでtypescriptとexpressを使ってWebアプリケーションのプログラムがあり、MySQLのデータベースに書き込む処理があります。 Typescriptを使っている理由が明確に分からないのですが、SQLを使っていない場合にデータベースのテーブルの型に合わせるのに有効なのでしょうか?例えばPrismaなどを間に入れて書き込み処理をさせたりする場合など。 他のデータベースに切り替えたりする場合などにも有効でしょうか?
質問日時: 2023/01/07 11:45 質問者: ymoshimoshi
解決済
1
1
-
最小二乗法
Math.rand関数を使い xi(i = 1,2, ... , 1000) に [-0.1,0.1) から一様分布で値を代入すsi, (xi, x²i e^xi) をデータとして最小二乗法によりデータとの誤差が最小になる五次式を求めるプログラムを教えてください
質問日時: 2023/01/01 20:57 質問者: なるはた
解決済
2
0
-
javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい
表題の通りテーブルに追加した項目全てidを追加してローカルストレージで登録・保存・削除を操作したいです。テーブルに項目は追加できるのですがそれをidを付け加えることができなく、また追加したものをどうローカルストレージに保存や呼び出しをできるかがわかりません。どうかご教授願います。 現在のコードは function coladd1() { var table = document.getElementById("table"); // 行を行末に追加 var row = table.insertRow(-1); //td分追加 var cell1 = row.insertCell(-1); var cell2 = row.insertCell(-1); var cell3 = row.insertCell(-1); var cell4 = row.insertCell(-1); var cell5 = row.insertCell(-1); var cell6 = row.insertCell(-1); var cell7 = row.insertCell(-1); var cell8 = row.insertCell(-1); var cell9 = row.insertCell(-1); // セルの内容入力 cell1.innerHTML = '<input type="date")">'; cell2.innerHTML = '<input type="date")">'; cell3.innerHTML = ''; cell4.innerHTML = '<input type="date")">'; cell5.innerHTML = '<input type="number")">'; cell6.innerHTML = '<input type="number")">'; cell7.innerHTML = ''; cell8.innerHTML = ''; cell9.innerHTML = '<input type="button" style="background-color:red" value=削除 id="coladd" onclick="coldel(this)">'; //削除ボタン }
質問日時: 2023/01/01 15:52 質問者: djtriple
ベストアンサー
5
0
-
画像の表示位置
下記のソースはネットにあった物で、私が少しアレンジしたものです。 15枚のjpg画像を4秒おきに変化する様にしましたが、 表示する位置を変えたいのです。 縦横それぞれ何処を変えれば変わるのでしょうか? <script type="text/javascript"><!-- function myFunc(){ myD = new Date(); myS = myD.getSeconds(); if ( myS >= 0){ myImg = "00"; } if ( myS >= 4){ myImg = "04"; } if ( myS >= 8){ myImg = "08"; } if ( myS >= 12){ myImg = "12"; } if ( myS >= 16){ myImg = "16"; } if ( myS >= 20){ myImg = "20"; } if ( myS >= 24){ myImg = "24"; } if ( myS >= 28){ myImg = "28"; } if ( myS >= 32){ myImg = "32"; } if ( myS >= 36){ myImg = "36"; } if ( myS >= 40){ myImg = "40"; } if ( myS >= 44){ myImg = "44"; } if ( myS >= 48){ myImg = "48"; } if ( myS >= 52){ myImg = "52"; } if ( myS >= 56){ myImg = "56"; } document.body.background = myImg + ".jpg"; } setInterval("myFunc()",100); // --></script><!--HPB_SCRIPT_ROV_50 // // (C) 2010 株式会社ジャストシステム // // HpbImgPreload: // function HpbImgPreload() { var appVer=parseInt(navigator.appVersion); var isNC=false,isN6=false,isIE=false; if (document.all && appVer >= 4) isIE=true; else if (document.getElementById && appVer > 4) isN6=true; else if (document.layers && appVer >= 4) isNC=true; if (isNC||isN6||isIE) { if (document.images) { var imgName = HpbImgPreload.arguments[0]; var cnt; swImg[imgName] = new Array; for (cnt = 1; cnt < HpbImgPreload.arguments.length; cnt++) { swImg[imgName][HpbImgPreload.arguments[cnt]] = new Image(); swImg[imgName][HpbImgPreload.arguments[cnt]].src = HpbImgPreload.arguments[cnt]; } } } } // HpbImgFind: // function HpbImgFind(doc, imgName) { for (var i=0; i < doc.layers.length; i++) { var img = doc.layers[i].document.images[imgName]; if (!img) img = HpbImgFind(doc.layers[i], imgName); if (img) return img; } return null; } // HpbImgSwap: // function HpbImgSwap(imgName, imgSrc) { var appVer=parseInt(navigator.appVersion); var isNC=false,isN6=false,isIE=false; if (document.all && appVer >= 4) isIE=true; else if (document.getElementById && appVer > 4) isN6=true; else if (document.layers && appVer >= 4) isNC=true; if (isNC||isN6||isIE) { if (document.images) { var img = document.images[imgName]; if (!img) img = HpbImgFind(document, imgName); if (img) img.src = imgSrc; } } } var swImg; swImg=new Array; //--> <style> <!-- body{ background-repeat:no-repeat; } --> </style> </head> <body bgcolor="#000000" text="#0f3700" link="#fa5000" vlink="#808080" alink="#008080"> <div style="top : 223px;left : 50px; position : absolute; z-index : 2; " id="Layer6"></div> <div style="top : 417px;left : 423px; position : absolute; z-index : 7; width : 77px; height : 15px; " id="Layer24"></div> <div style="top : 434px;left : 397px; position : absolute; z-index : 3; " id="Layer14"></div> <div style="top : 451px;left : 431px; position : absolute; z-index : 4; " id="Layer16"></div> <div style="top : 50px;left : 50px; position : absolute; z-index : 5; " id="Layer18"></div> <div style="top : 50px;left : 50px; position : absolute; z-index : 6; " id="Layer19"></div> <div style="top : 8px;left : 8px; position : absolute; z-index : 1; " id="Layer1"> <div id="player"></div> </div> <div style="width : 30px;height : 12px;top : 27px;left : 8px; position : absolute; z-index : -1; " id="Layer2"> <div style="width : 372px;height : 17px;top : 8px;left : 8px; position : absolute; z-index : 1; " id="Layer5">script type="text/javascript" language="JavaScript"> </div> </div> </body> </HTML>
質問日時: 2022/12/23 08:25 質問者: 2021五郎蔵
ベストアンサー
3
0
-
ソースコードのいじる場所が分かりません。
ネットで雪を降らすソースコードがありました。 試しにホームページビルダーを使って コピーして見たら縦横の寸法が凄く小さい。 横は引っ張ったら伸ばせましたが、縦幅が大きくなりません。 下記のソースコードで何処を操作したら、大きくなるのでしょうか? <html lang="ja"> <head> <meta charset="UTF-8"> <title>snowPowder</title> <style> * { margin: 0; padding: 0; } #main__container { width: 100%; height: 300px; background-color: #000; overflow: hidden; display: flex; justify-content: space-around; transition-duration: 0.1s; transition-timing-function: ease; } </style> </head> <body> <div id="main__container"></div> <script> var winWidth = document.documentElement.clientWidth, //ウィンドウの横幅 winHeight = document.documentElement.clientHeight; //ウィンドウの高さ var main = document.getElementById('main__container'); for (var i = 1; i <= 40; i++) { var div = document.createElement('div'); //divを作成 main.appendChild(div); //divを追加 div.setAttribute('id', 'contents' + zeroPad(i)); div.setAttribute('style', 'position:relative; background-color:#fff; border-radius:50%; top:-30px;'); randomValue(div); } function randomValue(ele) { var multiArray = [1, -1]; //1か-1の配列 var randomMulti = multiArray[Math.floor(Math.random() * multiArray.length)]; //1か-1をランダムに取得 var maxSize = 9, //最大サイズ minSize = 3, //最小サイズ objSize = getRandomNum(maxSize, minSize), //サイズ 最大〜最小までのランダム値 blurValue = getRandomNum(3, 0), //ボカシ量 opacityValue = getRandomFloot(0.8, 0.5).toFixed(1), //透明度 ※小数点第1位まで取得 XSpeedNum = getRandomFloot(2, 0), //Xの移動量 YSpeedNum = getRandomFloot(4, 2), //Y座標の移動量 ZSpeedNum = getRandomFloot(0.025, 0); //Z座標の移動量 ele.style.width = objSize + 'px'; ele.style.height = objSize + 'px'; ele.style.margin = (maxSize - objSize) / 2 + 'px'; ele.style.filter = 'blur(' + blurValue + 'px)'; ele.style.opacity = opacityValue; var YNum = -40; var XNum = 0; var ZNum = 0; (function animeLoop() { var requestAnime = window.requestAnimationFrame(animeLoop); XNum += XSpeedNum; YNum += YSpeedNum; ZNum += ZSpeedNum; ele.style.top = YNum + 'px'; ele.style.left = XNum * randomMulti + 'px'; ele.style.transform = 'scale(' + ZNum + ',' + ZNum + ')'; if (YNum >= 300) { window.cancelAnimationFrame(requestAnime); return randomValue(ele); } })(); return ele; } //////////// 関数 //////////// function zeroPad(zeroNum) { //ゼロパッド取得関数 var zeroNum = ('000' + zeroNum).slice(-3); return zeroNum; } function getRandomNum(max, min) { //ランダム値取得関数 var ranNum = Math.floor(Math.random() * (max + 1 - min) + min); return ranNum } function getRandomFloot(max, min) { //ランダム値取得関数 小数点第1位 var ranFlootNum = Math.random() * (max - min) + min; return ranFlootNum; } </script> </body> </html>
質問日時: 2022/12/23 02:06 質問者: 2021五郎蔵
ベストアンサー
1
0
-
解決済
1
0
-
台形公式
これをもとにf(x)=loge(4x²+1)の[0,1/2]の定積分を近似するプログラミングを台形公式を使い書け var n = WScript.StdIn.ReadLine(); n = Number(n); var a = 0; var b = Math.PI; var intv = [a,b]; var approx = trapezoid_approx(Math.sin,intv,n); var exact = -Math.cos(b) + Math.cos(a); WScript.Echo("近似値: " + approx); WScript.Echo("厳密値: " + exact); function trapezoid_approx(f, intv, n){ var delta = (intv[1]-intv[0])/n; var approx = 0; var left = intv[0]; var right = left + delta; for(var i=0; i < n; i++){ approx += delta*(f(left) + f(right))/2; left += delta; right += delta; } return approx; }
質問日時: 2022/12/21 18:38 質問者: なるはた
ベストアンサー
2
0
-
html javascriptにてWeb SQLを操作したい。
初心者で表現がうまくできないですがお許しください。 htmlのテーブルにinput textが複数あります。それぞれのidはset, baitai, stime, etime, waritsuke, tc, jitsuk, r, hassou, siro, color, monoというものに数字がつき、setならset1,set2,set3,set4,set5という感じです。 これをWEB SQLで各テーブルの項目を操作したいです。 参考にしたサイトが https://www.ipentec.com/document/javascript-using-web-sql です。 レコードの選択/検索でテーブルに反映したいのですがどうしたらいいでしょうか?それ以外の操作はなんとかできています。
質問日時: 2022/12/16 17:43 質問者: djtriple
ベストアンサー
2
0
-
自作ゲームのaiについて
画像のような、棒でボールを跳ね返して、跳ね返し損なたら負けというゲームを作っています。 現在は、対戦相手を自動で動かしていて、確実にボールを跳ね返してくるようになっています。 対戦相手に人間らしくミスをさせるのはどうすればいいですか。
質問日時: 2022/12/13 20:22 質問者: シワメロン
解決済
2
0
-
1日1回引けるJavaScriptおみくじについて
JavaScriptが調べてもわからず、どうか教えて頂けないでしょうか? 画像をリンクに変えたいです。 var unList=[ {url:'#' , title:'大吉'}, {url:'#' , title:'中吉'}, {url:'#' , title:'小吉'}, ]; for(var i=0; i<unList.length; i++){ document.write("<a href=",unList[i].url,">",unList[i].title,"</a>");} 上記に変更したところ ボタンを押す前に結果(リンク)が左上に飛び出してしまい困っています。 参考にしたソース↓ <form action="#"> <div> <h2>ここに運勢が表示される</h2> <img src="●.png" id="un" alt="ここに運勢が表示される"><br> <input type="button" value="今日の一枚" onClick="omikuji(document.getElementById ('un'));"> </div> </form> <script> var omikuji = (function (getCookie, setCookie) { var save = 31; var unList = [ { src: '1.png', alt: '大吉' }, { src: '2.png', alt: '吉' }, ]; return function (node) { var d = node.ownerDocument; var v = d./*@cc_on @if (1) parentWindow @else@*/ defaultView /*@end@*/; var today = (new Date).getDate () + ''; var lastDay = getCookie.call (v, 'day'); var unsei; var no; if (today === lastDay) unsei = unList [Number (getCookie.call (v, 'un'))]; else { no = Math.floor (Math.random() * unList.length); unsei = unList[no]; setCookie.call (v, 'day', today, save); setCookie.call (v, 'un', String (no), save); } node.src = unsei.src; node.alt = unsei.alt; }; })( function () { return (function (name) { var d = this.document; var n = encodeURIComponent (name).replace (/([.*()])/g, '\\$1'); var v = d.cookie.match (RegExp (n + '\\s*=\\s*(.*?)(?:[\\s;,]|$)')); return v ? decodeURIComponent (v[1]) : ''; }).apply (this, arguments); }, function () { return (function (name, value, day, path, domain) { var d = this.document; var t = new Date; t.setDate (t.getDate () + (day || 0)); d.cookie = encodeURIComponent (name) + '=' + encodeURIComponent (value) + ';' + 'expires=' + t.toUTCString () + ';' + (path ? 'path=' + encodeURIComponent (path) + '': '') + (domain ? 'domain=' + encodeURIComponent (domain) + ';': ''); }).apply (this, arguments); }); </script>
質問日時: 2022/12/12 22:28 質問者: まりも_
ベストアンサー
1
0
-
htmlとcssに関する質問です
display:inline-block;で横向きのcssを作成してたのですがうまく横向きにならず困ってます 教えてください htmlのコードがこちらです body> <figure class="side_image"> <img src="onryouri.jpg" alt="料理"> </figure> <p class="side"> 料理教室へようこそ </p> <div class="maruneko"> <img class="maruneko" src="maruneko.jpg" alt="まるい猫"> </div> <p class="side2"> 丸い猫</p> cssはこちらです figure.side_image{ display:inline-block; } p.side{ display:inline-block; width:300px; margin-left: 20px; vertical-align: top; font-size: 30px; } img.side2{ display:inline-block; } p.side2{ display:inline-block; width: 300px; margin-left: 20px; } maruneko.jpgの横に丸い猫という文章を入れたいのですがどうも上手くいきませんよろしくお願い します。
質問日時: 2022/12/06 05:36 質問者: うるき
ベストアンサー
3
0
-
java keyを配列で表記したい
keyがbai,stime,etime,wari,tc,number,r,has,si,col,monoで各keyに1,2,3,4,5と付け足されています。例えばbai1,bai2,bai3,bai4,bai5 これをarrayに配列としていれたいのですがどうすればいいでしょうか? let array = [number1, number2, number3, number4, number5 , r1, r2, r3, r4, r5]; for (let i = 1; i < 6; i++) { let array = [number + (i)]; } numberであればいいのでしょうがこれを全てのkeyをarrayに代入したいです。 よろしくお願いします。
質問日時: 2022/12/01 17:53 質問者: djtriple
ベストアンサー
10
0
-
JavaScriptの即時関数の書き方
JavaScriptの即時関数の書き方についてですが、最後の部分の書き方で以下の2種類の書き方を見かけるのですが、どちらの書き方でも良いのでしょうか?実行結果は同じになる様です。 (1) var result = (function(x,y) { return x+y; }(1,2)); (2) var result2 = (function(x,y) { return x+y; })(1,2);
質問日時: 2022/11/29 09:52 質問者: tmiyoshi
ベストアンサー
1
0
-
javascriptで移動ボタンを押した際に遷移するボタンを追記したい
探して見つけたjavascriptとhtmlコード↓をWordPressで使用し、 移動ボタンを押した際に指定のページに遷移するコードを追加したいのですが どの位置になんと追記すればよいでしょうか? 【js】 $(function() { $(function() { $('#submit').attr('disabled', 'disabled'); $('#chkbox').click(function() { if ( $(this).prop('checked') == false ) { $('#submit').attr('disabled', 'disabled'); } else { $('#submit').removeAttr('disabled'); } }); }); }); 【html】 <div class="policy"> <input type="checkbox" id="chkbox" name="policy_doui" value="1"> <label for="chkbox">「個人情報の取り扱いについて」に同意する</label> </div> <div class="submit_btnarea"> <button type="submit" value="移動" class="form_btn" id="submit" disabled="disabled">移動</button> </div> 素人な質問ですみません。 どうぞよろしくお願いいたします。
質問日時: 2022/11/29 03:02 質問者: _chi___
解決済
1
0
-
jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの
jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どのような判定をしたら良いでしょうか。 <input type="button"value="ボタン"onclick="event()"id="test1"> <input type="button"value="ボタン"onclick="event()"id="test2">
質問日時: 2022/11/22 10:30 質問者: piraniaman
解決済
4
0
-
スマホ上で、左右スワイプで次のページに移動させたいです
昔作ったHPをレスポンシブ対応へ修正してるのですが… 複数にわたるページ記事(例:1.html→2.html→3.HTML→4.html)で、 PC閲覧上は下部に←1.html 3ntml→というような移動リンクをつけていますが、 スマホ閲覧上では左右スワイプでも前後ページへ移動できるようにしたいです。 フレーム等は使用していないので、単純にページ全体移動するイメージです。 初心者なのでjQueryプラグインやサンプルなどを探してみたのですが辿り着けずにいます。 良い例や記載方法など教えていただけますとありがたいです! よろしくお願い申し上げます。
質問日時: 2022/11/11 17:04 質問者: mitarashi-ooo-
解決済
2
0
-
【Google Apps Script】「ライブラリ」が追加できなくて困っています。
【Google Apps Script】 GAS用Moment.js スクリプトID: MHMchiX6c1bwSqGM1PZiW_PxhMjh3Sh48 を Apps Scriptの新画面にある「ライブラリ」から追加できなくて困っています。 ライブラリが古くなったのでしょうか? 手順が異なるのでしょうか?
質問日時: 2022/11/10 13:29 質問者: Andro
解決済
1
0
-
javascriptの記述方法について
本を読んだのですが、<script></script>この中に記述するように書いてありました。 <head>の中には、何か宣言をしたりしないのでしょうか?
質問日時: 2022/11/01 04:04 質問者: tidez
ベストアンサー
3
0
-
変数宣言と初期値代入の場所について
教えてください。以前も同様の質問させていただいてますが、もう少し突っ込んだ質問をさせてください。 var age; age = 20; という書き方と 宣言と同時に初期化する var age = 20; があった場合ですが、 分けて書く場合に何か微妙に違いが出てくるのでしょうか? 分けて書く場合は、行間にもし数行何か別の実行文があったり、条件分が入っていたりすると違う動きをしてしまうとか、 外から参照されて実行すると違う結果になってしまうなどの恐れがあるので、なるべく初期値を宣言と同時に代入したり、もしくは宣言と初期値代入の行をなるべく続けてにした方がいいのでしょうか? でも初期値は内容によって何を初期値とするかというのがあって条件文の中で初期値代入というのもあるかと思いますが。
質問日時: 2022/10/31 19:09 質問者: ymoshimoshi
解決済
3
0
-
階層別の組織図の自動作成について
うちの会社の組織図はかなり特殊でして 図のように、部・課・係が階層別に分かれています。 現状は、Excelの罫線でなんとか作成していますが 頻繁に社内構造が変化するため、これをデータシートから自動生成したいと考えております。 jsのOrgChartやjqueryを用いた自動生成は実装できたのですが 階層を一つ二つ飛ばすということが実現できませんでした。 調べたところ、OrgChartにもJQueryにもそのような想定がないため、無理やりCSSでブロック要素を縮めて罫線っぽくする方法以外になかったのですが、それをすると、社内構造が変わって再生成した際に、その縮めたブロック要素が原因で罫線が乱れる問題が起こったため、没となりました。 VBAかjsどちらかで、図のような組織図を作成する方法はないでしょうか? よろしくお願いいたします。
質問日時: 2022/10/26 13:42 質問者: DDddDDdd11221122
解決済
1
1
-
プラグイン無しでContactform7にdatepickerを実装
プラグイン無しでContactform7にdatepickerを実装 Contactform7にdate(日付入力欄)を複数作成したいのですが、 下記内容では、1つの入力欄しか適用されませんでした。 複数の日付入力欄に適用するにはどのように変更したら宜しいのでしょうか? 専門家の方お助けください。 【Contactform7のテンプレートに以下記述をする】 [text datechoice id:datepicker] 【ソースのほうに以下記述を入れる。】 <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script><link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script><script>jQuery(function($) { $("#datepicker").datepicker({ minDate: -1, maxDate: 0, dateFormat: 'mm月dd日' }); }); </script> 宜しくお願い致します。
質問日時: 2022/10/25 02:18 質問者: qjcyp
解決済
3
0
-
HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ
HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作ってみたのですが、上手く動かず… 間違い、改善点を指摘して頂きたいです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>パスワードの強化判定</title> <script> function Pasword(myForm) { let password; let strength = 0; //強さ text= document.querySelector('gate').value; if (password.length < 6) { return '短すぎます!' } // 文字数が7より大きければ+1 if (password.length > 7) { strength += 1; } // 英字の大文字と小文字を含んでいれば+1 if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) { strength += 1; } // 英字と数字を含んでいれば+1 if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) { strength += 1; } // 記号を含んでいれば+1 if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)) { strength += 1; } // 記号を2つ含んでいれば+1 if (password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/)) { strength += 1; } // 点数を元に強さ判定 if (strength < 2) { return '弱いです!'; } else if (strength == 2) { return 'まあまあ強いです!'; } else { return '強いです!'; } } </script> </head> <body> <form name="pswForm"> パスワードを入力する。<br> <input type="text" name="gate" value=""><br> <input type="button" value="判定" onclick="Pasword(pswForm)"> </form> </body> </html>
質問日時: 2022/10/19 01:41 質問者: wgdj
解決済
2
0
-
HTMLでJavaScriptを使用してプログラムを作ります。 入力されたパスワードを取得して、パス
HTMLでJavaScriptを使用してプログラムを作ります。 入力されたパスワードを取得して、パスワードの強化判定をするプログラムを作成したいです。 script内に書くif文はわかるのですが、入力されたパスワードを取得する方法がわかりません。 なにを使えば良いですか? 最終的に、テキストボックスにパスワードを入力→判定ボタンを押す→「強いです」などの文字を出したいです。
質問日時: 2022/10/18 01:05 質問者: wgdj
解決済
2
0
-
ブックマークレットについて
ブックマークレットで以下のようなコードを使っています。 javascript:window.open('https://www.○○○='+ getSelection(). toString()); 選択した文字列を加えて指定したURLに飛ぶブックマークレットです。 ここから質問なんですが、 このコードに現在日時から1ヶ月前をUNIX時間で加えて、指定したURLに飛ぶブックマークレットを作りたいのですが、どのようなメソッド、構文にすればいいかわかりません。 例として、以下のようなURLになるようにしたい ※UNIX時間は現在日時 https://www.○○○1665282832選択した文字列 参考になるWebページもあれば、それも教えていただけると助かります。 よろしくお願いします。
質問日時: 2022/10/09 11:48 質問者: マリーノアール
ベストアンサー
2
0
-
正規表現について質問です。条件に合う場合はtrueを返したい
すいません質問があります。 正規表現について質問です。条件に合う場合はtrueを返したいです。 以下のURLがあります。 https://abc.com/detail/12345 以下の関数があります var checkProductPage = function() { var reg = /(abc.com\/details\/)(0-9]*$))/; var check = reg.test(window.location.href); return check } checkProductPage() この場合、上記関数を実行するとtrueを返します。 さらに以下のURLがあります。 1. https://abc.com/detail/12345 ->true 2. https://abc.com/detail/12345xyz -> false 3. https://abc.com/detail/xyz12345 -> false 4. https://abc.com/detail/x12y345z -> false 5. https://abc.com/detail/12345?utm=12345 -> true 6. https://abc.com/detail/12345&utm=12345 -> false 上記に書いたとおりなのですが、1と5だけはtrueを返すようにして、それ以外のパターンはFalseを返すようにしたいです。先に書いた関数だと1はTrueですがそれ以外はすべてFalseです。 以下のように書いてみたんですがそれでもダメでした。 var checkProductPage = function() { var reg = /(abc.com\/details\/)(0-9]*$)(\?.+)?$/; var check = reg.test(window.location.href); return check } checkProductPage() 1, 5 だけをTrueを返す関数を教えてほしいです。 よろしくおねがいします。
質問日時: 2022/10/06 23:02 質問者: kemukemu2014
ベストアンサー
3
0
-
ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横
ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横幅がブラウザの横幅が変わるごとに変化する) 必ずsetIntervalメソッド等を用いてブラウザの横幅を変えた際にリアルタイムに画像が変更されるようにしたいです。 画像の幅をまず取得して、ブラウザの幅も取得し、 ブラウザの幅が変化するごとに写真の幅も自動的に ブラウザの横幅に合わせるようにしたいのですが分かりません。 詳しい方回答をお願いします。
質問日時: 2022/10/06 21:17 質問者: ウィスク
解決済
1
0
-
JavaScriptでゲームプログラミングをしています。 次のように画像に動きをつけたいのですが、ど
JavaScriptでゲームプログラミングをしています。 次のように画像に動きをつけたいのですが、どのようにすれば良いでしょうか。 まず、適当な大きさの円の画像とそれよりも小さい玉の画像を用意します。 球を円の中にマウスで持ってきて、円の縁を内側から押し上げると、その動きに合わせてその部分が広がる?変形する?。 球を遠ざけると円の形が戻る。 非常にわかりづらいですが、画像を用意しました。 わかる方教えていただけると嬉しいです。
質問日時: 2022/09/29 20:06 質問者: さくら9971
ベストアンサー
1
0
-
ローディングアニメーションのロゴがページを読み込んだ後でも消えません
ローディングアニメーションを入れたいと思い、調べて、以下のサイトに辿り着いて、 サイトの一番下から2番目にある、「**跳ねるうさぎちゃん**」とういタイトルのローディングアニメーションのC◆DEOENで動く、HTML,css,jsの全てコピーして、起動してみたのですが、 サイトが読み込めれると、グレー色の背景はちゃんと消えるのですが、その他のロゴ(ウサギや卵、横線)のロゴ等が **消えずに動き続けてしまいます。** このロゴもちゃんと消えるようにしたいです。 多分javascriptの部分だと思うのですが、どう書いたらよいでしょうか? 回答よろしくお願いいたします。 [一生見てられる...カワイすぎるローディングをCSSコピペで実装! 【 アニメーション 】 - デシノン https://deshinon.com/2019/03/03/kawaii-loading-kopipe/ 跳ねるうさぎちゃん
質問日時: 2022/09/20 21:50 質問者: jwmdatjtga
ベストアンサー
1
0
-
WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい
WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたいのですが、 以下のコードを独自タグ作成し、コンタクトフォーム7にて利用出来るようにすることは出来ませんでしょうか? <body> <button type="button" id="get-gps">位置情報取得</button> <p id="lat">緯度: </p> <p id="lon">経度: </p> <p id="address"></p> </body> <script> /** 変換表を入れる場所 */ var GSI = {}; const latEle = document.querySelector('#lat'); const lonEle = document.querySelector('#lon'); const addressEle = document.querySelector('#address'); const gpsButton = document.querySelector('#get-gps'); /** * 緯度経度を画面表示 */ const setGeoLoc = (coords) => { latEle.textContent = `緯度: ${coords.latitude}`; lonEle.textContent = `経度: ${coords.longitude}`; } /** * 緯度経度から住所を取得して表示 */ const getAddress = async (coords) => { // 逆ジオコーディング API const url = new URL('https://mreversegeocoder.gsi.go.jp/reverse-geocoder/LonLatToAddress'); url.searchParams.set('lat', coords.latitude); url.searchParams.set('lon', coords.longitude); const res = await fetch(url.toString()); const json = await res.json(); const data = json.results; // 変換表から都道府県などを取得 const muniData = GSI.MUNI_ARRAY[json.results.muniCd]; // 都道府県コード,都道府県名,市区町村コード,市区町村名 に分割 const [prefCode, pref, muniCode, city] = muniData.split(','); // 画面に反映 address.textContent = `${pref} ${city} ${data.lv01Nm}`; }; /** * 位置情報 API の実行(イベントリスナ) */ gpsButton.addEventListener('click', () => { navigator.geolocation.getCurrentPosition( geoLoc => { setGeoLoc(geoLoc.coords); getAddress(geoLoc.coords); }, err => console.error({err}), ); }); </script> <script src="https://maps.gsi.go.jp/js/muni.js"></script> <!-- 変換表の読込 -->
質問日時: 2022/09/14 23:28 質問者: qjcyp
解決済
2
0
-
GASでチェックボックスを一括offしたい
スプレッドシートで添付のようなチェックリストを作りました。 チェックを複数(ランダム)に入れた後、それらのチェック全てを外すGASがわからないので教えてください。 ・GASでなくても可能ですが、あくまでGASにこだわりたい。 ・チェックは自分で入れるので、外すGASだけで良いです。 ・添付左上の水色リセットボタンを押すとチェックが外れるようにしたいです。 ・チェックボックスの間に所々空白があります。 以下は他を参考にして自分で作ってみたGASですが、[▷実行]ができないので多分間違っていると思います。 訂正、加筆して頂いても良いですし、新しく書いて頂いても構いません。 /** @OnlyCurrentDoc */ function uncheck(button) { let spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); let sheet = spreadsheet.getSheetByName('musiclist'); sheet.activate(); let range = sheet.getRange('C3:C29'); range.uncheck(); 中段最後の'musiclist'はシートの名前です。
質問日時: 2022/09/13 19:54 質問者: rocken
ベストアンサー
1
0
-
Javascript で、0000 から 9999 までの表を作りたい。
HTML の <table> 系に出力するものとして、 0000 から 9999 を作りたいが、 1. 縦軸に各桁の同じ合計値を並べたい。 例 0010 0019 0028 2. 桁に表示されている数値を最小値でまとめたい 例 0001 があるなら、次の値は不用。0010 0100 1000 Javascript だとどのようなプログラムになりますか ? ぜひ、教えてください !
質問日時: 2022/09/11 14:47 質問者: i-d-a-i
ベストアンサー
6
0
-
vertical sliderをautoplayしたい
以下を参考に作ったVertical Sliderを読み込み時にautoでスライドできるようにしようとしています。 https://www.learningrobo.com/2022/03/vertical-split-image-slider-using-html.html 現在、参考ページと同様に、クリックすると左右のスライドがそれぞれ上下にスライドします。 これをボタンクリックを残したまま、読み込み時に自動でスライドできるようにしたいと思っています。scriptに2か所追加をいたしましたが、ボタンを押してもスライドせず、読み込み時も 自動でスライドしません。 何か解消方法などアドバイス頂けますと幸いです。 どうぞよろしくお願いいたします。 〇HTML <div class="slider-container"> <div class="left-slide"> <div style="background-color: #2c9f45"> <h4>TEST</h4> </div> <div style="background-color: #c5080b"> <h4>TEST</h4> </div> <div style="background-color: #0386ad"> <h4>TEST</h4> </div> <div style="background-color: #001100"> <h4>TEST</h4> </div> </div> <div class="right-slide"> <div class="bg-image1"></div> <div class="bg-image2"></div> <div class="bg-image3"></div> <div class="bg-image4"></div> </div> </div> 〇JS /*↓↓↓↓追加部分↓↓↓↓↓*/ window.onload = function() { /*↑↑↑↑追加部分↑↑↑↑*/ const sliderContainer = document.querySelector(".slider-container"); const slideRight = document.querySelector(".right-slide"); const slideLeft = document.querySelector(".left-slide"); const upButton = document.querySelector(".up-button"); const downButton = document.querySelector(".down-button"); const slidesLength = slideRight.querySelectorAll("div").length; let activeSlideIndex = 0; slideLeft.style.top = `-${(slidesLength - 1) * 100}vh`; /*↓↓↓↓追加部分↓↓↓↓↓*/ for( ; ; activeSlideIndex++;){ $(slideRight).slideDown("normal"); $(slideLeft).slideUp("normal"); } }; /*↑↑↑↑追加部分↑↑↑↑*/ const changeSlide = (direction) => { const sliderHeight = sliderContainer.clientHeight; if (direction === "up") { activeSlideIndex++; if (activeSlideIndex > slidesLength - 1) activeSlideIndex = 0; } else if (direction === "down") { activeSlideIndex--; if (activeSlideIndex < 0) activeSlideIndex = slidesLength - 1; } slideRight.style.transform = `translateY(-${ activeSlideIndex * sliderHeight }px)`; slideLeft.style.transform = `translateY(${ activeSlideIndex * sliderHeight }px)`; }; upButton.addEventListener("click", () => changeSlide("up")); downButton.addEventListener("click", () => changeSlide("down")); 〇CSS .slider-container { position: relative; overflow: hidden; width: 100%; min-height: 100vh; } .left-slide { height: 100%; width: 35%; position: absolute; top: 0; left: 0; transition: transform 0.5s ease-in-out; } .left-slide>div { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; padding: 3em; } .left-slide h4 { font-size: 22px; line-height: 32px; color: #fff; font-weight: 100; text-transform: uppercase; } .right-slide { height: 100%; position: absolute; top: 0; right: 0; width: 65%; transition: transform 0.5s ease-in-out; } .right-slide>div { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; width: 100%; }
質問日時: 2022/08/25 14:47 質問者: apricot1101
ベストアンサー
2
0
-
JavaScriptでキオスクモードを実現するには?
タッチスクリーンパネル付きのデバイス(タブレット等)で、タッチ操作を禁止したい場合、 例えば次のようなコードを初期化時に書けば良さそうですが、一部の要素に限って許可したい場合は、どのように書くと良いでしょうか? window.addEventListener('touchmove', function(ev) { ev.preventDefault(); }... ※他の方法でも構いません。 ※いわゆる「キオスクモード」化を少し調べた処、色々と彼方此方に対策しないといけないようで、上手い手が無いか質問させてもらいました。 ※当面、Android端末が対象です。
質問日時: 2022/08/19 21:25 質問者: davidfox
ベストアンサー
1
1
-
javaScriptで画面に値を入れるには
会社で Google Chrome で使っているクラウドシステムがあるのですが、 画面に入力する日付のデフォルト値がいつも月初になっていて、 そこにいつも上期(4月1日)を入力しています。 その後に情報を取得する検索ボタンを押しています。(1日1回) めんどくさいので、拡張機能を自作しgetElementById で 日付フィールドのオブジェクトを取得 日付フィールドの Value に値をセットすると めでたく日付がセットされたのですが その後 検索ボタンを押してもデフォルト日付の情報を表示します。 さらにチェックボックスのオブジェクトを取得し、 checked = true; を設定することで、画面上はチェックされたましたが、 やはり検索で出てくるデータは、チェックされない時のデータです。 ここでjavaScriptでセットした値をなぞるように、 キーボードからあえて同じ値を入力し、 チェックボックスも一度クリックしてチェックを外して、 改めてチェックすると、希望のデータを表示します。 このような場合、どうすれば全てjavaScriptでセットした内容を 画面の値にすることができるでしょうか。 取得したオブジェクトにクリックメソッドを発行してもダメなようでしたし、 あえて、キーボードで入力したかのようなメソッドを発行すると言う手も、 考えてみましたが、うまく行くようには思えません。 何か手はあるでしょうか。アドバイスをいただきたいと思います。 どうぞ、よろしくお願いします。
質問日時: 2022/08/14 12:27 質問者: VT250F
ベストアンサー
1
0
-
jsonテキストデータの並び替えができるサービスを教えてください
下記のようなjsonのテキストデータがあった場合、それを貼り付けたらキーの昇順でソートしてくれるサービスがあれば教えてください。 サービスがなくても簡単に実現できる方法でもかまいません。 どうぞ宜しくお願いいたします!m(_ _)m ------------------jsonデータ---------------------- { "bbb": { "c": "c", "b": "b", "a": "a" }, "aaa":{ "b": "b", "c": "c", "a": "a" } } } ------------------------------------------------- ↓のように並び変わってほしい ------------------------------------------------- { "aaa": { "a": "a", "b": "b", "c": "c" }, "bbb":{ "a": "a", "b": "b", "c": "c" } } } -------------------------------------------------
質問日時: 2022/08/05 20:16 質問者: Hawk1985
ベストアンサー
2
1
-
functionはhtmlやjsに2度使えませんか
functionはhtmlやjsに2度使えませんか。 要は、同じhtml分や、js内に2度使う、あるいは、複数jsを作って、その全部にfunctionキーを設定できるかと言うことです。 具体的には、 function sample() { //ここに処理を書いていく } function sample2() { //ここに処理を書いていく } といった使い方はできないかということですがどうでしょうか。
質問日時: 2022/08/03 19:55 質問者: 福本英一
ベストアンサー
2
0
-
jQueryでのドラッグアンドドロップについて
2つの画像をドロップして決まった枠にドロップするように以下コードを作成しました。 更に以下のように動作するようにしたいです ①ドロップされた時に画像はそのままで表面に〇等の画像を表示させるようにしたい ②2つとも決まった枠にドロップされた後に正解等のポップアップを表示させたい 上記要件を満たすようにするにはどのようにすればいいのでしょうか。 <コード>===================================== <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>test</title> <!jQueryの定義> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> </head> <body> <div class="draggable1"><img src="画像"></div> <div class="draggable2"><img src="画像"></div> <div class="droppable1"></div> <div class="droppable2"></div> <div class="correct"><img src="〇をつけたい"></div> </body> <style> .draggable1 { width: 60px; height: 60px; top: 200px; right: 550px; z-index: 100; position: absolute; text-align: center; } .droppable1 { background-color: white; width: 60px; height: 60px; padding: 0.5em; margin: 10px; border: solid 5px black; position: absolute; top: 200px; left: 550px; z-index: 1; } .draggable2 { width: 60px; height: 60px; top: 400px; right: 550px; z-index: 100; position: absolute; text-align: center; } .droppable2 { background-color: white; width: 60px; height: 60px; padding: 0.5em; margin: 10px; border: solid 5px black; position: absolute; top: 400px; left: 550px; z-index: 1; } </style> <script> $(function () { $(".draggable1").draggable({ snap: "droppable1", snapMode: "inner", revert: "invalid", opacity: 0.7, cursor: "move" }); $(".droppable1").droppable({ accept: '.draggable1', drop: function (e, ui) { $(this) .find("p"); var $srcObj = $(ui.draggable[0]); $srcObj.offset($(this).offset()); return false; } }); }); $(function () { $(".draggable2").draggable({ snap: "droppable2", snapMode: "inner", revert: "invalid", opacity: 0.7, cursor: "move" }); $(".droppable2").droppable({ accept: '.draggable2', drop: function (e, ui) { $(this) .find("p"); var $srcObj = $(ui.draggable[0]); $srcObj.offset($(this).offset()); return false; } }); }); </script> =====================================
質問日時: 2022/07/30 09:10 質問者: いちげんさん
ベストアンサー
1
1
-
【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい
<script> $(function() { $("#button1").click(function() { $(".twiter-box").addClass('twiter-box-after'); }); }); </script> 上記のscriptで、botton1のidが付いたボタンをクリックすると、.twiter-boxの要素に.twiter-box-afterが付与されることは確認しています。 例:<div class="twitter-box"> → <div class="twitter-box twiter-box-after"> これをボタンクリック時に、複数のclassに対してそれぞれclassを付与したいのですが、どのように変更すればいいでしょうか。 具体的には <div class="twitter"><div class="twitter-box"></div></div> ↓ <div class="twitter twitter2"><div class="twitter-box twitter-box-after"></div></div> のような形です。 色々試しましたが上手く動作せず困っています。
質問日時: 2022/07/29 20:52 質問者: nukokok
ベストアンサー
1
0
-
jsで、switch文で書かれた分をif文にできませんか。
jsで、switch文で書かれた分をif文にできませんか。 以下はその文章です。できるなら、全文をお書きください。 <script type="text/javascript" language="javascript"> function onButtonClick() { selindex = document.form1.Select1.selectedIndex; target = document.getElementById("output"); switch (selindex) { case 0: target.innerHTML = "要素1が選択されています。<br/>"; break; case 1: target.innerHTML = "要素2が選択されています。<br/>"; break; case 2: target.innerHTML = "要素3が選択されています。<br/>"; break; case 3: target.innerHTML = "要素4が選択されています。<br/>"; break; case 4: target.innerHTML = "要素5が選択されています。<br/>"; break; } } </script>
質問日時: 2022/07/28 15:10 質問者: 福本英一
解決済
1
0
-
jsでifの返り値にgetelementbyidは使えませんよね。
jsでifの返り値にgetelementbyidは使えませんよね。 あきらめるしかないですよね。
質問日時: 2022/07/27 20:24 質問者: 福本英一
ベストアンサー
1
0
-
switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。
switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 switch文のswitch(n)の部分を複数の値にできますでしょうか。もし無理ならばif文に変えてほしいです。 以下は変えてほしいjsの文章です。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" language="javascript"> function onButtonClick() { selindex = document.form1.Select1.selectedIndex; target = document.getElementById("output"); switch (selindex) { case 0: target.innerHTML = "要素1が選択されています。<br/>"; break; case 1: target.innerHTML = "要素2が選択されています。<br/>"; break; case 2: target.innerHTML = "要素3が選択されています。<br/>"; break; case 3: target.innerHTML = "要素4が選択されています。<br/>"; break; case 4: target.innerHTML = "要素5が選択されています。<br/>"; break; } } </script> </head> <body> <form name="form1" action=""> <select id="Select1""> <option>要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> <input type="button" value="Exec" onclick="onButtonClick();" /> </form> <div id="output"></div> </body> </html>
質問日時: 2022/07/27 17:18 質問者: 福本英一
解決済
1
0
-
switch文は、if文みたいに最初の()内に式を2つ以上設定できませんか。
switch文は、if文みたいに最初の()内に式を2つ以上設定できませんか。 caseの部分のことではないです。
質問日時: 2022/07/27 14:07 質問者: 福本英一
解決済
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【JavaScript】に関するコラム/記事
-
賃貸で可能な古民家風レトロな部屋作りのコツ!改めて知る畳の高い機能性と魅力も紹介
生活スタイルが欧米化している昨今、和室よりも洋室の人気が高く、畳の需要が減ってきている。和風の民家が洋風にリノベーションされ売りに出されているのを目にしたことがある人も多いだろう。実際「教えて!goo」に...
-
メダロット:第240話「Vol.240※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
『保留にする勇気』を持つメリットとは?慣れない新環境で感じる気持ちのギャップ
春から新しい環境に身を置いている人も多いだろう。職場や学校に早く慣れ頑張りたいと思っていても、周囲と自分の気持ちにギャップがあり、ストレスを感じてしまうことがある。「教えて!goo」にも「保育士です。春か...
-
風水の観点で選ぶ観葉植物とは?置き場所や上げたい運気ごとの注意点を紹介!
飾ると部屋の雰囲気がぱっと明るくなる観葉植物。新年度を迎えたこの時期、気持ちも新たにインテリアに取り入れたいと思う人もいるだろう。せっかく飾るなら、運気もアップできれば一石二鳥だ。「教えて!goo」 にも...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
読み込んだQRコードをフォームに受...
-
特定の文字列を複数抜き出したいで...
-
var exports = exports || {}; ← こ...
-
ローディングアニメーションのロゴ...
-
GASでチェックボックスを一括offしたい
-
追加ボタンを押した際に ok ボタン...
-
①入力フォーム→②確認表示画面→③送信...
-
GASに文字列として関数を入れるとエ...
-
GASでGoogleフォームの自動返信シス...
-
React hooksが値を返して配列変数に...
-
初心者です。gulpでコンパイルがで...
-
ジャバスクリプトについて。
-
プログラムについて。
-
HTMLタグに複数のクラスを設定する...
-
Googleフォームで選択肢に応じて次...
-
ボタンを押したあとに画像を表示さ...
-
disabled プロパティが表示されない...
-
出発駅A、到着駅Bを選択すると、2.3...
-
Colorboxがうまく設置できません
-
Cookieに保存されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだすとき...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字数制...
-
メールフォームの日付入力フォーム...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページでHTM...
-
特定の文字列を複数抜き出したいで...
-
指定時間になったら、WEBサイトの更...
-
追加ボタンを押した際に ok ボタン...
-
①入力フォーム→②確認表示画面→③送信...
-
スマホ上で、左右スワイプで次のペ...
-
読み込んだQRコードをフォームに受...
-
フロントエンドフレームワークの定...
-
React hooksが値を返して配列変数に...
-
GASでGoogleフォームの自動返信シス...
-
初心者です。gulpでコンパイルがで...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動きません
-
jQueryで同じクラス名のものを別物...
おすすめ情報