質問編集履歴

3

2020/02/16 03:01

投稿

LUCIA
LUCIA

スコア20

test CHANGED
@@ -1 +1 @@
1
- 【fc2ブログ】特定の部分でjavascript・CSSがうまく動作しない
1
+ 【fc2ブログ】特定の部分でjavascriptがうまく動作しない
test CHANGED
@@ -148,14 +148,6 @@
148
148
 
149
149
 
150
150
 
151
- さらに、こちらの場合では、ひとつの記事だけにCSSの直書きをしたのに、トップページの記事一覧にまでそのデザインが影響する(ページ下部の【最新記事欄】あたりまでリストボックスデザインが出てきています)という別の問題も生じてしまっています。
152
-
153
-
154
-
155
- javascriptが動かないことと関係がありますでしょうか…。
156
-
157
-
158
-
159
151
  とても長くなってしまいましたが、上記2パターンのエラーに付きまして、どのようなプログラム修正を行えばよいか、お力添えをいただけますでしょうか。
160
152
 
161
153
  どうぞよろしくお願いいたします。
@@ -165,3 +157,15 @@
165
157
  追記:
166
158
 
167
159
  document.getElementsByClassName("summary"); たけでは、なにも動作しない筈なので、コード間違いがあるのでは…?とヒントをいただきました。しかし、こちらのコードを<script>で挟んだだけで、少なくとも、ただ本文を打っただけのページではsummaryクラスによる抜き出しが動作している部分があるのです…。テンプレート変数の方に秘密があるのでしょうか。
160
+
161
+
162
+
163
+ 2020/02/16 追記
164
+
165
+ CSSが別ページに及んでしまう件については、クラス定義をすることで回避いたしましたので、質問タイトルをjavascriptのみに絞りました。
166
+
167
+
168
+
169
+ また、取得だけの動作をしていたjavascriptについては、一旦削除をいたしました。
170
+
171
+ この状態でも、正しく動作しているように見える部分があるのは、たまたま表示したい部分と【表示可能字数】がうまく合致しているだけなのかもしれません…!

2

2020/02/16 03:01

投稿

LUCIA
LUCIA

スコア20

test CHANGED
File without changes
test CHANGED
@@ -159,3 +159,9 @@
159
159
  とても長くなってしまいましたが、上記2パターンのエラーに付きまして、どのようなプログラム修正を行えばよいか、お力添えをいただけますでしょうか。
160
160
 
161
161
  どうぞよろしくお願いいたします。
162
+
163
+
164
+
165
+ 追記:
166
+
167
+ document.getElementsByClassName("summary"); たけでは、なにも動作しない筈なので、コード間違いがあるのでは…?とヒントをいただきました。しかし、こちらのコードを<script>で挟んだだけで、少なくとも、ただ本文を打っただけのページではsummaryクラスによる抜き出しが動作している部分があるのです…。テンプレート変数の方に秘密があるのでしょうか。

1

2020/02/15 14:08

投稿

LUCIA
LUCIA

スコア20

test CHANGED
@@ -1 +1 @@
1
- 特定の部分でjavascript・CSSがうまく動作しない
1
+ 【fc2ブログ】特定の部分でjavascript・CSSがうまく動作しない
test CHANGED
@@ -1,6 +1,6 @@
1
- fc2ブログでhtmlのカスタマイズをしています。
1
+ fc2ブログのテンプレートでhtmlのカスタマイズをしています。
2
2
 
3
- それぞれの記事に入る前のトップページに、本文の一部を表示するため、全文を取得するための<%topentry_body>変数を使ったあと、javascriptを動作させています。
3
+ それぞれの記事に入る前のトップページに、本文の一部を表示するため、全文を取得する<%topentry_body>変数を使ったあと、javascriptを動作させています。
4
4
 
5
5
  トップページに表示したい部分には
6
6
 
@@ -44,9 +44,13 @@
44
44
 
45
45
  **問題のページ**
46
46
 
47
- http://ancyfamily.blog.fc2.com
47
+ [ブログトップページ](http://ancyfamily.blog.fc2.com)
48
48
 
49
+
50
+
51
+ アクセスしていただきますと、記事一覧が表示されると思います。
52
+
49
- アクセスしていただきますと、記事一覧が表示されると思いますが、タイトルの頭に○がついているページは、上述の、本文一部抜き出しのスクリプトがきちんと動作しています。
53
+ タイトルの頭に○がついているページは、上述の、本文一部抜き出しのスクリプトがきちんと動作しています。
50
54
 
51
55
 
52
56
 
@@ -66,7 +70,9 @@
66
70
 
67
71
  本記事では、青空文庫という電子書籍形式にならった記述をすると、自動でふりがなを振ってくれるスクリプトが動作しています。
68
72
 
69
- これは、|漢字《ふりがな》という記述を変換してくれるもので
73
+ これは、|漢字《ふりがな》という記述を変換してくれるものです。個別ページに入ると【快晴】の部分にカイセイとルビが振られています。
74
+
75
+
70
76
 
71
77
  ```javascript
72
78
 
@@ -136,7 +142,7 @@
136
142
 
137
143
  あるひとつのページだけでCSSを使いたい場合が多くあり、しばしば記事内にCSSを直書きすることがあります。
138
144
 
139
- https://jsfiddle.net/lucicode/bywhv4t5/2/
145
+ [よく使っているCSSの一例(htmlに直書きしています)](https://jsfiddle.net/lucicode/bywhv4t5/2/)
140
146
 
141
147
  上記のjsfiddleリンクにある、リストボックスや見出し関係のCSSを使うことが多いのですが、この場合も、本文抜き出しスクリプトが動作しません…!
142
148