AngularJSでng-repeat時に、ng-clickしたらhideされている要素を表示したい

投稿者: Anonymous Angularjs1.3.0 下記のようなlist配列をループで回した際に、div要素をng-clickすることで 元々非表示になっているspan要素を表示させたいと考えています。 またクリックされた要素自体はng-hideにより非表示にします。 本家のstackoverflowに参考になりそうなコードがあったので組み込んでみましたが、そちらは表示されているものを非表示にするといった処理のため希望と異なっていました。 下記のコードを実行すると、クリックされたdiv自体は非表示になるのですが、非表示状態のspanは表示されません。 どのようにしたらよいでしょうか? <div ng-repeat=”(index, value) in list”> <div ng-hide=”showDetails” ng-click=”showDetails = ! showDetails”>タップすると消えます</div> <span ng-hide=”true” ng-show=”!showDetails”>非表示TEST index:{{$index}}</span> </div> 提示いただいたコードで無事目的の結果が出ました。 ありがとうございました。 なお、1つ気になった点ですが、こちらに投稿するためにシンプルなコードを載せたのですが、本来の開発中のコードは下記のようにng-ifディレクティブを使って条件によってDOMの存在自体を制御していたのですが、この場合だとdiv要素が消えたときにspan要素が表示されないです。 _x000D_ _x000D_ var app=angular.module(“app”,[]);_x000D_ app.controller(“AppCtrl”, function($scope){_x000D_ $scope.list = [1,2,3,4];_x000D_ $scope.view_flag = true;_x000D_ }); _x000D_ <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js”></script>_x000D_ <div ng-app=”app” ng-controller=”AppCtrl”>_x000D_ <div ng-repeat=”(index, value) in list”>_x000D_ <div ng-if=”view_flag” ng-hide=”showDetails”…(Continue Reading)

javascriptからのクリックを拒否する方法

投稿者: Anonymous こんにちは。 Youtubeのサイトを見ていた際に、全画面ボタンをjavascriptから押そうとすると ”Failed to execute ‘requestFullScreen’ on ‘Element’: API can only be initiated by a user gesture.” という警告がコンソール上に表示され、ボタンを押すことが出来ませんでした。 こういった挙動はどのように実現するのでしょうか? ユーザのクリックと、javascriptからのクリックでなにか違いがあるのでしょうか? よろしくお願いします。 解決 フルスクリーンAPIはセキュリティ上の理由でclickイベントなどユーザー操作を起因して実行される関数内でしか実行できません。 そうしないと、timer(setInterval)でフルスクリーンを戻しても戻しても、解除させないなど作れてしまうため、そういう事が出来ないようになっています。 回答者: Anonymous

Como convertir un HTML a PDF con jsPDF, sin perder los estilos CSS

publicado por: Anonymous tengo el siguiente HTML <!DOCTYPE html> <html lang=”es”> <head> <title>hola</title> <meta charset=”utf-8″> <link link=”” rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css” type=”text/css”> <link rel=”stylesheet” href=”https://v40.pingendo.com/assets/4.0.0/default/theme.css” type=”text/css”> <link href=”/public/css/app.css” rel=”stylesheet”> <script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js” integrity=”sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4″ crossorigin=”anonymous”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js”></script> </head> <body> <div id=”print”> <div class=”container”> <div class=”row”> <div class=”col-md-10 offset-md-1″> <p…(Continue Reading)

iOSのwebViewでjavascriptを呼び出し、返り値を取得したい

