タグ付けされた質問 「javascript」

最小限の設定で、イントラネットページに簡単なファイルアップロードを実装したいと思います。 これは私のHTML部分です： <input id="sortpicture" type="file" name="sortpic" /> <button id="upload">Upload</button> これは私のJS jqueryスクリプトです： $("#upload").on("click", function() { var file_data = $("#sortpicture").prop("files")[0]; var form_data = new FormData(); form_data.append("file", file_data); alert(form_data); $.ajax({ url: "/uploads", dataType: 'script', cache: false, contentType: false, processData: false, data: form_data, type: 'post', success: function(){ alert("works"); } }); }); ウェブサイトのルートディレクトリに「uploads」という名前のフォルダがあり、「users」と「IIS_users」の変更権限があります。 ファイル形式のファイルを選択してアップロードボタンを押すと、最初のアラートで「[object FormData]」が返されます。2番目のアラートは呼び出されず、「uploads」フォルダも空です！？ …

159 javascript  php  jquery  ajax  upload 

これはそれほど難しいことではないことはわかっていますが、Googleで答えを見つけることができませんでした。 どの要素にフォーカスがあるかを事前に知らなくても、要素が何であれフォーカスをクリアするJavaScriptを実行したいと思います。それは、Firefox 2だけでなく、より最近のブラウザーでも機能する必要があります。 これを行う良い方法はありますか？

159 javascript  focus 

