プログラミング html

14

幅が100％の入力要素がテーブルのセルの境界線を超える理由を誰かが知っていますか？以下の簡単な例では、入力ボックスがテーブルのセルの境界線を超えているため、結果は恐ろしいものになります。これはテスト済みで、Firefox、IE7、Safariでも同じように発生します。それはあなたにとって意味がありますか？私は何かを逃していますか、可能な解決策について知っていますか？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  <title>Test input text in table</title> <style type="text/css"> table {border-top: 1px solid #ff0000; border-left: 1px solid #ff0000;} table td {border-right: 1px solid …

106 html input html-table width

4

キャンバスに画像を追加する方法

HTMLの新しいcanvas要素を少し実験しています。キャンバスに画像を追加したいのですが、なんらかの理由で機能しません。私は次のコードを持っています： HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; context.drawImage(base_image, 100, 100); } 画像が存在し、JavaScriptエラーは発生しません。画像が表示されないだけです。それは私が見逃した本当にシンプルなものでなければなりません...

106 javascript html canvas

4

HTML / CSSを使用して画像をテキストで囲む方法

次の図のようなテキストブロックをデザインします。これが可能かどうか質問しますか？

106 html css

3

JQueryを使用して入力フィールドにフォーカスを設定する方法

次のHTML構造があるとします。 <div class="wrapper"> <div class="top"> <a href="http://example.com" class="link">click here</a> </div> <div class="middle"> some text </div> <div class="bottom"> <form> <input type="text" class="post"> <input type="submit"> </form> </div> <div> これはページで数回繰り返され.bottomますが、ユーザーが.topdivのリンクをクリックしたときに、divの入力フィールドにフォーカスを設定するにはどうすればよいですか。私は現在、.bottom以下のJQueryコードを使用してクリックでdivを正常に表示していますが、同時に入力フィールドにフォーカスを設定する方法を理解できないようです。 $('.link').click(function() { $(this).parent().siblings('div.bottom').show(); }); ありがとう！

106 jquery html

19

マテリアルアイコンをオフラインでホストする方法は？

これが非常に単純な質問であれば申し訳ありませんが、Googleマテリアルアイコンを使用せずに <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ？ユーザーがインターネットに接続していない場合でもアプリでアイコンを表示できるようにしたい

106 javascript html cordova materialize

12

テキストボックスでEnterキーを押したときにHTMLボタンをトリガーする方法

だから私がこれまでに持っているコードは： <fieldset id="LinkList"> <input type="text" id="addLinks" name="addLinks" value="http://"> <input type="button" id="linkadd" name="linkadd" value="add"> </fieldset> にはなく、内にあるの<form>と同じ<div>です。ただし、textbox呼び出された「addLinks」に何かを入力すると、ユーザーがEnterキーを押して「linkadd」buttonをトリガーし、JavaScript関数を実行できるようにする必要があります。これどうやってするの？ありがとう編集：私はこのコードを見つけましたが、機能していないようです。 $("#addLinks").keyup(function(event){ if(event.keyCode == 13){ $("#linkadd").click(); } });

106 html button input textbox

20

Chromeでホバーされた要素を検査しますか？

Chromeのデベロッパーツールを使用して、サイトでツールチップがどのように構成されているかを確認しようとしています。ただし、アイテムにカーソルを合わせても、「要素を検査」しても、htmlのツールチップには何も表示されません。私はスタイルを次のように設定できることを知っています:hoverにいますが、それでもツールチップのhtmlまたはcssが表示されません。何か案は？

106 html css hover google-chrome-devtools

11

execCommandの「プレーンテキストとして貼り付ける」ためのJavaScriptトリック

execCommandここで紹介されているサンプルに従うことに基づいた基本的なエディターがあります。execCommandエリア内にテキストを貼り付ける方法は3つあります。 Ctrl+V 右クリック->貼り付け右クリック->プレーンテキストとして貼り付け HTMLマークアップなしでプレーンテキストのみを貼り付けることを許可します。最初の2つのアクションを強制的にプレーンテキストに貼り付けるにはどうすればよいですか？考えられる解決策：（Ctrl+ V）のキーアップイベントのリスナーを設定し、貼り付ける前にHTMLタグを取り除くことです。それは最善の解決策ですか？貼り付けでHTMLマークアップを回避することは防弾ですか？リスナーを右クリック->貼り付けに追加する方法は？

106 javascript html dom-events execcommand