投稿者: Anonymous iOSのUIWebViewで、ロードしたページ内のjavascriptを呼び出し戻り値をiOS側に格納したいです。 どのような方法があるでしょうか? 解決 webViewにロードしたhtmlが例えば次のようになっていた場合、 <html> <head> <script> function test(value){ return JSON.stringify({result : value * 2}); } </script> </head> <body> </body> </html> 次のようにstringByEvaluatingJavaScriptFromString:を呼び出すことで、返り値を取得できます。 NSString *function = [NSString stringWithFormat: @”test(%i)”, 1]; NSString *jsonString = [webView stringByEvaluatingJavaScriptFromString:function]; NSData *jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding]; NSDictionary *json = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingAllowFragments error:nil]; NSLog(@”json: %@”, json); なお、stringByEvaluatingJavaScriptFromString:の戻り値はNSStringなので、シンプルなデータであればJSONで受け渡しする必要はないです。 また、Objective-C -> JSは以上のように簡潔にできますが、JS…(Continue Reading)

Obtener URL completa del href

publicado por: Anonymous Tengo el siguiente código que al presionar un <a href obtengo la url de este mismo: <a href=”http://localhost/uno/dos.zip”>DESCARGAR</a> y jQuery $(‘a’).click(function(event) { var url = $(‘a’).attr(‘href’); alert(url); }); El problema es el siguiente: cuando presiono el link en la página index.php que estoy haciendo, este al presionar se ejecuta la función del…(Continue Reading)

Evitar que se cierre una ventana modal al abrir otra

publicado por: Anonymous Tengo los siguientes modales: > primero abro este: <div id=”my-id” class=”uk-flex-top” uk-modal> <i class=”material-icons uk-text-success md-icon uk-form-file” id=”btnCompr” href=”#modal-full” uk-toggle>search </i> <div class=”uk-modal-dialog uk-margin-auto-vertical”></div> </div> Pero quiero que al dar click al boton se abra segundo sin cerrar el primero <div id=”<i class=”material-icons uk-text-success md-icon uk-form-file” id=”btnCompr” href=”#modal-full” uk-toggle>search </i>” class=”uk-modal-full” uk-modal>…(Continue Reading)

javascriptが動きません

投稿者: Anonymous 前提・実現したいこと javascriptでリアルタイムの計算がしたい 発生している問題・エラーメッセージ 定価と掛け率を掛けた結果を単価に表示させたいのですがうまくいきません。 該当のソースコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>(アプリ名)</title> <link rel="stylesheet" href="/distributor_system/css/reset.css"> <link rel="stylesheet" href="/distributor_system/css/style.css"> </head> <body> <div id="wrapper"> <div id="header"> <h1>(アプリ名)</h1> </div> <div id="content"> <h2>職人Aの単価</h2> <form method="POST" action="/distributor_system/wholesales/new"> <table> <tbody> <tr> <th>品番</th> <th>定価</th> <th>掛け率</th> <th>単位</th> <th>単価</th> </tr> <tr> <td><input type="text" name="product_number" value=""></td> <td><input id="input01" type="text" name="normal_price" value="" /></td>…(Continue Reading)

Como puedo quitar el hash de la url en angularjs

publicado por: Anonymous Estoy en un proyecto que usa mvc 4 y angular. Tengo un problema con angular: Estoy en la pantalla de login y luego de loguearme quiero utilizar $location.url(‘/Home/Index’); para redireccionar a la pagina principal del sistema pero no me funciona. En el navegador me manda a esta ruta: http://localhost:9771/#/Home/Index Cuando la correcta…(Continue Reading)

DatePicker en español

publicado por: Anonymous Tengo un datepicker y un month funcionan correctamente, el problema es que los dos aparecen en ingles y quiero pasarlos a español, he intentado con varios códigos que he encontrado pero el idioma no cambia a español. Código datepicker _x000D_ _x000D_ //Librerías_x000D_ <link rel=”stylesheet” href=”plugins/datepicker/datepicker3.css”> _x000D_ <script src=”plugins/datepicker/bootstrap-datepicker.js”></script>_x000D_ _x000D_ <div class=”input-group date”>…(Continue Reading)

Colocar logo y mostrar informacion de usuario en reporte con datatables

