Detectar click y doble click en HTML

publicado por: Anonymous Como puedo hacer para detectar si se ha hecho un click simple o un doble click sobre un elemento HTML <div> he probado el siguiente código: <div onclick=”alert(‘un click’)” ondblclick=”alert(‘doble click’)”> Click aqui</div> El problema es que no me detecta el doble click, siempre me muestra el mensaje “un click”, como hago…(Continue Reading)

for of を使ったReverse Stringの挙動が分からない

投稿者: Anonymous 以下のラインでなぜ abc という文字列が cba と逆になるのか理解できません。 reversed = char + reversed; _x000D_ _x000D_ function reverse(str) {_x000D_ let reversed = “”;_x000D_ for (let char of str) {_x000D_ reversed = char + reversed;_x000D_ }_x000D_ return reversed;_x000D_ };_x000D_ _x000D_ console.log(reverse(“abc”)); _x000D_ _x000D_ _x000D_ 解決 「例示は理解の試金石」です。実際にこの関数がどのように動いているのか、各変数の内容を追いながら確かめてみましょう。 まず最初に変数 reversed は空文字列 “” で初期化されます。 let reversed = “”; 次に問題の for of…(Continue Reading)

Como parar un setTimeout?

publicado por: Anonymous Como puedo parar un setTimeout, mientras está ejecutandose, pensé que era con clearTimeout, pero no es así _x000D_ _x000D_ window.addEventListener(“DOMContentLoaded”, main);_x000D_ _x000D_ function main() {_x000D_ var mano = document.getElementById(“mano”);_x000D_ mano.style.left = document.body.scrollWidth-40 + “px”;_x000D_ mano.style.top = (document.body.scrollHeight-40) + “px”;_x000D_ mano.addEventListener(“click”,function(){_x000D_ if(th) {_x000D_ clearTimeout(th); // <- TERMINAR SET TIMEOUT_x000D_ }_x000D_ });_x000D_ function titulohome()…(Continue Reading)

ScriptEngineが読み込むスクリプトの中でJavaの標準APIクラスしか初期化できない

投稿者: Anonymous ScriptEngineクラスを用いて.jsファイルを実行し、 その.jsファイルの中で、自作のJavaクラスを初期化して使いたいと思っています。 ここで記述するJavaScriptファイルでは importPackage(java.lang); のような記述をすればそのパッケージ内のクラスを初期化できるようになりますが、 これはJavaの標準APIクラスだけのようです。 仮に自分で jp というパッケージを作って、 上記の書式でインポートしようとしてもエラーが発生します (ScriptEngine#eval(String)でその行を読みこむとScriptExceptionが発生する) 何か解決策・代替案等あれば教えてください。 以下がそのソースです。 Main.java package jp; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStreamReader; import javax.script.Invocable; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException; public class Main { public static void main(String… args) { //スクリプトエンジンを生成し、スクリプトを読み込む ScriptEngineManager manager = new ScriptEngineManager(); ScriptEngine engine =…(Continue Reading)

¿Cómo ordenar un array en Javascript?

publicado por: Anonymous quisiera saber como puedo ordenar a mi manera los datos de un array en Javascript. El array lo estoy haciendo porque tengo que cargar un select con los días que tiene determinado mes, por Ejemplo: Enero tiene 31 y Febrero 28… así sucesivamente, El punto es que de acuerdo al mes el…(Continue Reading)

Detectar por javascript que mi navegador se muestra en movil

publicado por: Anonymous Buenas, una función o método en javascript que detecte que mi web se muestre en web o en dispositivo móvil. solución Mira este codigo es el que yo siempre utilizo para poder pobrarlo debes abrir la consola y darle a la opcion “toggle device toolbar” para que te lo reconosca como mobile…(Continue Reading)

Llenar un input dependiendo del valor de otro

publicado por: Anonymous Tengo el siguiente formulario html el cual tiene un campo readonly “Precio Base” y quiero llenarlo con un valor que dependerá de los datos que tengan los otros inputs para luego validarlo con Javascript y con Java (JSP, Servlets) guardarlos en una base de datos. <form class=”col-lg-6 col-md-8 col-sm-12 mx-auto form-style”> <h1…(Continue Reading)

jQuery / JavaScriptが無効の環境でも表示を保証するには

投稿者: Anonymous 実際に動かしたい内容としてはjQuery / JavaScriptで、ロード画面を表示させたいとほぼ同じで、以下のことを行いたいのですが、 HTML読み込み完了後まで要素を非表示 完了後にアニメーションとともに要素を表示する 要素にclassでdisplay: none;を付けた状態にしておき、読み込み完了後にjQueryのtoggleClassで外して表示するという方法で目的を達成することができます。 ですが、この場合の問題点としてJavaScriptが無効の時に読み込みが完了しても要素が表示されないという点が上げられます。 なるべくCSSでのアニメーションに依存(しなくてもOK)しながらJavaScriptが使用できない環境でも表示を保証するにはどうしたら良いのでしょうか。 追記: <noscript>を使って以下の様なコードで表示は保証されますが、この場合記述量が2倍近くに膨れ上がり、またSEO的にも悪いのでこのような方法を避けたいです。 <div id=”wrapper” class=”is-hidden”> <h1>TEST</h1> <p>messege</p> </div> <noscript> <div id=”wrapper”> <h1>TEST</h1> <p>messege</p> </div> </noscript> 実際に動かしたいアニメーションの例: _x000D_ _x000D_ $(window).load(function() {_x000D_ $(“#wrapper”).toggleClass(“is-hidden animated fadeInDown”);_x000D_ }); _x000D_ .is-hidden {_x000D_ display: none;_x000D_ }_x000D_ _x000D_ /* Animate.css */_x000D_ .animated {_x000D_ -webkit-animation-duration: 1s;_x000D_ animation-duration: 1s;_x000D_ -webkit-animation-fill-mode: both;_x000D_ animation-fill-mode: both;_x000D_…(Continue Reading)