7

SlackチームIDとチャネルIDを見つける最も簡単な方法は何ですか？

ここで説明するように、スラックへのディープリンクを設定しようとしています。 https://api.slack.com/docs/deep-linking このドキュメントには、特定のチームを開くには、次のURLを使用する必要があると記載されています。 slack：// open？team = {TEAM_ID} Slackを開き、チームを指定したチームに切り替えます。提供されるTEAM_IDは、T12345のような文字列である必要があります。さらに、チームでチャネルを開くには、次のURLを使用する必要があります。 slack：// channel？team = {TEAM_ID}＆id = {CHANNEL_ID} C024BE91Lのように、idフィールドで指定されたCHANNEL_IDで指定されたチャネルを開きます。TEAM_IDを使用してチームを指定する必要もあります。私の質問は簡単です。必要なTEAM_IDと必要なCHANNEL_IDはどこで確認できますか？

106 html slack-api slack

8

Angularプロジェクトに画像（およびその他のアセット）をロードする方法は？

私はAngularを初めて使用するので、これを行うためのベストプラクティスはわかりません。 angular-cliを使用しng new some-projectて新しいアプリを生成しました。それは「assets」フォルダに「images」フォルダを作成したので、今私の画像フォルダは src/assets/images でapp.component.html（自分のアプリケーションのルートである）、私が入れ <img class="img-responsive" src="assets/images/myimage.png"> ng serveWebアプリケーションを表示しようとしても、画像が表示されません。 Angularアプリケーションで画像をロードするためのベストプラクティスは何ですか？編集：以下の回答を参照してください。実際の画像名にはスペースが使用されていましたが、Angularはそれを好みませんでした。ファイル名のスペースを削除すると、画像が正しく表示されました。

106 html angular angular-cli

12

JavaScriptが有効になっている場合にのみコンテンツを表示するタグがHTMLにありますか？私<noscript>はJavaScriptがオフになっているときにHTMLコンテンツを表示するという逆の方法で動作することを知っています。ただし、JavaScriptが利用可能な場合にのみフォームをサイトに表示し、フォームがない場合はフォームを使用できない理由を伝えたいと思います。これを行う方法を知っている唯一のdocument.write();方法は、scriptタグ内のメソッドを使用することであり、大量のHTMLの場合は少し面倒です。

106 javascript html noscript

8

Angularコンポーネントの外側のクリックを検出

Angularのコンポーネントの外側のクリックをどのように検出できますか？

106 html events angular typescript

5

＆ampの用途

以下のURLの動作に違いはありますか？なぜ&amp;挿入されるのかわかりませんが、違いはありますか？ www.testurl.com/test?param1=test&amp;current=true 対 www.testurl.com/test?param1=test&current=true

106 forms html

15

HTMLテーブルの行<tr>を非表示にして、スペースを取らないようにするにはどうすればよいですか？

HTMLテーブルの行を非表示にして、<tr>スペースを取らないようにするにはどうすればよいですか？にいくつか<tr>のを設定しstyle="display:none;"ていますが、それでもテーブルのサイズに影響し、テーブルの境界線は非表示の行を反映しています。

105 html css html-table

9

JavaScriptによるCSS値の変更

JavaScriptでインラインCSS値を設定するのは簡単です。幅を変更したい場合、次のようなhtmlがあります。 <div style="width: 10px"></div> 私がする必要があるのは： document.getElementById('id').style.width = value; インラインスタイルシートの値が変更されます。インラインスタイルがスタイルシートをオーバーライドするため、通常これは問題ではありません。例： <style> #tId { width: 50%; } </style> <div id="tId"></div> このJavascriptを使用する： document.getElementById('tId').style.width = "30%"; 私は以下を得ます： <style> #tId { width: 50%; } </style> <div id="tId" style="width: 30%";></div> これは問題です。インライン値を変更したくないだけでなく、設定する前に幅を探した場合、 <div id="tId"></div> 返される値はNullであるため、ロジックを実行するために何かの幅を知る必要があるJavascriptがある場合（幅を特定の値ではなく1％増やします）、文字列 "50％を期待するときにNullを返します「実際には機能しません。だから私の質問：インラインに配置されていないCSSスタイルの値があります。これらの値を取得するにはどうすればよいですか？IDを指定して、インライン値の代わりにスタイルを変更するにはどうすればよいですか？

105 javascript html css ajax dom

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

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