[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
437
未回答やベストアンサーなし質問
0
票
0回答
44 件の閲覧数
DataTablesの非表示列のデータも送信したい
SpringBoot、ThymleafそしてDataTablesを用いて、DBのデータを表示させています。すべての列にinputを持たせて、入力されたデータを一括で送信しようとしています。現在、デフォルトの表示のままだったら一括送信が可能なのですが、DataTablesの検索機能や、ページネーションで非表示になっている列の入力値が送信できずに困っています。
そもそも一つのボタンで、...
0
票
1回答
44 件の閲覧数
ページが変わっても“content_scripts”が反応しない
YouTube 向けの拡張機能の作成をしており、manifestには以下のように記述しました。
"content_scripts":[
{
"matches":[
"https://www.youtube.com/*"
],
"js":[
...
0
票
0回答
34 件の閲覧数
compositionAPIでVuexのstateにアクセスできない
compositionAPIでVuexのstateの参照更新で行き詰まっています。
storeのstateを...toRefs(state)とするとstoreのlogin()で
stateにデータセットができる
stateの値を参照ができる
computedで値のセット・参照ができなくなる
storeのstateをstateとするとstoreのlogin()で
...
0
票
1回答
93 件の閲覧数
ユーザーが入力した文字をランダムで表示させたい
前提・実現したいこと
ユーザーが入力した文字をランダムで表示させたいです。
例えば「さかな」「にく」「ごはん」と入力させたら、「にくごはんさかな」「ごはんさかなにく」など、ランダムに順番が入れ替わるスクリプトを作りたいです。
もしも2つしか入力がなかった場合は、その2つだけでランダム表示させたいです。
発生している問題・エラーメッセージ
入力項目1つずつに変数を作るとすると、...
0
票
0回答
22 件の閲覧数
Fullcalendar でカスタムビューでクリックイベントが発火しない
Fullcalendar.js v5 を使用しています。
リストビューを拡張しようと、独自に定義して表示までは確認できましたが、eventClickが発火しません。
どのように修正したら良いでしょうか。
{ sliceEvents, createPlugin, Calendar } = FullCalendar
CustomViewConfig = {
...
0
票
0回答
25 件の閲覧数
Nuxt.jsでaxiosの設定ファイルをプラグインとして使う際、初回通信時に$axios.setBaseURL()が動作しない
いつもお世話になっております。
Nuxtでaxiosの設定ファイルをプラグインとして作成する際にバグのような動きをします。
初回通信時にプラグインに設定した$axios.setBaseURL()が動作していません。
※GIFにあるように「ログイン」ボタンを押下すると通信が発生します。
ソースコード
export default function( {$axios} ){
$axios....
0
票
0回答
62 件の閲覧数
Tabulatorのチェックボックスを非アクティブ化したい
Tabulatorで列にチェックボックスを表示したテーブルを作成した後、そのチェックボックスを非活性化したいと考えています。
左端の列に表示されるチェックボックスを非活性にしたいのですが、
公式のドキュメントを読んでも非活性にする方法が書いてありません。何か良い方法は無いでしょうか。
なお、同じ内容で teratail でも質問しています。
https://teratail.com/...
0
票
0回答
64 件の閲覧数
javascriptをMVCモデルで書く
MVCモデルでのコーディングについて調べています。
自分なりにjavascriptで書いてみましたが、下記の内容について教えていただけると助かります。
操作を受けたCがMへデータ変更を依頼後、Vの表示更新は、Mからのトリガ(コードだとイベント発火)でよいのか?
それとも、Vの表示更新も、Cがトリガとなるべきなのか?
MVCの関係性を表した図を見ると、C -> V の線(制御?)...
0
票
1回答
70 件の閲覧数
JavaScript と LocalStorege を使用して背景色をサイト内で共有したい
Webアプリを作成しています。0から始めて間もないので、優しく教えていただけたら嬉しいです。(せめてヒントだけでもお願いしたいです。)
HTMLで作成したボタンを押すとJavaScriptで動的にクラスを変更し背景色が変わるようなプログラムを作成しました。
これをローカルファイル内で作成した別のHTMLへ移動しても背景色を保存できるようにしたいと思っています。...
0
票
0回答
53 件の閲覧数
Mac Chromeだとドラッグ&ドロップ周りの処理でエラーが出る
ウェブ上で動作するアプリケーションをHTML/CSS/JavaScriptで作成しています。
let id = event.dataTransfer.getData("text/html",event.target.id); //ドロップされた要素のidを取得
let elm = document.getElementById(id); //idからDOMを取得
let ...
0
票
1回答
91 件の閲覧数
vue.jsでtodoリストを作っていますが、編集機能をつけたい。
解決したいこと
vue.jsでtodoアプリを作っていますが、作成したtodoを編集できるようにしたいです。
発生している問題・エラー
いろいろなことを試しました。現在はエラーは出ませんが、変更も反映されません。
頭の中で考えている編集機能実装処理の流れ
①アイコンを押すと、editTaskアクションが発生する。
②プロンプトが出てきて1文字以上入力すると、実引数の中にidと入力した文章を入れて、...
0
票
0回答
69 件の閲覧数
WebWorkerの実行速度を制御したい
JavaScriptでWebWorkerを使用しています。
私が作ったシステムではWebWorkerの値を送受信する速度が速すぎて、
HTMLに反映される処理が追い付いていない問題が発生しています。
そこで、sleep関数を定義することで、制御することを考えました。
/*Sleep関数 */
function Sleep( milii_second ){
let start = new ...
0
票
1回答
84 件の閲覧数
スタイル変更が画面に反映されてから処理をしたい
ブラウザのクライアントスクリプト(javascript)でexcelを読み込んで印刷するスクリプトを書いています。
excelアプリケーションの立ち上がりから印刷の処理まで時間がかかるので処理中...のような表示をポップアップさせておきたいのですが、良い書き方がわかりません。
現状は以下のように書いているのですが、setTimeoutを使うのがしっくりこず…
...
0
票
0回答
75 件の閲覧数
ajax通信でどのURLを指定すればよいか分からない
jqueryのajax通信で
$.ajax({
url:
type:
data:
dataType:
})
があるのですが、編集ページに通信を飛ばしたい場合、urlはどのような指定になりますか?
ページのurlは/tweets/1/editとなっています
1はidです
0
票
0回答
48 件の閲覧数
javascriptで一瞬undefinedと表示されてしまいます
以下のソースをブラウザから開くと一瞬undefinedと表示されます。
何か考えられる原因はありますでしょうか?
また、以下のソースに改善すべきところがありましたら教えていただけると大変助かります。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type&...
0
票
0回答
53 件の閲覧数
JQuery htmlを出力したい、でもruby(each文)が使えない
前提・実現したいこと
現在非同期通信のインクリメンタルサーチを実装しております。
問題なくインクリメンタルサーチは実装でき、検索することで検索結果としてポストが表示されるようになりましたが、一点だけ問題が起きています。
各ポストには、acts-as-taggable-on gemを使ったタグがついています。
つまり、一つのポストには、一つ以上のタグが付随しています。
erbでは、map(...
0
票
0回答
68 件の閲覧数
laravelのページネーションが上手く行かない
今現在、laravelで非同期処理を用いてページネーションの機能を実装しようとしているのですが、
2ページ目以降に行くと、ユーザーを選ぶ欄が表示されなくなってしまいます。
間違っている部分を指摘してくださるとありがたいです。
以下のコードは必要な部分のみ抜粋しています。
~app.blade.php~
@if(Auth::user()):
<div class="modal ...
0
票
0回答
74 件の閲覧数
Electronで作成したデスクトップアプリでGoogleアカウント連携ができない
同じ内容が昨年の12月ごろから散見されていますが、解決方法がわからないままなのでこちらに失礼いたします。
ElectronでGoogleDriveのファイル操作をするアプリを作成し、昨年の前半まで使用しておりました。
いつの頃からかGoogle連携時に
「このブラウザまたはアプリは安全でない可能性があります。
別のブラウザをお試しください。サポートされているブラウザをすでに使用している場合は、...
0
票
0回答
63 件の閲覧数
Railsでgem 'carrierwave'を使用した際、親子の子にあたるimagesが登録できても編集できない
【 環境 】 Rails 6
ruby -v
2.6.6
rails -v
Rails 6.0.3.2
【 やりたいこと 】
gem 'carrierwave'を使用して複数画像の登録、編集および削除を実装したい
【 困っていること 】
新規での複数画像の登録はできたのですが、
この実装方法ですと、ユーザー情報の編集にて複数画像の変更(更新)を行うことができず困っております・・
"...
0
票
0回答
66 件の閲覧数
Safari14アップデートでWebGL+Leafletが動かない
Safariを14にアップデートしたら今まで閲覧していたウェブアプリケーションが動かなくなりました(13.1.2から14.0)。アプリケーションはウェブ地図(Leaflet)とWebGLを組み合わせて実現しているCS立体図という地形表現ソフトです。
https://frogcat.github.io/csmap/
アップデート後、アプリケーションの初期表示が出来たり出来なかったり、...
0
票
0回答
38 件の閲覧数
javascript (chrome 拡張) で特定の名前のブックマークを開く方法
頻繁に入れ替える URL を同じショートカットキーで起動したいです
ソースコード直がきで
document.addEventListener('keydown', (event) => {
const key = event.key;
if(key == 'F7') {
document.location.href = "https://google....
0
票
0回答
95 件の閲覧数
vue-quill-editorのツールバーと入力欄が切り離せない
vue-quill-editorのツールバーと入力欄を切り離して、ツールバーと入力欄の間に何か入れたいのですが、ツールバーと入力欄が切り離せません。
切り離す方法があれば教えていただきたいです。
<template>
<div class="ml-5 mt-5">
<div id="app">
&...
0
票
0回答
33 件の閲覧数
google analytics apiでユーザーごとのデータを取得する方法を教えていただけないでしょうか?
アナリティクスのデータをapiで取得したいと思っています。
具体的にはユーザーごとのデータを取得して、
性別データがユーザーに紐づいているかを確認したいのですが、apiでユーザーごとのデータを取得する方法がわかりません。
下記のページを参考にして、セッションデータを取得することはできました。
下記のjavascriptをベースとした記述で、ユーザーごとのデータを取得する方法を教えてください。
...
0
票
1回答
93 件の閲覧数
react nativeで撮影した / 選択した 画像そのものを反転させるには?
前提・実現したいこと
他のサイトでも同じ質問をしております。よろしくお願いいたします。
react native で ImagePicker.showImagePicker から 選択、撮影した『画像そのもの』を水平方向にを反転させたいです。
発生している問題・エラーメッセージ
選択、撮影した 画像を反転して『表示』させることはできますが、『画像そのもの』を水平方向に反転させる方法がわかりません。
...
0
票
1回答
358 件の閲覧数
JavaScript から exe ファイル (Outlook) を起動させたい
はじめまして、現在JavaScriptにてwebページを作成中です。
outlookをボタン押下時に起動させたい(exeを起動するだけで新規メールの作成ではない)のですがうまくいかずに困っています。
以下のコードにてボタンを押すと現状『アクセスが拒否されました。』と出てしまいます。
解決策や別の実行方法があれば教えていただきたく思います。
<input type="button&...
0
票
1回答
123 件の閲覧数
firebaseから取得したデータをReact内のjsxで表示できない
firebaseから取得したデータをreact componentで表示したいのですがundefinedが返され上手く表示されません。ライフサイクルの観点から上手くデータが同期されていない様に思うのですが、どなたかご教示いただく事は出来ないでしょうか。
【追記分】
class Grammer extends React.Component {
state =
{
N1:[],
...
0
票
2回答
78 件の閲覧数
JavaScriptでチェックボックスの値を取得したいのですが、やりかたを教えて下さい
JavaScriptで下記のようにチェックボックスの値を取得したいのですが、チェックが付いていてもいなくても val() で取得すると値が on になってしまいます。
また、.prop('checked') で値を取得する方法も考えたのですがやりたい処理としては最初の画面遷移時のチェックがついているかどうかで処理を判断したいため、.prop('checked') ...
0
票
0回答
126 件の閲覧数
handsontableとResizableを使って動的にテーブルの大きさを変更したい
Handsontableにお詳しい方、似たような実装をされた方、お手隙の際にアドバイスいただけると助かります。
使用技術
Handsontable 6.2.2 (Execel風のテーブルを実装できるライブラリ)
Resizable (指定したdiv等をリサイズできるようにするライブラリ)
やりたいこと
...
0
票
1回答
72 件の閲覧数
JavaScriptコード内でThymeleafを使用したい
HTML内に記載しているJavaScriptコード内でThymeleafを使用したいです。
ソースコードは以下の通りです。
具体的には、Thymeleafで"${i}"を指定している為、
"i" 変数の中身をvalueとして参照したいです。
<a href="javascript:document.f.page.th:value = &...
0
票
0回答
47 件の閲覧数
HTMLのaudioタグを使って音声再生している時に、途中で音声が止まる事がある
HTMLでは以下のコードを書いて preload しております。
<audio id="soundFile" preload="auto">
<source
src="xxxxxx.mp3"
type="audio/mp3"
/>
</audio>
...
0
票
1回答
460 件の閲覧数
PythonのSeleniumを用いたhref=“javascript:void(0)”のスクレイピング
http://bit.sikkou.jp/app/past/pt003/h01/
上記サイトの各地方・各裁判所・全物件の全データを並べたcsvファイルを作成したいと考えています。
GoogleChromeで各地方のリンクをSeleniumから要素を取得、クリック、ページ遷移ができません。
該当場所のリンクがhref="javascript:void(0)"となっており、...
0
票
1回答
50 件の閲覧数
UserScriptを用いて別ドメインのページに対してScriptを実行することは可能?
hoge.com/0001.html
<html>
<head>
</head>
<body>
https://rehoge.com/1234.html
</body>
</html>
上記ページから rehoge.com/1234.html に対してScriptを実行することは可能ですか?
例えば rehoge.com/...
0
票
0回答
29 件の閲覧数
GoogleタグマネージャーでAudioタグのダウンロードをトリガーに設定可能でしょうか?
GoogleタグマネージャーでAudioタグの音声データダウンロードをトリガーとして設定することは可能でしょうか?
トリガーのClickURLで末尾を「.wav」に設定してもダウンロードで着火しません。
ちなみにPDFやテキストファイルはカウントできるのでAudioタグの仕様なのでしょうか?
ご教授願います。
0
票
0回答
69 件の閲覧数
Androidでナビゲーションバーを常に表示させたいです。
Androidで確認した時にナビゲーションバーを常に表示させたいです。
実機のAndroidのバージョンは7.0
Galaxy Experience version8.1を使用しています。
現状、下から上にスワイプすることでナビゲーションバーを表示しています。
これをスワイプせずにデフォルトでナビゲーションバーを表示させたいです。
試したこと
MainActivity....
0
票
0回答
66 件の閲覧数
android端末の内部ストレージにあるDownloadフォルダのファイルを参照したい
monacaでandroidアプリを開発しています。
cordova-plugin-fileを使用してダウンロードしたapkファイルの更新日付を確認するプログラムを作成しようと思っています。
storage/emulated/0/Downloadにアクセスする方法がわからずに困っています。
やりたいことは以下の通りです。
1....
0
票
0回答
74 件の閲覧数
application.html.erb で使用している部分テンプレートを特定ページのみ非表示にしたい
解決したいこと
全ページ共通で表示している部分テンプレートを特定のページのみ非表示にしたい。
本件に当てはめると、チャットページに移行するため常に画面右下部に表示させているアイコンをチャットページでは意味を持たないため非表示にしたい
※下記よりイメージ
画像右下部にあるアイコン(チャットページへのリンク)は、部分テンプレートを使用し全ページで表示をさせている。
...
0
票
0回答
32 件の閲覧数
Androidアプリでオフライン状態から復旧できない。
monacaでandroidアプリを開発しています。
アプリ内のボタンを押下した際にカメラを起動する処理を作成していますが、
カメラが起動されたときにoffline変更のイベントが発生します。
※端末自体はオンライン状態(LTE接続で他ブラウザではホームページ等閲覧できる状態)
以下はオンライン判定に使用しているソースコードです。
var onlineStatus = false;
var ...
0
票
1回答
295 件の閲覧数
javascriptによるSJIS変換およびBASE64変換
画面上から取得した値(UTF-16)をSJISに変換し、ハッシュコード変換して使用。
BASE64変換を行い、再度使用(外部システムにPOST)
最終的に外部システム側で受け取った値が???になってしまいます。
SJIS変換箇所やBASE64の変換箇所でおかしいところがあればご指摘を頂きたく。
配列で変換を行う等のトライ&エラーを行ってみたのですが、どうしても正常に変換ができない状態です。
...
0
票
0回答
58 件の閲覧数
android端末用アプリで通信状態が正常に取得できない
monacaを使用してアプリ開発をしています。
現在タブレット端末にて、一時的に圏外になりその後復帰した際にネットワーク情報を取得しても[none]のままになっていて内部的には通信エラーとして処理されてしまいます。
navigator.connection.type !== Connection.NONE = falseになる?
手動でモバイルデータのON/...
0
票
0回答
57 件の閲覧数
android端末用アプリからマルチウィンドウを制御することは可能でしょうか?
monacaで作成しているアプリでボタンを押下したらマルチウィンドウになり(2分割の画面に切り替わり)、地図アプリを同時に起動したいのですが可能でしょうか?
地図アプリについてはWebIntentを使用すれば起動できるとmonacaのサイトにも掲載されているのですが、マルチウィンドウ化だけは探してもめぼしい情報がなかなか見つかりません。
宜しくお願い致します。
0
票
0回答
53 件の閲覧数
monacaでモバイルデータのON/OFFは可能でしょうか?
タブレット端末にて、一時的に圏外になりその後復帰した際にネットワーク情報を取得しても[none]のままになっていて内部的には通信エラーとして処理されてしまいます。
navigator.connection.type !== Connection.NONE = falseになる?
手動でモバイルデータのON/OFFを切り替えると正常に戻るようなのですが原因がわからない状態です。
...
0
票
0回答
153 件の閲覧数
window.location.href を 無効化したい
HTMLに直接記述された window.location.href を JavaScript で無効化したい。
window.location.href = "hoge.com";
無効化する方法を調べたけれど分からなかったので、結果的に遷移されない方法で間接的に無効化する手段を取りました。
その方法は以下の様なScriptを実行しておくことです。
window....
0
票
0回答
41 件の閲覧数
WordPressテーマ「Divi」でブログモジュールのコンテンツをモーダル形式で表示する
WordPressの「Divi」というテーマを使っていて、ブログモジュールを利用した際に、それぞれのコンテンツをクリックしたらモーダル形式で表示できるようにしたいです。
具体的に説明すると、ページにブログ記事がグリッド形式で並んでおり、それぞれの記事をクリックするとモーダル形式で記事の内容が表示されるといった実装を行いたいです。
テーマのデフォルト機能では実装ができず、...
0
票
1回答
61 件の閲覧数
WordPressでレンダリングを妨げるリソースの除外をする際にdefer属性をscriptタグに付けたのですが、jsが効かなくなってしまった。
WordPressで管理しているサイトで、ページスピードの改善の際に「レンダリングを妨げるリソースの除外をする」というのがあったので、それに対応するために、scriptタグにdefer属性を付与しようと考えました。
そこでfunctions.phpに以下のコードを書いたのですが、他のjsが効かなくなってしまったので、何が原因知りたいです。また、何か良い方法はありますか?
if(!(...
0
票
0回答
68 件の閲覧数
Google Mapsで、緯度経度から(API を使用せず)iframeでストリートビューを表示したい
緯度経度が分かっている状態で、(API を使用せず)iframeでストリートビューを表示したいです。
埋め込みコードを見ると、2dや3fで緯度経度を指定しているようですが、4fや5fを動的に指定することはできますか?(ここには何を指定するのですか?)
<iframe src="https://www.google.com/maps/embed?pb=!4vxxxx!xxxx!...
0
票
0回答
83 件の閲覧数
InstagramからPuppeteerで情報取得したいができない
◆質問概要
以下の通りInstagramからBody部を取得したいのですが、なぜかログインページ
のHTMLしか取得できず困っています。どなたか詳しい方ご教示いただければ幸いです。
◆環境
nodejs v12.18.1
puppeteer 4.0.0
Linux debian 10.4 (CUI環境)
(上記をGoogle Cloud Platform Compute Engine上で構築)
◆...
0
票
0回答
67 件の閲覧数
URLのパラメータを判別して期間限定のページを出し分ける方法
表題の件について質問になります。
期間限定のページを運用で回していきたいと思っていて、
URL末尾に?enddate=200731 のようなパラメータをセットして、このパラメータを判別してページの表示期間を
制御させる方法(記述)をご教示頂けますと幸いです。
この例で言うと20年8月1日になった時点でページが見れなくなる想定です。
それか、パラメータに有効期間をセットして、...
0
票
0回答
43 件の閲覧数
dojo toolkitの使い方
例えば、html側で下記のようにdata-dojo-type属性でオブジェクトをインスタンス化した場合に
Javascript側の「login:」メソッドはどのタイミングで処理が行われるのでしょうか。
コンストラクタが呼ばれた後に処理されるのでしょうか。
<button type="button" data-dojo-type="Employee"&...
0
票
0回答
72 件の閲覧数
The XSS Auditor refused to execute a script エラーが Safari でのみ発生する
Chromeでは問題なく動いたのですが、safariでは表題のエラーが発生しています。
対策がわからず難航してます。
The XSS Auditor refused to execute a script in~というエラーについて - Qiita
上記ページの内容は試してみましたができませんでした。
誰かわかる方、いらっしゃいますか?
もう5日以上、...
0
票
1回答
88 件の閲覧数
JavaScriptでCaesar暗号を日英混合の文字列で使用する方法
JavaScriptで日本語のシフトが出来なかったため、質問した次第です。
下記のコードで英語の大小文字はできたのですが、function(c) 内で日本語(平仮名・片仮名・漢字)も同時にする方法を模索しております。
return decryptee.replace(/[a-zA-Z]/g, function (c) {
return String.fromCharCode((c <=...