• 解決済 mo2274

    (@mo2274)


    サイト内のボタンのいくつかを onMouseover と onMouseout を使って次に行きやすいようにしたいと思っています。投稿ー投稿一覧ー下書きー編集ーテキスト内にプログラムを入れるのですが、隣のビジュアルにして確かめて戻るとその部分だけ勝手に消えてしまいます。テキストからプレビューに行くとボタンは出てきますが、 onMouseover は働いていません。
    同じプログラムを 外観ーウィジットーJavascript HTML Text Adderの中に貼ると問題なく思い通りにできます。どうして投稿内ではできないのでしょうか。
    また、アップルのバッジのプログラムも投稿のテキストに貼った時もビジュアルを見るとそのプログラムが消えてしまいます。だからプログラムを貼ったら確かめずに公開しなければいけません。
    私は独学でやっていて、かなりの初心者ですのでよそしくお願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    ビジュアルエディタでは、スクリプトタグは削除されるようになっています。残念ながら採用しているエディタシステムの仕様上、仕方がありません。(不正なスクリプトが実行されないためのセキュリティ面への配慮など、様々な理由があります)

    スクリプトタグを記述したい場合、「テキスト」モードのみを使用してください。
    表示を確認したい場合、「ビジュアル」と「テキスト」を切り替えるのではなく、「公開」のボックス内にある「プレビュー」ボタンを使ってください。(一般的には記事作成画面の右上あたりにあるはずです)

    トピック投稿者 mo2274

    (@mo2274)

    早速のご返答ありがとうございます。私にはここでどうしてと考えるほど知識が十分備わっていないのでそういうものなのだとしておきます。わかりました。ありがとうございました。
    今、 onMouseover と onMouseout をサイトに追加しています。
    プレビューではその onMouseover が効いていないのうまくいかなかったのかなと思いましたが、公開してみたらうまく動いていました。プレビューでもこの効果は確かめられないのでしょうか。

    こんにちは

    下記チケットが参考になると思います。
    https://core.trac.wordpress.org/ticket/27858

    とりあえず仕様ということでクローズしたみたいです。
    回避策のコードも提示されているので試されてみてはと思います。

    本題とは外れますが、画像をマウスオーバーでハイライトであれば、スタイル(CSS)を利用した方が簡単でいいかなと思います。

    style.css 等に下記を追加して、

    img.highlight:hover { opacity: 0.5; }

    対象とする画像(img)のクラスに highlight を追加。

    <img class="highlight" src="sample.jpg" />

    • この返信は6年、 11ヶ月前にishitakaが編集しました。
    トピック投稿者 mo2274

    (@mo2274)

    情報ありがとうございます。ちゃんと理解がまだできていませんが、、、。onMouseover onMouseout のプログラムは私にとってとても難しくて信じられないくらいの時間がかかりました。4−5?種類の方法があってそれぞれ比較した図があってこの方法が一番良さそうに見えたので選びました。やり方がわかっていたのですがなかなかうまく動かなくてようやく数日前に成功したばかりです。Wordpress はこの方法を奨励していないようですね。style.css の方がやりやすそうですが、長い間、時間かけてようやく出来たのでしばらくこのままで余裕ができた頃にまた書き直したいと思います。
    貴重な情報ありがとうございました。また必ず試して見ます。

    トピック投稿者 mo2274

    (@mo2274)

    別のサイトで ishitaka さんに教えて頂いた方法を試して見ました。style.css に書き加えて、本当に簡単にできて驚きました。入れ替える写真が必要ないのでこれはいいですね。ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「投稿編集中、”テキスト”内のプログラムが”ビジュアル”から戻ると消える。」には新たに返信することはできません。