スマートフォン用の共有テンプレートを 3作登録 しています。 FC2ブログユーザーさんは、是非使ってみてくださいね。 詳細はこちら
ari_seo1 試用しております。
highlight: JavaScript text higlighting jQuery plugin ソース配置
html
<head>
<!--not_page_area--><!--not_index_area--><!--not_permanent_area--><!--not_edit_area--><!--not_category_area--><!--not_date_area--><!--not_titlelist_area-->
<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="http://blog-imgs-32.fc2.com/a/a/a/aaaaaa/jquery.js"></script>
<script type="text/javascript" src="http://blog-imgs-32.fc2.com/a/a/a/aaaaaa//highlight_3.js"></script>
<!--/not_titlelist_area--><!--/not_date_area--><!--/not_category_area--><!--/not_edit_area--><!--/not_permanent_area--><!--/not_index_area--><!--/not_page_area-->
<!--search_area-->
<script type="text/javascript">
$(function(){
var keyword = "<%search_word>";
if (keyword != "") {
$("#content").highlight("<%search_word>");
$("#overtureAds").removeHighlight();
}
});
</script>
<!--/search_area-->
<!--tag_area--><input type="button" onclick="if('<%tag_word>'!=''){$('#content').removeHighlight().highlight('<%tag_word>');}" value="<%tag_word> を 強調表示する" title="検索用語 を 黄色背景でハイライトします" /><!--/tag_area-->
style.css
.highlight {
background-color:yellow;
display:inline; /* 広告など表示乱れ対策,必要に応じて(私は未設定) */
}
<!--FCafe KW強調ボタン
http://pcafe.blog3.fc2.com/blog-entry-392.html-->
は、効きますが、
上記の通り、配置 highlight: JavaScript text higlighting jQuery pluginは効きません。
highlight: JavaScript text higlighting jQuery plugin効かないのは、なぜでしょうか。
FCafe KW強調ボタンは、コメントアウトしてます。
jquery.min.js が ページ内で2度 読み込まれているのが原因ではないでしょうか?
それを修正すれば機能すると思います。 (一応テスト済みです。)
>jquery.min.js が ページ内で2度 読み込まれているのが原因ではないでしょうか?
確かに2度 読み込まれていました。1っにしても動作しない様です。
phl さんのソースをローカルでテストしてみましたが、機能しましたよ。。。
機能しないのはどのページでしょうか?
>機能しないのはどのページでしょうか?
私のfc2 blogのurlを教えてという意味ですか。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript" src="・・・/js/jquery.page-scroller.js"></script>
↑ ページ中盤にあるこの1つ目(jquery.min.js) はこの位置ではなく
<head>~</head> に入れて
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript" src="http://blog-imgs-00.fc2.com/a/b/c/ ~ /highlight_3.js"></script>
<!--search_area-->
<script type="text/javascript">
$(function(){
var keyword = "<%search_word>";
if (keyword != "") {
$("#content").highlight("<%search_word>");
$("#overtureAds").removeHighlight();
}
});
</script>
<!--/search_area-->
</head>
<body>
<!--tag_area--><input type="button" onclick="if('<%tag_word>'!=''){$('#content').removeHighlight().highlight('<%tag_word>');}" value="<%tag_word> を 強調表示する" title="検索用語 を 黄色背景でハイライトします" /><!--/tag_area-->
</body>
と入れてもらえば機能すると思います。(確認済みです)
jquery.min.js
<head>~</head> に入れました。
> <head> 部分
>■色文字部分 は エリア変数です。
以前試しましたが
<head>~</head> 間にエリア変数を入れると
効かなかったようでした。
以前
FCafe KW強調ボタンのスクリプトの上にエリア変数入っていたので。
FCafe KW強調ボタンのスクリプトをコメントアウトし、その変に配置したわけです。
今回
jquery.min.js
highlight_3.js
<!--search_area-->
<script ~
</script>
<!--/search_area--> を
<head>~</head> 配置。エリア変数無。
<!--tag_area--><input type=~
<!--/tag_area-->
<body>に配置
で効きました。回答有難う御座いました。助かりました。
このコメントは管理人のみ閲覧できます
最初(前回も)コメントに書いてもらった内容だけでは、
機能しない理由が見当たらなかったので... 解析からサイトを訪問していました。
エリア変数は <head> 部分でも使えるもので、私のテンプレートでも沢山使っています。
今回 機能しなかったのは、スクリプトの配置(順番)と重複 だと思います。
(しつこいようですみませんが...他の方が迷うといけないので。)
でも、使えるようになってよかったです。
今回のように「機能しない」というのような内容の場合、実際のURLを教えてもらった方がアドバイスしやすいので、私の場合は入れてもらえると助かります。
解析からはあくまでも予測ですし、回答しづらいところもあるので...。
こんばんは。
ブログの見直しで、ページナビ,ハイライト表示等、参考にさせて頂きました。
ありがとうございました。リンクも貼らせて頂きましたので、
よろしくお願いいたします。
ブログカスタマイズ中級 (15) / ブログカスタマイズ上級 (30) / FC2共有テンプレート (16) / FC2マニア・仕様関連 (21) / アクセス解析・SEO対策 (18) / ブログ雑記・その他 (8) / TV・NET・GAME (12) / 子育て・日々の出来事 (10) / 得するお役立ち情報 (15) / 無料素材のリンク集 (11) / 無料ソフト・フォント等 (10) / Twitter・ブラウザ関連 (26) /