publicado por: Anonymous Quisiera saber como se pudiese colocar un logo y la informacion de un usuario que realiza una exportacion de informacion al seleccionar el boton PDF o el boton IMPRIMIR que son de datatables de jquery? Para los botones yo solo tengo lo siguiente: buttons: [ { extend: ‘print’, text: ‘IMPRIMIR’, exportOptions: {…(Continue Reading)

knockoutjsを使用してjsonデータをカテゴリ毎にまとめて表示する方法

投稿者: Anonymous javascript初心者です。 [{“Category”:”A”,”Title”:”△△△”,”Uri”:”○○○”},{“Category”:”A”,”Title”:”□□□”,”Uri”:”×××”},] <div data-bind=”foreach:$data”> <dl data-bind=”data:Category”> <dt data-bind=”text:Category”></dt> <dd> <a data-bind=”attr:{href:Uri}”><span data-bind=”text:Title”>/span></a> </dd> </dl> </div> <script> $(function () { $.getJSON(“/data/somefile”, function (data) { ko.applyBindings(data); }) }); </script> 上記の場合、「Category」と「リンク」が交互に表示されてしまいます。 Categoryのデータが同じ場合、そのカテゴリを「dl」でまとめて、データを「dd」でリスト表示したいのですが、可能でしょうか。 可能であれば教えていただければと思います。 よろしくお願いします。 解決 $indexとバインディング・コンテキストより、一つ前の値と比較しif文でdtを制御します。 http://kojs.sukobuto.com/docs/foreach-binding http://kojs.sukobuto.com/docs/binding-context $indexとバインディング・コンテキストの詳しい説明は上記参照。 また、サンプルを以下に記載します。 _x000D_ _x000D_ var data = [];_x000D_ for(var i=0; i<20; i++){_x000D_ var category = String.fromCharCode(65 + (i/5…(Continue Reading)

Validar un Checkbox con JQuery

publicado por: Anonymous Quisiera saber la manera de validar un Checkbox con JQuery en un pequeño formulario. _x000D_ _x000D_ <form action=””>_x000D_ <a>Correo: </a>_x000D_ <input type=”email” name=”correo”>_x000D_ <br>_x000D_ <a>Telefono: </a>_x000D_ <input type=”text” name=”telefono”>_x000D_ <br>_x000D_ <a>Aceptar condiciones: </a>_x000D_ <input type=”checkbox” name=”aceptar”>_x000D_ <br>_x000D_ <button type=”submit” id=”submit”>Enviar Formulario</button>_x000D_ </form> _x000D_ _x000D_ _x000D_ Encontré varios tipos de validaciones .is(selector)y .prop()…(Continue Reading)

Error “Uncaught TypeError: Cannot read property ‘value’ of null”

publicado por: Anonymous Estoy realizando mi primer formulario de registro en ASP.NET y utilizando tambien algo de Javascript estoy presentando el siguiente error al momento de registrar Uncaught TypeError: Cannot read property ‘value’ of null El siguiente es el código de mi javascript: function f_submitForm() { $(“#submit”).css(“display”, “none”); $(“#load”).css(“display”, “block”); const auxPriorityInput = document.getElementById(“ticketPriorityInput”); const…(Continue Reading)

Cambio de option de un select por texto y no atributo

publicado por: Anonymous Con este <select> <select id=”idselect”> <option value=”1″ data-msg=”111″>Personalizado</option> </select> Para cambiar a la opción a un <select> en jquery tengo por ejemplo estas opciones $(‘#idselect’).val(‘1’).attr(‘selected’,’selected’) $(‘#idselect > option[value=”1″]’).attr(‘selected’,’selected’) $(‘#idselect > option[data-msg=”111″]’).attr(‘selected’,’selected’) Pero es con value o atributos personalizados Me gustaría saber como se puede cambiar la opción indicándole el texto ‘Personalizado’ y…(Continue Reading)

Unexpected token N in JSON at position 0

publicado por: Anonymous Chicos Tengo un error que en mi NodeJS resto API, y no puede resolver esto. Mi idea es hacer un login github, esta aplicación funciona así: Redirección a github devolviendo un código temporal en callback. Enviar este código temporal a mi REST API y hacer una solicitud de búsqueda a otro endpoint…(Continue Reading)

window.open agregando estilos al momento de imprimir

publicado por: Anonymous Tengo una página en HTML de prueba y dentro de ella un botón el cual activa una función para que la página pueda imprimirse. ¿Cómo puedo hacer para que al momento de imprimir respete mis estilos css en la página? Este es el código del botón: <div id=”Imprimeme”>Este es un div.<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p…(Continue Reading)

Push.jsを使ってのニュース通知等について

投稿者: Anonymous サイトのニュース等をWebプッシュを使用して行いたいと考えております。 探したところPush.jsというライブラリがあるようです。 https://github.com/Nickersoft/push.js ライブラリの使い方を見るとPush実行がクライアント側javascriptトリガになっており 閲覧しているページ内のjavascriptで動作できる範囲の通知しかできないように思えます。 想定としては、サーバ側からPushを投げ通知を許可したユーザに対してPushが行われることを想定しているのですが、Push.jsはそのような動作はできないのでしょうか? Push.jsを紹介している日本語サイトは検索してもそれなりにありますが 「ウェブサイトで更新があったときなどに通知」「サイトからお知らせ」等の用途として紹介されていたりしますが、 Push.jsでその様なサーバ側トリガのPushは可能なのでしょうか? 解決 Push.jsはNotifications APIを簡単に使えるようにしたライブラリで、それ自身にサーバと通信する機能は備えていません。 対象のWebページを開いたままサーバトリガーで通知を表示するための通信方法はいくつか考えられます。 WebSocket Server-Sent Events ロングポーリング どれを使用するかは想定している環境などに依ります。 回答者: Anonymous

IE9 のみ $.ajax が期待通り動作しません

投稿者: Anonymous IE9で$.ajaxが動作しません(IE10やChromeでの正常動作は確認済み) 現在ajax実行時のソースは下記のソースの通りです。 現状の動作としてはサーバー側に処理が移る前に、 error: function (XMLHttpRequest, textStatus, errorThrown) に到達してしまう状況です。 textStatusには”error”、errorThrownには”アクセスが拒否されました。”という文字列が入っています。 “アクセスが拒否されました。”の対応策として、このサイトを参考に「jquery.xdomainrequest.min.js」を試したのですが、依然として”アクセスが拒否されました。”が帰ってきます。 現在はこのサイトを参考に、XDomainRequestでの対応を試みています。 解決方法の分かる方がいましたら、ご教授をお願いします。 $.ajax( { url: url, crossDomain: true, type: ‘GET’, processData: false, contentType: false, data: jsonData, async: false, success: function (jsonData) { ~ }, error: function (XMLHttpRequest, textStatus, errorThrown) { ~ } }); 解決 IE10未満のXMLHttpRequestはクロスドメイン通信に対応していません。その代りIE8以降ではXDomainRequestが提供されています。しかしjQueryではこれに対応せずプラグインを使うことになっています。 質問文にはどのようなサイトを参考にされたのか、プラグインを読み込んでいるかが書かれておらず一つの可能性としてあげました。 質問文が更新されたのでそれを踏まえて追記します。 jQueryのチケットからリンクされているXDomainRequest – Restrictions, Limitations and…(Continue Reading)

要素を連続してクリックしても音がなるようにする

投稿者: Anonymous ある要素をクリックするとすぐに音がなるようにしたいと思っています。 下記のhtmlとjsで<h1>をクリックすると音がなるようになっているのですが、2回連続でクリックしたとしても2回連続では音が鳴らず、1度クリックした後で少し間隔を開ける必要があります。これをすぐに音がなるようにするにはどうすればいいのでしょうか? soundapi.jsなどがあるようですが、極力、外部のライブラリなどを使わずにやりたいと思っています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ワダエフェ〜ム</title> <link rel="stylesheet" href="wada.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'> </head> <body> <h1 id="wadafm">Wada.fm</h1> <p id="describe">上の「Wada.fm」の文字をクリックすると・・・</p> <a href="http://wada.fm"><img src="wadafm.png" id="wadafm_artwork"></a> <a href="wada.mp3" id="se" download="wada.mp3">さあみなさんもワダエフェ〜ム (SE download link)</a> <a href="https://github.com/kiyugadgeter/wadafm-button/fork" id="forkme">Fork me on Github</a> <audio src="wada.mp3" id="wadafm_audio" preload="auto" type="audio/mp3"></audio> <script src="wada.js"></script> </body> </html> var wadafm =…(Continue Reading)

JavaScript no es Java, pero ¿por qué el nombre?

publicado por: Anonymous Muchos como yo alguna vez pensamos que había una relación entre Java y Javascript. Javascript no es Java. JavaScript no crea applets ni aplicaciones independientes. En su forma más habitual, JavaScript está en documentos HTML y puede proporcionar niveles de interactividad en las páginas web que no se pueden conseguir con HTML…(Continue Reading)

Mandar información de INPUT de html a textarea

publicado por: user5019 Tengo una aplicación para imprimir etiquetas, utilizo una dll que aún no termino de entender, pero quiero hacer esto: Cuento con 3 input type en HTML en el cual agrego información para la creación de una etiqueta, lo que quiero es que esa información se pase en línea hacia un textarea _x000D_…(Continue Reading)

¿Qué significa `y || p()(0)` en Javascript?

publicado por: Anonymous Estoy tratando de ver de dénde sale el valor de la variable `y´en un código de Javascript y 2 líneas más arriba está la notación: y || p()(0); ¿Qué significa esto? solución Aunque amenadiel dio una buena respuesta, yo quiero dar otra haciendo referencia y explicando a que se refiere el operador…(Continue Reading)

メガメニューのトグルがうまく行かない

投稿者: Anonymous ヘッダーにメガメニューを実装しようとしています。 下記スニペットのような実装をしているのですが、 初めて.nav(または.nav__item)をホバーした場合はslideDownで開く .nav内でかつ.nav__itemを行き来する場合はfadeInとhideで切り替え .navのエリアから出た場合はslideUpで閉じる ということがやりたいです。 .nav内にいる場合は.navに.is-activeを付与して is-activeがあれば.nav__itemをfadeIn,hideする なければ.nav__itemをslideDown,slideUpする 上記の考えで大丈夫だと思っていましたが、.navを出た際にis-activeが消えるより早くitemのhideが実行されてしまいました。 delayやsetTimeoutでタイミングをずらせば出来そうではありますが、 あまりそういうことはやりたくないと感じました。 何か良い実装方法はありますでしょうか。 ご回答のほど、よろしくお願いいたします。 _x000D_ _x000D_ $(function(){_x000D_ const $nav = $(‘.nav’);_x000D_ const $item = $(‘.nav__item’);_x000D_ _x000D_ $nav.hover(_x000D_ function(){_x000D_ $nav.addClass(‘is-active’);_x000D_ },_x000D_ function(){_x000D_ $nav.removeClass(‘is-active’);_x000D_ }_x000D_ );_x000D_ _x000D_ $item.hover(_x000D_ function (){_x000D_ const $this = $(this);_x000D_ if($nav.hasClass(‘is-active’)) $this.find(‘.megamenu__body:not(:animated)’).fadeIn();_x000D_ else $this.find(‘.megamenu__body:not(:animated)’).slideDown();_x000D_ },_x000D_ function (){_x000D_ const $this = $(this);_x000D_…(Continue Reading)

¿Cómo agregar dinámica un fragmento de html dentro de un div?

publicado por: Anonymous ¿Cómo puedo hacer que un fragmento de codigo html lo pueda agregar de forma dinámica por medio de JavaScript o jQuery, tengo el siguiente código HTML: <section class=”flex-container”> <div class=”flex-item”><img class=”Imagenes” src=”img/actualizar.png” title=”Actualizar” onclick=”Actualiza();”/></div> <div class=”flex-item”><img class=”Imagen” src=”img/cloud.png” title=”Descargar archivos TXT” onclick=”Click();”/></div> </section> El fragmetno que quiero agregar es el siguiente: <div…(Continue Reading)

画面中央(縦・横)に表示したいDIV要素が、左上に表示されてしまう原因・対策を知りたい

投稿者: Anonymous 皆様 いつも大変お世話になっております。ネット上の記事を参考にCLASS名=BOXのDIV要素を、画面中央に表示しようとていますが、JSが正常に機能していないのか左はしに表示されてしまいます。 質問 以下がコーディングですが、原因をどなたかご教示頂けませんでしょうか? ちなみに ①画面の背景色が変わっている、DIV=boxの縦横のサイズを試しにメッセージボックスへ表示してみると、無事表示することができました。(=外部ファイル記述のCSSは参照に成功している) ②画面を開くと一番上に位置するテキストボックスへフォーカスがあたっている、上記のとおり試しにメッセージボックスで縦横のboxのサイズを表示しようとすると無事メッセージボックスが現れてきた。(=外部ファイル記述のJSは参照に成功している) ===HTML(PHP)=== <?php include "php_classes/classes.php"; session_start(); if (isset($_POST["loginid"])) { // 省略 } ?> <!doctype html> <html> <head> <meta charset="UTF-8"> <title>ログイン</title> <link rel="stylesheet" type="text/css" href="css/logon_style.css"> <!– Jquery –> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="js/logon.js"></script> </head> <body> <div class="box"> <form action="" method="post"> <input type="text" name="loginid"><br> <input type="password" name="password"><br> <input type="submit"…(Continue Reading)

GoかJavascriptでローカルタイムをUTCに変換する時にサマータイムなどを考慮させるには

投稿者: Anonymous Webアプリケーションを作成中で、web側をJavascript、DB側をGoを使って書いています。 Web側で時間を選択して、それをGoに送るのですが、web側で選ぶ時はローカルタイムなので、仮に日本ならばその時は2019-08-22T18:28:44+09:00となります。これをDB側に送る際に自動的にString型に変換され(送る時は必ずString型になる)、Goでtime.Parseを使い、時間型に変換しなおしています。 t, _ := time.Parse(“2006-01-02T15:04:05-07:00”, “2019-08-22T18:28:44+09:00”) //2019-08-22 18:28:44 +0900 JST fmt.Println(t.UTC()) //2019-08-22 09:28:44 +0000 UTC この書き方で一応ローカルタイムをUTC時間に変更できるようですが、この時にサマータイムなどは考慮されて変換されるのでしょうか?1時間の差なので、そこまで気にはしませんが、もしサマータイムなども考慮して変換する方法があれば教えてください。 UTCへの変換はGoで行なっていますが、JavaScript側でも大丈夫です。UTCに変換したものをString型で送れば良いので。 どうぞよろしくお願いいたします。 解決 2019-08-22T18:28:44+09:00 という文字列にはタイムゾーンオフセットの情報が入っていますが、タイムゾーンそのもの(JSTやKSTなど)の情報が欠落しています。タイムゾーンの情報がないため夏時間を考慮することはできず、「タイムゾーンオフセットをローカル時間から引けばUTCの時刻になる」という計算だけが可能です。タイムゾーンオフセットを得るときに夏時間を考慮する必要があります。 Ext.Date.format() では Date.prototype.getTimezoneOffset() が使われているようです。 getTiemzoneOffset() は、そのDateオブジェクトが表すローカル日時に従ったオフセット値を返すようECMA Scriptの仕様で決められています。夏時間にも対応しています。よって、Dateオブジェクトにローカルの日付を設定したあとにgetTimezoneOffset()を呼べば夏時間対応はできていることになります。 回答者: Anonymous

location.href にドメインから始まるURLを設定しても別サイトに移動しない

投稿者: Anonymous Web魚拓というサービスがあり、そのサービスではURLの先頭に gyo.tc/を付与したページに遷移するとその時点でのページのコピーが取得できます。 これを手軽に実行したいと思い、ブックマークレットに以下のJavaScriptを作成しました。 javascript: location.href = ‘gyo.tc/’ + location.href しかし、このスクリプトを実行すると、 example.com/gyo.tc/exmaple.comのようになってしまいます。 やりたいこととしては、gyo.tc/exmaple.comのリンクを作成することなのですが、 このスクリプトのどの部分が原因なのでしょう。。。 ちなみに、F12でデベロッパーツールを開いてコンソールに ‘gyo.tc/’ + location.href と入力すると、きちんとgyo.tc/exmaple.comが表示されます。 Chromeで試していて、バージョンは64.0.3282.167です。 解決 javascript: location.href = ‘//gyo.tc/’ + location.href と修正をしてみたところ、httpのサイトでは期待通り動作しました。が、 httpsのサイトで実行するとWeb魚拓のトップページにリダイレクトされてしまったので、 httpのサイトで正しく動作した際のレスポンスヘッダを確認したところ、 gyo.tc/をURLの先頭に付与した場合、https://megalodon.jp/?url=example.com のようにWeb魚拓のサイトのクエリパラメータに対象のサイトのURLが付与されたものが 返ってきていました。 なので、ブックマークレットのスクリプトを以下のように修正したところ、 正しく動作するようになりました。 javascript:location.href = ‘https://megalodon.jp/?url=’ + location.href 回答者: Anonymous

どの部分が前回の非同期通信なのか

投稿者: Anonymous 下記の引用は、ブレイクスルーjavascript初版96頁に記述されているものを一部抜粋したものです。 〇Promise/Deferredを使った非同期通信 javascriptにおける非同期通信は、昨今のwebアプリケーションの進化を大きくけん引してきたといっても過言ではありません。しかし、その便利さとは裏腹に、非同期通信で受け取ったレスポンスをコールバックで処理するというシステムは時に複雑を極めます。 次のコードは、「asyncFuncA >asyncFuncB >asyncFuncCの順に、前回の非同期通信完了を待ってから実行する」という処理の例です。 asyncFuncA (function(a){ asyncFuncB (function(b){ asyncFuncC(function(c){ console.log(c); },function(error){ console.log(error); }) },function(error){ console.log(error); }) },function(error){ console.log(error); }) ここで疑問なのですが、書籍の言う前回の非同期通信というのは、ソース中のどれなのでしょうか。 試したソース let asyncFuncA = function(qqq,eee) { //qqqは、入れ子になっているほうの関数 qqq(“asyncFuncA関数の仮引数であるqqq関数を実行”); eee(“asyncFuncA関数の仮引数であるeee関数を実行”); console.log(“qqq-a:”,qqq,”eee-a:”,eee); }; let asyncFuncB = function(qqq,eee) { qqq(“asyncFuncB関数の仮引数であるqqq関数を実行”); eee(“asyncFuncB関数の仮引数であるeee関数を実行”); console.log(“qqq-b:”,qqq,”eee-b:”,eee); }; let asyncFuncC = function(qqq,eee) { qqq(“asyncFuncC関数の仮引数であるqqq関数を実行”); eee(“asyncFuncC関数の仮引数であるeee関数を実行”); console.log(“qqq-c:”,qqq,”eee-c:”,eee); }; asyncFuncA(function(a){ console.log(“実引数a”,a);…(Continue Reading)