頑張る父さんの記録帳

アクセスカウンタ

zoom RSS 【ブログ編集】 一括応援の規約違反

<<   作成日時 : 2010/10/08 23:00   >>

ブログ気持玉 0 / トラックバック 0 / コメント 1

ブログを読みまわっていると時々「一括応援」ってのがあって便利だなと思い、少し勉強して追加してみたところ、ランキングサイト様からメールで「JavaScriptを使った規約違反」があるとのご指摘を受け、直ちに追加した箇所を削除させていただきました。関係する皆様には大変なご迷惑をかけてしまい、ここにお詫びさせていただきます。

ところで、この仕組みを作る際にJavaScriptに少し触れることができたのは自分にとっては良かったと思う。一括応援を実現するにあたり、いくつかのブログ記事を参考にしながら次のスクリプトを作成したわけだが、これからは一括応援以外の目的で使ってみたい。

<script type="text/javascript">
<!--
var strUA =navigator.userAgent.toLowerCase();
function BlogRankingOpen(){
  if(strUA.indexOf("msie") !=-1){
    document.getElementById('Ranking01').click();
    document.getElementById('Ranking02').click();
  }
  else{
    win=window.open("http://***.***","_blank");
    win=window.open("http://***.***","_blank");
  }
}
// -->
</script>
<input type="button" value="一括応援" onClick="BlogRankingOpen()">
<a href="http://***.***" target="_blank" id="Ranking01">*****</a>
<a href="http://***.***" target="_blank" id="Ranking02">*****</a>

新しいウインドウを開く際のウインドウ制御の仕方を この設置作業の中で学習した。例えば、自己紹介用の画像を新しいウインドウで開く場合、普通にhtmlタグで記述すると、

<a href="http://***.***" target="_blank">せんぱいの自己紹介用画像</a>

となる。これではウインドウサイズと画像サイズの釣り合いが取れず、見栄えが悪い。新しく開くウインドウの位置や大きさを指定するためにはJavaScriptを使えばよいことが分かった。ところが、ウェブリブログの記事にURLを記述するとリンクタグに変換されてしまうのだ。そこで、scriptの部分をhtmlに反映できるフリースペース3に記述することにした。これでウインドウの位置と大きさをうまく指定できるようになったのだが、この方法が正しいかどうかについては初心者なのでよく分からない。(^^;

<script type="text/javascript">
<!--
function MyProfPict(){
  win=window.open("http://***.***","_blank","resizable=yes,left=200,top=
  100,width=200,height=200,directories=no,location=no,status=no,menubar
  =no,scrollbars=no,titlebar=no,toolbar=no");
}
// -->
</script>
<a href="javascript:MyProfPict()">せんぱいの自己紹介用画像</a>

もっと簡単に次のようにもできるようだ。でも、この記述はウェブリブログの記事の中では使いものにならない。なぜだか、onclickのところが消えてしまう・・・(^^;

<a href="javascript:void(0)" onclick=window.open('http://***.***','_blank',
'resizable=yes,left=200,top=100,width=360,height=240,directories=no,
location=no,status=no,menubar=no,scrollbars=no,titlebar=no,toolbar=no')>
せんぱいの自己紹介用画像</a>

そこで、もう少し汎用性を持たせるため、関数の引数を用いて、次のようなJavaScriptを作ってみた。これ↓が今回の成果だ。

今後はこれで「クリックによる画像のポップアップ」を行うことにする。
汎用的に使いたいので、Scriptはフリースペース3に記述することにした。

【スクリプト】

<script type="text/javascript">
<!--
function openWindow(url,x,y,w,h){
  window.open(url,"_blank","resizable=yes,left="+x+",top="+y+",width="+
  w+"w,height="+h+",directories=no,location=no,status=no,menubar=no,
  scrollbars=no,titlebar=no,toolbar=no");
}
// -->
</script>

【タグ】

<a href="javascript:openWindow('画像のURL(http://***.***)','X座標(200)',
'Y座標(100)','幅(360)','高さ(240)');">せんぱいの自己紹介用画像</a>

注:URLと数値の前後のQuatation記号(')は忘れないようにする。






にほんブログ村 ブログブログ ブログ活用法へ
ほかの解決策が見つかるかも!

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(1件)

内 容 ニックネーム/日時
16日
応援完了です
ずっと,探していました。
一括応援、今度時間のある時試したいと思います。
今日は、NY風が強く寒かった。。。もうすっかり秋です
jinstalk
URL
2010/10/16 06:21

コメントする help

ニックネーム
URL(任意)
本 文
免責事項: 無断転載はおやめください。当ブログへのリンクはフリーですが、いかなる不利益・損害、期待した効果や実績が得られなかったとしても一切責任を負いませんので、ご自身の責任において行動をお願いします。また、当ブログから他のサイトにリンクをしている場合があります。移動された先のホームページは当方が管理するものでも運営するものでもございません。よって、その内容の真偽につきましても一切責任を負いませんのでご了承下さい。

プロフィール




頑張る父さん こちらからメールをお送りください☆



【ブログ編集】 一括応援の規約違反 頑張る父さんの記録帳/BIGLOBEウェブリブログ
文字サイズ:       閉じる