• ベストアンサー

WEB拍手のボタンにマウスが乗ると変なんです

WEB拍手のスプリクト版を設置しているんですが,拍手ボタンにマウスが乗った時、デフォルト(矢印)のままなんです 普通、リンク先がある場合、マウスが乗ると自動でポインタ(手が指差してる)になると思うんですが、なぜなんでしょうか? 拍手ボタンをアイコンにして、小窓で開くようにしています デフォルトのままでもCGIは機能しているので問題はないのですが、やはり気になってしまい、書き込みいたしました 他のサイトさんも見て回りましたが、私と同じ状態の人もいれば、ちゃんとポインタになっている人もいました ホームページ制作はビルダーの10を使用しています ビルダーのスタイルシートマネージャーというものでカーソルをポインタにしてみても直りませんでした タグに問題があるんでしょうか? ちなみにタグは <IMG src="clap.gif" width="61" height="49" border="0" onclick="window.open( 'http://サイト名/webclap/clap.cgi', 'webclap', 'width=360,height=420,scrollbars=1,resizable=1' );" > ものすごく些細なことで申し訳ないのですが、原因が解る方がいれば教えてください あと、こういうタグを入れれば小窓でちゃんと開くよ、というものでも構いません よろしくお願いします

  • CGI
  • 回答数3
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • Muller3
  • ベストアンサー率81% (800/979)
回答No.3

>元のウィンドウも拍手画面に変わってしまいます return falseを入れます。 <a href="http://サイト名/webclap/clap.cgi" onclick="window.open('http://サイト名/webclap/clap.cgi','webclap','width= 360,height=420,scrollbars=1,resizable=1');return false"><img src="clap.gif" width="61" height="49"></a> >アイコン周りに黒い枠 リンク(aタグ)に、borderが付くブラウザのデフォルト設定が反映されているのではないかと思います。 スタイルシートに a img { border: 0; } とするか、 border=0をimgタグに入れるか・・・

motti2000
質問者

お礼

教えて頂いた通りにしてみると解決いたしました 初心者にもわかるようにタグを載せて頂いて助かりました 本当にありがとうございました

その他の回答 (2)

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.2

#1の方もおっしゃってますが、リンクにしないと手カーソルにはなりません。 <a href="http://サイト名/webclap/clap.cgi" onclick="window.open('http://サイト名/webclap/clap.cgi','webclap','width=360,height=420,scrollbars=1,resizable=1'); "><img src="clap.gif" width="61" height="49"></a> という感じでしょうか。

motti2000
質問者

補足

タグまで教えて頂きありがとうございます 早速試してみたところ、当初の問題は解決いたしました しかし、今度は別の問題が現れてしまいました アイコンの周りに黒い枠が出現し、ボタンを押すと小窓は開くのですが、元のウィンドウも拍手画面に変わってしまいます 以前小窓で開くことを諦めて、リンクを拍手画面にして新しいウィンドウで開くように設定した時もアイコン周りに黒い枠が出現したんですが、何か原因があるんでしょうか? 人に頼ってばかりで申し訳ないんですが、教えて頂けると助かります

noname#39970
noname#39970
回答No.1

それはボタンではなく画像として認識されているから。 画像でも「リンク」を貼れば通常手カーソルになるがリンクも貼られていないので通常画像と同等。

motti2000
質問者

お礼

書き込みありがとうございました 解決致しました

