フロントエンド

Title Question
2つのキャプチャグループの合計 私は文字列から2つの値を取得し、それらを合計する必要があります。 var text = 'SOC 01 672 1.653.806,08 18.512,98 1.667.621,57 2.647,38 07 23 12.965,11 0,00 12.965,11 0,00 13 5 10.517,81 0,00 10.517,81 0,00'; var reg = new RegExp('SOC 01' + '\\b.*?(?:\\d\\S*\\s+){3}(\\d\\S*)', 'i'); var reg2 = new RegExp('SOC 01' + '\\b.*?(?:\\d\\S*\\s+){7}(\\d\\S*)', 'i'); var match = reg.exec(text); var match2 = reg2.exec(text); 出力: match[1] -> '1.667.621...
Jquery - 複数のセレクタを使用する方が効率的です。 私はこのようなものを持っている <input class = "Class1"/> <input class = "Class2"/> <input class = "Class3"/> <input class = "Class4"/> ... .. . $(".Class1").someFunction("data1"); $(".Class2").someFunction("data2"); $(".Class3").someFunction("data3"); $(".Class4").someFunction("data4"); ... .. . そのようなことやこれを行うことがより効率的なのでしょうか? <input something="data1"/> <input something="data2"/> <...
Emberコンポーネントのメソッドをテンプレート内で使用する 私はEmberの学習を始めましたが、テンプレート内のコンポーネントのメソッドにアクセスできれば、私は混乱しています。 例えば、私は次のようにnote-lineリストをレンダリングするnote-listコンポーネントを持っています: <ul class="list"> {{#each notes as |note|}} {{note-line note=note [email protected] selected=(isSelected note)}} {{/each}} </ul> note-listコンポーネントは、次のように定義されます。 Ember.Component.extend({ tagName: '',...
イメージが表示されない(ソースが認識されない) 私はReact.js(+ Spring in back)でシンプルなWebアプリケーションを作っています。 私は、関数displayItemsのローカルパスから写真(.img)を表示する際に問題があります。 画像は表示されません。 同じコード(src = "http .......")でWebからファイルをロードすると、すべて正常です。 手伝ってくれる? import React, { Component } from 'react'; import '../index.css'; class Author extends Component { constructor(props) { super(props); this.st...
テキストのズームのためのjQueryプラグイン? MAC OS Xの「ラージタイプ」機能は、アドレス帳のテキストを拡大するためのjQueryプラグインを誰もが知っていますか? 私はそれを同じ状況のために使用する - それをクリックした後フルスクリーンの電話番号を表示する。 乾杯
SafariまたはChromeで動作しないjQuery .hover 私は現在、いくつかのjQueryホバー効果をすべてのブラウザで正しくレンダリングしようとしています。 現時点では、firefox、IE、operaはすべて彼らが想定していることをします。 しかし、SafariとChromeはそうではありません。 コードは次のようになります。 <div id="button1"> <div id="work_title" class="title_james"> WORDS </div> </div> <div id="button2"> <div id="work_title" class="title_mike"> MORE WORDS </...
(JQuery-Rich Text Editor)どのようにリッチテキストエディタでバグを修正することができますか?Firefoxを作成した 'br'タグを押すと、IEの 'p'タグが作成されます。 私はcleditor (Jquery-Rich Text Editor)を使用するWebサイトで作業しています。 エディタにバグがあります。 - firefoxの手紙の後にenterを押すと、 'br'タグが作成されますが、IEでは 'p'タグが作成されます。 バグの再現:あなたはデモでこれを見ることができますhttp://premiumsoftware.net/cleditor/ (入力の一部を入力してEnterキーを押します(Firefox + IE) - IEで 'p'タグを生成したので、 'br'タグ) 更新: 同じ質問 - 私より良...
setTimeoutコールバックの変数に期待値がないのはなぜですか? <div id="image_cont"> <img src="images/pic1.jpg" alt="pic1" /> <img src="images/pic2.jpg" alt="pic2" /> <img src="images/pic3.jpg" alt="pic3" /> </div> $(document).ready(function() { slide(3, "image_cont", 5000, 600); }); function slide(numberOfImages, containerId, timeDelay, pixels) { //start on first image var i = 0; var style = document.getElementById(containerId).style; window.setInterva...
非常に基本的なJSONの質問 私はこのJSONデータを持っています: var people = [ { name : "John", age : 25 }, { name : "Jane", age : 49 }, { name : "Jim", age : 31 }, { name : "Julie", age : 39 }, { name : "Joe", age : 19 }, { name : "Jack", age : 48 } ]; どのようにして人の中のすべてのオブジェクトをループして、年齢とともに名前を出力することができますか? John 25 Jame 49 followed by the rest...
どの要素を円弧内にドラッグする最も簡単な方法は? これは私の「プログラム」のコードです。 太陽を引きずるためのjQueryが一番下にあります。 太陽はイメージです。 太陽を弧の中にドラッグする最も簡単な方法は何ですか? <style> /* Colors */ body { /*clouds*/ background: url(http://i.imgur.com/aZty7Mq.png); animation: mymove 4s linear infinite; -webkit-animation: mymove 4s linear infinite; -moz-animation: mymove 4s l...
divをpositionに設定する:jqueryを使用してスクロールで固定すると、下のコンテンツが上にジャンプする 下にスクロールすると、上のバーが上になり、一番上のバーが見えなくなると、ヘッダーはposition: fixed;設定さposition: fixed; 。 これが起こる瞬間、以下のコンテンツは1回のスクロールホイールクリックで大きく飛躍します。 私はそれがおそらく何か単純な私は見落としていると仮定しているが、他の誰かが問題を見たかどうかを確認したい。 私はそれを見てきましたが、本当に何が起こっているのかは分かりません。 私は完全にこのコードを表示するためにjsfiddleを設定しました...
DIVと円スクロール 私は循環スクロールでDIVを作成しようとしています。 ここに私が達成しようとしているものに似た何かの例があります。 私の場合、DIVには一連の画像が含まれています。 ここではデモ、サンズJavascriptです。 私の目標は、DIVが次のことをすることです。 DIVの一番下までスクロールすると、スクロールが最初からやり直され、循環スクロールの印象が与えられます あなたがトップにスクロールすると逆も真です 私は上から下にジャンプするだけでは達成できないと思います。 内容...
DIV位置問題がjavascriptから動的に生成される ここで私はjavascriptからdivを生成し、テキストボックスの上に配置します。 私は2つの問題を発見した1)私のコードはIEのためだけに働いています。 2)div内のテキストが垂直方向の中心に配置されていません。 ここに私のコードです。 <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>Untitled Page</title> <script type="text/javascript" language="javascript"> var modalWindow = null;...
jQueryのテキストに輝きを与える方法 私はテキストに現実的な輝きを持たせたい、私は純粋なCSSでそれを解決しようとしたが、これで終わった。 $(function(){ setInterval(function(){ setTimeout(function(){ $('div span:nth-child(4)').removeClass('shine'); $('div span:nth-child(1)').addClass('shine'); },200); setTimeout(function(){ $('div span:nth-child(1)').removeClass('shine'); $('div span:nth-child(2)').addClass('shine'); },400); setTimeout(function(){ $('div span:nth...
プラグインなしのjqueryフルページスクロール https://jsfiddle.net/dewit/xnq0pzx0/1/ var currentLocation = 'firstPage'; $(document).scroll(function(e){ var scrolled = $(window).scrollTop(), secondHeight = $('#secondPage').offset().top, thirdHeight = $('#thirdPage').offset().top; if (scrolled > 1 && currentLocation == 'firstPage') { currentLocation = 'secondPage'; $('body').animate({scrollTop:$('#secondPage').offset().top}, 500); } else i...
Dispatch(action)はストアの状態を変更しますが、コンポーネントは更新されません 私はかなり単純なコードを持っています、アイデアはajaxを介していくつかのデータを取得し、それらをアプリの全生涯利用できるようにすることです。 インデックスコンポーネントを多くの場所で使用するため、この方法が必要です。レンダリングするたびにデータを取得する余裕はありません。 私はコンソールのすべてのメッセージを見ると、必要なデータが取得され、store.stateが更新され、必要なすべてのデータが表示されますが、インデックスコンポーネントは更新されず、このデータ...
JavascriptまたはjQueryで3つの同様のサイズのグループを計算する 我々は持っています: var range = [9,18,3,14,2,6,12,7,11,2,1,4] var total = 89; var group_size = total / 3; 結果として、私は3つのグループに似たサイズが必要ですが、group1とgroup2は決してgroup_sizeより大きくなることはありません。 この例の結果は次のようになります。 var group1 = 27; // 9,18 var group2 = 25; // 3,14,2,6 var group3 = 37; // 12,7,11,2,1,4 どうすればJavascript / jQueryでこれを達成できますか?
アンドロイド携帯電話でjqueryコードが実行されていません 私は私のモバイルウェブページのためにポップアップフォームを作ろうとしています。 それは私のラップトップのFirefoxで完璧に動作しています。 しかし、アンドロイドブラウザからページをテストすると、空のページが表示されているだけです。 どうすれば私のウェブページを携帯電話に適したものにすることができますか? 私のコードのリンクはhttp://dl.dropbox.com/u/5420677/myfile.htmlです。それを見るには、このファイルを同じフォルダに展開してください: http : //dl.dropbox...
Rails 5、Cocoon Gem - ネストされたフォームの内部にネストされたフォーム 私は入れ子のフォームを構築するために繭の宝石を使用しようとしています。 私はOrganization、Package :: Bip、Tenorのためのモデルを持っています。 関連は次のとおりです。 組織 has_many :bips, as: :ipable, class_name: Package::Bip accepts_nested_attributes_for :bips, reject_if: :all_blank, allow_destroy: true パッケージ:: Bip(多相) belongs_to :ipable, :polymorphic => true, optional: true, inverse_of: :bip has_one :tenor, as: :tenor...
FireFoxでのUTF-16文字エンコードの問題 私はUTF-16でエンコードされたXMLとFirefoxの問題に遭遇しています。解決できないようです。 私はカスタムワークアイテムコントロールを作成するためにTFS11 WebアクセスAPIを使って作業しています。 これは無関係ですが、Webサーバー設定やアプリケーションがデータを送信する方法を混乱させる自由がないと言うだけで十分です。 一般的なワークフローでは、コントロールが添付ファイルをプルダウンしてXMLとして解析し、次にXMLを使用してエンドユーザーのデータをレンダリングしま...