Google Chrome は、現在 53.0.2785.116 m です。Google Chrome は時々こういうバグが出ますが、そのうち修正されると思います。 webkit 的な css で 対処方法をいろいろ探ったのですが対応できなかったので、visibility:hidden で代替し、visibility:hidden だとその場所のスペースがそのままになるので、position:absolute を併用しました。 ※ 他のブラウザでは display:none は 正しく動作します
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<input type="button" id="hide" value="display:none">
<input type="button" id="show" value="display:"><br>
<iframe
id="iframe_target"
src="about:blank"
name="myframe"
width="400"
height="200"
style='border:solid #000000 1px;'
></iframe>
<br>
<input type="button" id="hide2" value="visibility:hidden">
<input type="button" id="show2" value="visibility:visible"><br>
<div style='position:relative'>
<iframe
id="iframe_target2"
src="about:blank"
name="myframe"
width="400"
height="200"
style='border:solid #000000 1px;'
></iframe>
</div>
上の IFRAME は 再表示するとスクロールバーが消えてしまいます(Google Chrome 53.0.2785.116 m)
<script>
str="";
str+="<img src=\"https://lh3.googleusercontent.com/-c4ugzdOcnSU/VRt3mbqzu0I/AAAAAAAAZXU/41DpjImnF7ILujQmvRRRcok0rgIaYCptACHM/s400/b17brandon016.jpg\"> ";
$("#iframe_target").get(0).contentWindow.document.write(str);
$("#iframe_target").get(0).contentWindow.document.close();
$("#iframe_target2").get(0).contentWindow.document.write(str);
$("#iframe_target2").get(0).contentWindow.document.close();
$("#hide").on("click", function(){
$("#iframe_target").css("display", "none");
});
$("#show").on("click", function(){
$("#iframe_target").css("display", "");
});
$("#hide2").on("click", function(){
$("#iframe_target2").css({"visibility": "hidden","position":"absolute"});
});
$("#show2").on("click", function(){
$("#iframe_target2").css({"visibility": "visible","position":"static"});
});
</script>
IFRAME 内のコンテンツを document.write で作成すると、同一ドメインとして IFRAME 内を参照できます
とにかく、色の設定が右サイドに存在しないと、カラーピッカーを使え無いので、先頭にある『element.style』に適当に color 属性を設定します。
色部分をクリックしてカラーピッカーを開始
ページ部分にマウスカーソルを移動すると、拡大鏡が表示されるので、その中央の１点で目的の色を選択してクリックします
SHIFT キーを押しながらクリック
rgb(n,n,n) で表示されている場合は、SHIFT キーを押しながら色部分をクリックするとフォーマットが変更されます。好きなフォーマットに変更してコード部分をクリックすると入力可能なので、クリップボードにコピーします。
オプションで、このチェックを外して下さい。
これは、Superfish と言って、海外対象の画像から価格を比較する機能らしいのですが、日本では全く意味がありません。無意味に画像の下に現れる事が多いです。これは、自分のブラウザだけがなるものですが、うっかりそのサイトの新しい広告だと思ってしまう場合があります。
インストール時に以下のような表示がされたはずです。
そこで、以下のようにコマンドラインで実行すると、意図した一覧を取得する事ができます。
この結果をブラウザでドラッグして選択してコピーして Excel にテーブル形式で貼り付ける事ができます。
※ 列は、必要に応じて増やす事が可能です。
一行で記述しなくても、普通に以下のように記述して貼り付けて実行する事もできます。
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