関連するQ&A

  • web拍手ボタンを設置したいです。

    おはようございます。 FC2ブログのプロフィール欄かフリーエリア欄に、 web拍手を設置したいです。 web拍手公式サイト http://www.webclap.com/index.html で設置しようと思い、HTMLタグをコピペしたのですが、 ブログを確認してみると、ボタン全体の色が白タイプで、オンマウスで色が変わらないタイプの拍手ボタンになってしまいます。 全体的にグレイで、オンマウスにすると水色になるボタンにしたいのですが、どうすればいいでしょう??

  • Web拍手の誤作動について

    先日、自分が運営しているサイトを改装した際に、Web拍手ボタンを取り外しました。 それ以来Web拍手のことは忘れていたのですが、今日たまたま解析画面を見てみると、拍手ボタンが押されていました。 拍手ボタンがあったページは消したはずなのに、どうして拍手があるのでしょうか? 誤作動かなあとも思ったのですが、この2週間で1日1回の拍手が3日おきほどにされており少し不思議です。 ちなみに拍手CGIはhttp://www.webclap.com/のものをお借りしています。

  • WEB拍手専用の画像を表示したい

    現在私はビルダーでホームページ作成をし、プロバイダー(BBIQ)にスペースを借りて公開しております。 そして三週間ほど前からWEB拍手ボタン(http://www.webclap.com/)を設置しました。 現在拍手送信後のお礼画面にサイトにアップしたイラストを使用しています。 今後お礼画面にサイトに載せていない(公開していない)拍手専用の画像を用いたいと思っているのですが・・・そういったことは可能でしょうか? 画像を載せるにはその画像のURLが必要なんですよね? ということはサイトに置いてある画像しか載せられないのでしょうか? 初心者で的はずれな言い方ですみません。 どうか教えてください。よろしくお願いいたします。

  • web拍手 後に表示される画面に画像が貼れません

    すみません、どなたか知恵をお貸し下さい。 gooブログアドバンスで、カスタムテンプレートを使用しています。 こちらのサイトのweb拍手(http://www.webclap.com/)を お借りしているのですが、拍手してもらった後のお礼画面に画像が 表示できずに困っております。 ・gooブログの画像フォルダに、画像をup ・一度、アップした絵に直接アクセスしてみる。 ・正常に表示されたら、アドレスバーに表示されているURL(http://~~)をメモ。 ・web拍手のお礼メッセージ編集画面に入り、以下のタグを打ち込む。 <img src="【画像のURL】"> ・タグ内の【画像のURL】の部分に先ほどメモした画像のURLを打ち込む という手順だと画像が×になり表示されません。 インラインフレームというのでもチャレンジしてみましたが、 表示できませんということでした。 ちなみにこのように打ちました・・・ <iframe src=”●●●” height=300 width=300></iframe> ※●部分には画像フォルダにupした画像のurlを入れました※ 記入方法が違っているのか、はたまたやり方自体が間違っているのか わからなくて、困っております。 こちらで似たような質問がたくさんあったので目を通したのですが、 最後までわかるような回答のものが見つからなくて、新たに質問 させていただきました。 どうぞ、よろしくお願いします。

  • WEB拍手をフレーム内に呼び出す方法が解らず、困っています。

    初心者です。 indexページにレンタルしたweb拍手を設置しました。 その拍手ボタンを押すと、左右にフレーム分けした別ファイルの 左側に、拍手画面を呼び出したいのですが、どうすればできるのか わからないのです。 (タグについては、手打ちレベルで作成程度は理解しています。target等についても理解しています。) 調べてみましたが、cssでは無理なのでしょうか?phpなら可能というような記事も読んだのですが、その内容が、、解りませんでした。 そもそも、cgiは使用できないサーバーです。 可能であれば、その方法をご教授頂ければ、幸いです。

    • ベストアンサー
    • HTML
  • ランタイムエラーが出てしまうのです…

    自分のホームページによくWEB拍手といわれるタイプのCGIを設置し、それ自体はちゃんと動くのですが、それを小窓で開くようにしようと思いまして、HTMLなど配布しているサイトさんに行き、コピペでJavaスクリプトを以下のように記述していますが、人によっては『表示できません』『オブジェクトを指定してください』というランタイムエラーになってしまうようです。(私はなりません) <HTML> <HEAD> <script type="text/javascript"> <!--- function win1(){ window.open('http://air.onitaka.com/patipati/patipati/index.cgi','chip', 'resizable=yes,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=550'); } // --> </script> </HEAD> <BODY> <a href="javascript:win1()"> <IMG SRC="icon/webclap.gif" BORDER="0" onMouseOver="this.src='icon/webclap2.gif'" onMouseOut="this.src='icon/webclap.gif'" TITLE="WEB拍手"></A> </BODY> </HTML> …HTMLサイトさんからコピペしてきただけなので、どこか記述を消してしまったのかと一応比べて探したのですが… よろしくお願いいたします。 >使用HTMLサイト ttp://chips.jpnet.biz/ >実際のページ ttp://air.onitaka.com/menu_r.html (F14のアイコンがそうです)

    • ベストアンサー
    • CSS
  • ボタンに別窓をサイズ指定で開くアクションを・・・

    本を見ながらビヘイビアで設定してみました。 on (release) { //Goto Webpage Behavior getURL("javascript:window.open('http://XXX_bbs.cgi','掲示板',scrollbars=yes,resizable=yes,width=580,height=450');void(0)"); //End Behavior } プレビューしてボタンをクリックしてみても一瞬ウィンドウが開く感じになるだけで、すぐ閉じてしまいます。 何がいけないのかわかりません。 お分かりになる方教えてください。。。

    • ベストアンサー
    • Flash
  • 別窓の開き方の記述書換え教えて下さい。

    ↓の記述でフォームボタンが押されたら別小窓を開いています。 <input type="button" style="width:60pt;height:20pt;" value="連絡" onclick="window.open('./index.html','連絡','width=400,height=400');" /> ↓の記述を↑と同じくフォームボタンが押されると別小窓が開くようにしたいです。 <form action="http://******.com/*****.cgi" method=post> <input type=hidden name=mode value=club> <input type=submit style="width:60pt;height:20pt;" value="登録"> 色々と試してみたのですが上手く行きません。 どの様に書き換えたらよいか教えて頂けませんか。 よろしくお願いします。

  • 小窓に余白が・・・

    <script language="JavaScript"><!-- var pop; function newwindow(URL,WIDTH,HEIGHT,LEFT,TOP){ pop = window.open(URL,"PopWindow","directories=0,location=0, menubar=0,toolbar=0,status=0,resizable=0, scrollbars=0"+",width="+WIDTH+",height="+HEIGHT+", left="+LEFT+",top="+TOP); pop.focus();pop.moveTo(LEFT,TOP);pop.resizeTo(WIDTH,HEIGHT); } function closenewwin(){ if (pop){ pop.close(); } } // --></script> jpg画像を設定しておりますが、小窓に余白ができてしまいます。 画像ぴったりに納めたいのですが、小窓のサイズを変えても 余白ができてしまいます。 どのようにすれば余白はなくなりますか?

  • ボタン上でマウスを押している間に、ウィンドウをスクロールしたい

    フォームボタンを押している間、インラインフレームのウィンドウをスクロールしたいのですが 思うように動作してくれません。 最初、タグのonmousedown属性とonmouseup属性を使用して 簡単に実装できると思っていたのですが mouseupのイベントがうまく拾えないようで、あきらめました。 下記のようなマウスドラッグのサンプルソースがあったので こちらを改造しようと思ったのですが、いろいろいじってみてもだめでした。 「マウスが離された」というイベントはどうすれば拾えるのでしょうか? IE限定の動作を予定しています。 よろしくお願いいたします。 <script type="text/javascript"> //tab→全角スペース //マウスをクリックして動かしている間だけスクロールする  window.document.onmousemove = scrollSubWindow;  window.document.onmouseup = scrollOff;  scrollFlag = false;  function scrollOn()  {   scrollFlag = true;  }    function scrollOff()  {   scrollFlag = false;  }    function scrollSubWindow()  {   if( !scrollFlag ) return;   Dummy.scrollBy( 0, 10 );   return false;  }   </script> <iframe src="dummy.html" name="Dummy" width=200 height=200></iframe> <input type="button" value="下へ" onMousedown="scrollOn()" style="width: 200px; height: 200px;">