質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

272閲覧

google chorme 拡張機能 うまくHTML埋め込みができない

chNOBUNAGA

総合スコア41

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2018/05/21 22:16

編集2018/05/21 22:34

Twitterの中にHTMLを埋め込みたいと思っていますが、どうも最前面にでません(一部CSSが効いていない?)

manifest.json

json

1{ 2 "name": "TWst", 3 "version": "0.1", 4 "manifest_version": 2, 5 "description": "TEst。", 6 "permissions": [ 7 "tabs", "<all_urls>", "contextMenus" 8 ], 9 "icons": { 10 "16": "img/4466.jpg" 11 }, 12 "content_scripts": [ 13 { 14 "matches": ["<all_urls>"], 15 "js": [ "js/jquery.js", 16 "js/Twitter.js","js/meercat.js" 17 ], 18 "css":["css/style2.css"], 19 "run_at": "document_end" 20 } 21 ], 22 "background": "js/background.js" 23}

Twitter.js

js

1setup_btn(); 2function setup_btn(){ 3$(function(){ 4 5 var h ='<div class="meerkat">' 6 + '<a href="#" class="close-meerkat">close</a>' 7 + '<a class="dont-show">二度と表示させない</a>' 8 + '<div class="adsense">' 9 + '<a href="http://px.a8.net/svt/ejp?a8mat=25ITDK+D3MEI+CO4+65ME9" target="_blank">' 10 + 'フォロー</a>' 11 + '<img border="0" width="1" height="1" src="http://www11.a8.net/0.gif?a8mat=25ITDK+D3MEI+CO4+65ME9" alt="">' 12 + '</div>' 13 + '</div>' 14 $('#sr-event-log').appendTo( h ); 15}); 16 17 18 19} 20

style2.css

css

1.code {margin-top: 25px;} 2.close-meerkat { 3 position: absolute; 4 display: block; 5 height: 18px; 6 width: 18px; 7 background: url('images/close-x.png') no-repeat 0 0; 8 cursor: pointer; 9 text-indent: -9000px; 10 z-index: 10; 11} 12.dont-show { 13 position: absolute; 14 display: block; 15 height: 18px; 16 width: 160px; 17 cursor: pointer; 18 z-index: 10; 19 color: #EC7700; 20} 21a.dont-show:hover {color:#FFF;} 22.adsense {z-index: 5;} 23.meerkat { 24 color: #FFF; 25 display: none; 26} 27.pos-bot .adsense { 28 width: 728px; 29 height: 90px; 30 position: absolute; 31 left: 50%; 32 margin-left: -364px; 33} 34.pos-bot .adsense {top: 20px;} 35.pos-bot .close-meerkat {right: 10px; top: 20px;} 36.pos-bot .dont-show {right: -10px; top: 100px;} 37.pos-bot .dont-show {top: 100px;} 38

meercat.jsは、Jquryのプラグインです。

以上 よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問