- 締切済み
オンマウスのソーステキストを投稿するとテキストが消える
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- khazad-lefty
- ベストアンサー率44% (296/668)
一応補足。 これって、正規の方法ではない（やっていることは実質セキュリティーホールをつついているということだし）ので、gooの「改善」によって、いつ使えなくなっても文句は言えないというのは頭に入れといてください。 gooは使用として「つかえない」ようになっているんで。
- khazad-lefty
- ベストアンサー率44% (296/668)
gooブログ？ だとしたらセキュリティ関連で、 javascript関係のものはブロックされます。 on～ という属性はjavascript関連なので、 それが引っかかってこんな感じになりますね。
お礼
教えていただき、ありがとうございました。 色々調べた結果下記のソースを使うとオンマウスができました。 <span style="font-size:1px;color:white;"><<img id="画像のID" src="最初の画像のURL" onmouseover="画像のID.src='変更する画像のURL';" onmouseout="画像のID.src='最初の画像のURL';"></span>
関連するQ&A
- オンマウスで画像を変えたい。
オンマウスで画像を変えたいのですが、 ------------------------------------------ <img src="画像１URl" onmouseover="this.src='画像２URl';" onmouseout="this.src='画像１URl';"> ------------------------------------------ や、 ------------------------------------------ <script> var src1="http://img.yahoo.co.jp/images/phonebook/jp_pb.gif" var src2="http://i.yimg.jp/images/news/yjnews.gif" </script> <img src="http://img.yahoo.co.jp/images/phonebook/jp_pb.gif" onMouseOver="this.src=src2" onMouseOut="this.src=src1" /> ------------------------------------------ など。 どれを使っていいか分からず困っています。 これぞ、っていうタグがあったらよろしくお願いします。
- ベストアンサー
- HTML
- オンマウスでの拡大画像の位置指定
サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか？ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか？どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>
- 締切済み
- CSS
- gooブログで「マウスオン」がうまく出来ません
ブログで新規投稿するのですが、「マウスオン」がうまく出来ません。 gooブログの編集画面「ＴＥＸＴエディター」でタグを書いて、プレビューではうまく動作するのですが、 一度、下書きで「投稿」すると、マウスオンのタグが消えてしまって＜img＞だけになってしまいます。 もちろん完成で投稿してもダメです。 タグは次の通りです。 <img src="はじめの画像のＵＲＬ"onmouseover"this.src='次の画像のＵＲＬ'"onmouseout="this.src='はじめの画像のＵＲＬ'"> 過去に投稿してマウスオンの成功実績のあるタグとまったく同じものをコピーして何度も実験しますが、同じく消えてしまいます。 パソコンに問題があるのでしょうか？ 過去に成功したときはWinMeでしたが、現在は買い換えたWinXpです。 よくわかりませんが、XPとかJavaとかインターネットオプションの設定等が動作を制限しているのでしょうか？ ブラウザをＩＥとFirefoxでも試してみましたが、同じく消えてしまいます。 カスタムテンプレートから既成のテンプレートに変えても同じです。 このような現象の原因について、どなたかお判りになりましたら教えてくださいませ。
- ベストアンサー
- ブログ
- 画像に触れると画像が変わるやつについて
画像に触れると画像が変わるやつ （<IMG SRC="最初に表示される画像" onMouseOver="this.src='触れると表示される画像'" onMouseOut="this.src='最初に表示される画像と同じの'"> ）の、 画像の大きさをWIDTH,HEIGHTなどで 指定することは出来ないのでしょうか？
- ベストアンサー
- CSS
- cssヘッダー画像の下に配置したい画像が重なります
css勉強し始めた初心者なので、説明やソースなどめちゃくちゃだと思いますが、教えてください。 固定ヘッダー（常に画面の上にヘッダーがあるように）を作成し、その下に画像を配置したのですが、ヘッダーの下にその画像が入り込んでしまいました。ヘッダーの下に重ならず配置するにはどうすればよいでしょうか？ よろしく御願いいたします。 body内に <div id="header"> <h1><a href="/" title="website"></a></h1> <img src="img/b01.gif" width="108" height="68" border="0" onmouseover="this.src='../ao/img/b01-.gif" onmouseout="this.src='../ao/img/b01.gif"> <img src="img/b02.gif" width="88" height="68" border="0" onmouseover="this.src='../ao/img/b02-.gif'" onmouseout="this.src='../ao/img/b02.gif'"> <img src="img/b03.gif" width="59" height="61" border="0" onmouseover="this.src='../ao/img/b03-.gif'" onmouseout="this.src='../ao/img/b03.gif'"> <img src="img/b04.gif" width="50" height="68" border="0" onmouseover="this.src='../ao/img/b04-.gif'" onmouseout="this.src='../ao/img/b04.gif'"> <img src="img/b05.gif" width="39" height="68" border="0" onmouseover="this.src='../ao/img/b05-.gif'" onmouseout="this.src='../ao/img/b05.gif'"> <img src="img/b06.gif" width="80" height="68" border="0" onmouseover="this.src='../ao/img/b06-.gif'" onmouseout="this.src='../ao/img/b06.gif'"> <img src="img/b07.gif" width="51" height="68" border="0" onmouseover="this.src='../ao/img/b07-.gif'" onmouseout="this.src='../ao/img/b07.gif'"> <img src="img/b08.gif" width="47" height="68" border="0" onmouseover="this.src='../ao/img/b08-.gif'" onmouseout="this.src='../ao/img/b08.gif'"> <img src="img/b09.gif" width="54" height="68" border="0" onmouseover="this.src='../ao/img/b09-.gif'" onmouseout="this.src='../ao/img/b09.gif'"> <img src="img/b10.gif" width="125" height="68" border="0" onmouseover="this.src='../ao/img/b10-.gif'" onmouseout="this.src='../ao/img/b10.gif'"> </div> <h2><img src="img/panichi.gif" alt="TOP" width="700" height="450" class="centering" /></h2>
- ベストアンサー
- HTML
- cssファイルへリンクできないです。
今回からCSSファイルでホームページを作り出している超初心者なので、 専門用語の使い方など間違っているかも分かりませんが知恵を貸してください。 Dreamweaverを使用して、上部に固定ヘッダーのソースをhtmlファイル内に打ち込んで作業をしてます。ヘッダーの下部分の作業をし始めてDreamweaverのデザイン部分の画面で、ヘッダー画像の下に載せる画像や文字が入り込んで隠れてしまうので、作業がしにくいです。 そのため固定ヘッダーデータをcssファイルにした方がいいのかなと思い、 リンクさせようとしたのですが反映されないです。リンクした方がいいのか、その他より効率がいい方法があるのか分からないのでよろしく御願いいたします。 htmlファイルには <body> <link rel="stylesheet" type="text/css" href="banner.css"> と入力してます。 cssファイルには <div id="header"> <img src="img/b01.gif" width="108" height="68" border="0" onmouseover="this.src='../house/img/b01-.gif" onmouseout="this.src='../house/img/b01.gif"> <img src="img/b02.gif" width="88" height="68" border="0" onmouseover="this.src='../house/img/b02-.gif'" onmouseout="this.src='../house/img/b02.gif'"> <img src="img/b03.gif" width="59" height="61" border="0" onmouseover="this.src='../house/img/b03-.gif'" onmouseout="this.src='../house/img/b03.gif'"> <img src="img/b04.gif" width="50" height="68" border="0" onmouseover="this.src='../house/img/b04-.gif'" onmouseout="this.src='../house/img/b04.gif'"> <img src="img/b05.gif" width="39" height="68" border="0" onmouseover="this.src='../house/img/b05-.gif'" onmouseout="this.src='../house/img/b05.gif'"> <img src="img/b06.gif" width="80" height="68" border="0" onmouseover="this.src='../house/img/b06-.gif'" onmouseout="this.src='../house/img/b06.gif'"> <img src="img/b07.gif" width="51" height="68" border="0" onmouseover="this.src='../house/img/b07-.gif'" onmouseout="this.src='../house/img/b07.gif'"> <img src="img/b08.gif" width="47" height="68" border="0" onmouseover="this.src='../house/img/b08-.gif'" onmouseout="this.src='../house/img/b08.gif'"> <img src="img/b09.gif" width="54" height="68" border="0" onmouseover="this.src='../house/img/b09-.gif'" onmouseout="this.src='../house/img/b09.gif'"> <img src="img/b10.gif" width="125" height="68" border="0" onmouseover="this.src='../house/img/b10-.gif'" onmouseout="this.src='../house/img/b10.gif'"> </div> と入力してます。 よろしく御願いいたします。
- ベストアンサー
- HTML
- ロールオーバーで・・・
検索かけて調べてみたのですがみつからなかったので 質問させていただきます。 画像にリンクを貼り、マウスを乗っけたときと 画像をクリックしてリンクしている最中に画像を変えたいのですが、 後者のやり方のタグがわかりません もしやり方を知っていたら教えて下さい。 よろしくおねがいします。 <a href="リンク先"> <IMG src="最初に表示させる画像" onMouseOver="this.src='マウスが触れた時に変わる画像'" onMouseOut="this.src='マウスが触れた後に変わる画像'"></a>
- 締切済み
- HTML
- hoverとmouseoverを連動させるには？
お世話になります。 リンクテキストにはスタイルシートでhover設定を行い、gifにはonMouseOverで別の色のgifを読み込ませています。 onMouseOverイベント時にはリンクのhoverがちゃんと行われるのですが、テキスト側にマウスを当てた時、gifのonMouseOverが発生するように （連動してgifの色が変わるように）するにはどのようにしたらよろしいのでしょうか？ ソースの一部を乗せます <A HREF="help.html"><IMG SRC="img/bul1.gif" BORDER="0" onMouseOver="this .src='img/bul2.gif'"onMouseOut="this .src='img/bul1.gif'" ALIGN="LEFT"> リンクテキスト</A></FONT> よろしくお願いします。
- ベストアンサー
- HTML
- fc2 オンマウスで画像を見せる方法は？
オンマウスで2枚の画像を表示させたいのですがうまくいかないのでご教授願います。 因みに今やっていてうまくいっていない手順ですが、 オンマウスさせたい写真をファイル管理画面で2枚アップし、 どちらか1枚の写真の『この画像で記事を書く』をクリックして新しく記事を書く欄を出し、そこに <imgsrc="●"onmouseover="this.src='◇';"onmouseout="this.src='●';"> （●と◇は載せたい画像） と貼っているのですが、選んだ1枚の写真しか表示されません（当たり前といえば当たり前なのですが）。 試しに『この画像で記事を書く』を選ばず、ただの記事にそのタグ？を書くだけというのも試してみたのですが、 fireFoxではプレビューが全く出ず、IEはファイルに×がついたような感じで表示されていました。 画像は作ったのですが、オンマウスをどういうプロセスをふんで、どういう指定をかけばいいのかを教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- ブログ
- innerHTMLを使わずに…
初めまして。 よく、リンクに触れると、下に説明文が表示される…というようなサイトがありますよね。 それの応用で、innerHTMLを使わずに以下のような物を作りたいのですが、お力を貸してくださいm(_ _)m ボタンAとボタンBがあって、ボタンAをクリックすると画像Aを表示。 ボタンBをクリックすると画像Aから画像Bに表示が切り替わる。 その表示した画像に個別のリンクを貼る。 <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><A onMouseOver="img.innerHTML='<a href=ＵＲＬ><IMG src=画像Ａアドレス></a>'" onMouseOut="text.innerHTML='<a href=リンクＡ><IMG src=画像Ａアドレス></a>'">ボタンＡ</A></td> <td rowspan="2"><font id="img"></font></td> </tr> <tr> <td><A onMouseOver="img.innerHTML='<a href=ＵＲＬ><IMG src=画像Ｂアドレス></a>'" onMouseOut="text.innerHTML='<a href=リンクＢ><IMG src=画像Ｂアドレス></a>'">ボタンＢ</A></td> </tr> </table> という物を作りたいのですが、innerHTMLは対応していないブラウザが多いので、使用したくないのです。 JavaScript、CSSはOKです！ よろしくおねがいします。
- ベストアンサー
- HTML
お礼
わかりました。 教えていただき、ありがとうございました。