別のキャンバスの上にキャンバスを追加しようとしています。最初のキャンバスが作成されるまで、この関数の開始を待機させるにはどうすればよいですか？ function PaintObject(brush) { this.started = false; // get handle of the main canvas, as a DOM object, not as a jQuery Object. Context is unfortunately not yet // available in jquery canvas wrapper object. var mainCanvas = $("#" + brush).get(0); // Check if everything is ok if (!mainCanvas) {alert("canvas …

159 javascript  jquery  html  function 

これが私が試したこととそれがどうやってうまくいかないかです。 これは機能します： <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> これはしません： <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> descriptionプロパティは、HTMLコンテンツの通常の文字列です。ただし、何らかの理由でHTMLではなく文字列としてレンダリングされます。 助言がありますか？

159 javascript  html  reactjs  jsx 

私はAxiosを使用して次のようなHTTPポストを実行します。 import axios from 'axios' params = {'HTTP_CONTENT_LANGUAGE': self.language} headers = {'header1': value} axios.post(url, params, headers) これは正しいです？または私はすべきですか： axios.post(url, params: params, headers: headers)

159 javascript  post  axios 

関数内で宣言されたときに変数がなぜ奇妙に動作するのか理解できません。 でfirst機能私は宣言しletた変数bとc値で10： b = c = 10; でsecond機能私が示しています。 b + ", " + c そしてこれは示しています： 10, 10 また、first関数aでは値10で宣言します。 let a = b = c = 10; しかし、 second関数ではエラーが表示されます。 変数が見つかりません： a 今、first私dは値20で宣言する関数で： var d = 20; しかし、second関数では以前と同じエラーが表示されますが、変数はd次のとおり。 変数が見つかりません： d 例： function first() { let a = b = c = 10; …

158 javascript  variable-declaration 

DBからのデータを表示するページを作成したいので、DBからデータを取得する関数をいくつか作成しました。私はNode.jsの初心者なので、理解している限り、すべてを1つのページ（HTTP応答）で使用したい場合は、すべてをネストする必要があります。 http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); var html = "<h1>Demo page</h1>"; getSomeDate(client, function(someData) { html += "<p>"+ someData +"</p>"; getSomeOtherDate(client, function(someOtherData) { html += "<p>"+ someOtherData +"</p>"; getMoreData(client, function(moreData) { html += "<p>"+ moreData +"</p>"; res.write(html); res.end(); }); }); }); そのような関数がたくさんあると、入れ子が問題になります。 これを回避する方法はありますか？複数の非同期関数を組み合わせる方法に関係していると思います。これは基本的なことのようです。

158 javascript  asynchronous  functional-programming  node.js 

コンポーネントの助けを借りてビュー間のカスタムナビゲーションを備えたデモアプリを開発しながら、React Nativeの可能性を探っていNavigatorます。 メインアプリクラスはナビゲーターをレンダリングし、内部renderSceneは渡されたコンポーネントを返します。 class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => { // count the number of func calls console.log(route, navigator); if (route.component) { return React.createElement(route.component, { navigator }); } }} /> ); } } …

158 javascript  ios  navigation  reactjs  react-native 

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChangeイベントは動作しません。

158 javascript  reactjs 

私はexpress + node.jsを使用していて、reqオブジェクトがありますが、ブラウザーでのリクエストは/ accountですが、req.pathをログに記録すると、「/」ではなく「/」が表示されます。 //auth required or redirect app.use('/account', function(req, res, next) { console.log(req.path); if ( !req.session.user ) { res.redirect('/login?ref='+req.path); } else { next(); } }); req.pathは/である必要があります/ accountである必要がありますか？

158 javascript  node.js  express 

CSSプロパティに基づいて数値計算を行う必要があります。ただし、これを使用して情報を取得すると： $(this).css('marginBottom') 値「10px」を返します。ただ値の数の一部を取得するトリックはそれがあるかどうかに関係なく、存在しないpxか、%またはemまたは何？

157 javascript  jquery  css  parsing 

Node.jsアプリでExpress 4.0について学び始めたところ./bin/www、アプリケーションサーバーとポートの設定のみが書き込まれ、ミドルウェアやルーティングなどのすべてが./app.jsファイルで定義されているファイルが生成されていることがわかりました。 ただし、これ./bin/wwwが何をするかはわかりません。私はExpress 3.xを使用しており、サーバーとポートの設定、ルーティングとミドルウェアを同じ./app.jsファイルで常に定義し、でノードアプリを起動しましたnode app.js。それで、使用のポイントは何./bin/wwwですか？サーバーとポートの定義を他の定義から分離するだけですか？ 現在、express-generatorを使用してパッケージを作成すると、package.jsonには次の定義が含まれます。 "scripts": { "start": "node ./bin/www" } ただし、を使用してアプリを起動する必要があるのかnode ./bin/www、またはを使用する必要があるのでしょうかnpm start。アプリを起動するにはどのコマンドを実行すればよいですか？ また、アプリをherokuにデプロイするときに、Procfileファイルに何を書き込む必要がありますか？でweb: node app.js十分？

157 javascript  node.js  heroku  express 

現在、以下の関数を使用して、Bootstrapのツールチッププラグインを使用して表示されるテキストを作成しています。マルチラインツールチップが機能するの<br>は\nどうしてですか？リンクのタイトル属性にHTMLを含めないようにしています。 機能するもの def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "<br>" end return tooltip end 私が欲しいもの def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "\n" end return tooltip end

157 javascript  html  css  twitter-bootstrap 

Internet Explorerが理解できるように、IEで機能しないjQueryコードtext/javascriptがHTMLドキュメントで使用されるという質問に基づいています。 しかし、いつapplication/javascriptを使用しtext/javascriptますか？さらに重要なことに、なぜの代わりにそれを使用するのでしょうか？

157 javascript  mime-types 

選ばれたとSelectセレクトは selectboxesを拡張するための2つの人気のライブラリです。 どちらも積極的にメンテナンスされているようで、Chosenは古く、jQueryとPrototypeの両方をサポートしています。 Select2はjQueryのみであり、そのドキュメントにはSelect2がChosenに触発されていると記載されていますが、行われた改善（ある場合）やその他の書き換えの理由については詳しく説明されていません。 2つのライブラリの機能セットはほとんど同じですが、私が見つけた唯一の比較は、やや決定的でないjsperfテストページです。 これらのライブラリのいずれかは、他のライブラリよりも優れていますか？

157 javascript  jquery-chosen  jquery-select2