teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問CSSを用いて表示内容の切り替えをした際の問題

編集履歴

質問編集履歴

12

2018/07/15 01:06

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -96,7 +96,7 @@
96
96
 
97
97
  ```
98
98
 
99
-
99
+ →「多くのリダイレクトが発生しました」
100
100
 
101
101
 
102
102
 

11

2018/07/15 01:06

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -76,4 +76,34 @@
76
76
 
77
77
 
78
78
 
79
+ ```.htaccess
80
+
81
+ <Files ~ "^.ht">
82
+
83
+ deny from all
84
+
85
+ </Files>
86
+
87
+
88
+
89
+ # Redirect
90
+
91
+ Redirect permanent /index.html http://ユーザー名.starfree.jp/index.html#Japanese
92
+
93
+
94
+
95
+ RewriteCond %{REMOTE_ADDR} !=157.112.187.101
96
+
97
+ ```
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
79
109
  [こちら](https://teratail.com/questions/136112)で再度質問しました。

10

2018/07/15 01:05

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -71,3 +71,9 @@
71
71
  ```
72
72
 
73
73
  →「多くのリダイレクトが発生しました」
74
+
75
+
76
+
77
+
78
+
79
+ [こちら](https://teratail.com/questions/136112)で再度質問しました。

9

2018/07/14 23:21

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして表示内容を切り替えるようにしました。
2
2
 
3
- しかし、構造上自動でindex.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。
3
+ しかし、構造上自動でindex.html#Japaneseのようにハッシュ値を付与しなければならないので、.htaccessを利用しindex.htmlからindex.html#Japaneseに301リダイレクトをすればできると思い実行した所失敗しました。
4
4
 
5
5
  JavaScriptを利用すれば可能かと考えましたが知識がないためどなたかお知恵をお貸しください。
6
6
 
@@ -27,6 +27,8 @@
27
27
  }
28
28
 
29
29
  </style>
30
+
31
+ <a href="#Japanese">日本語</a><a href="#English">英語</a><a href="#Chinese">中国語</a>
30
32
 
31
33
  <div id='Japanese' class='content'>
32
34
 
@@ -68,4 +70,4 @@
68
70
 
69
71
  ```
70
72
 
71
- →多くのリダイレクトが発生しました。
73
+ →「多くのリダイレクトが発生しました」

8

2018/07/14 14:15

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -67,3 +67,5 @@
67
67
  Redirect permanent /index.html http://sample.com/index.html#Japanese
68
68
 
69
69
  ```
70
+
71
+ →多くのリダイレクトが発生しました。

7

2018/07/14 06:50

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -48,6 +48,10 @@
48
48
 
49
49
  ```
50
50
 
51
+
52
+
53
+ **試したもの**
54
+
51
55
  ```.htaccess
52
56
 
53
57
  <Files ~ "^.ht">

6

2018/07/14 06:47

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -47,3 +47,19 @@
47
47
  </div>
48
48
 
49
49
  ```
50
+
51
+ ```.htaccess
52
+
53
+ <Files ~ "^.ht">
54
+
55
+ deny from all
56
+
57
+ </Files>
58
+
59
+
60
+
61
+ # Redirect
62
+
63
+ Redirect permanent /index.html http://sample.com/index.html#Japanese
64
+
65
+ ```

5

2018/07/14 06:46

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして表示内容を切り替えるようにしました。
2
2
 
3
- しかし、構造上index.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。
3
+ しかし、構造上自動でindex.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。
4
4
 
5
5
  JavaScriptを利用すれば可能かと考えましたが知識がないためどなたかお知恵をお貸しください。
6
6
 

4

2018/07/14 06:15

投稿

yaschi
yaschi

スコア35

test CHANGED
@@ -1 +1 @@
1
- CSSを用いて表示の切り替えをした際の問題
1
+ CSSを用いて表示内容の切り替えをした際の問題
test CHANGED
@@ -1,4 +1,4 @@
1
- [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして内容を切り替えるようにしました。
1
+ [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして表示内容を切り替えるようにしました。
2
2
 
3
3
  しかし、構造上index.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。
4
4
 

3

2018/07/14 06:12

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,10 @@
1
- [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして内容を切り替えるようにしました。そこでsample.com/index.htmlのindex.htmlの所にあり初回アクセス時にindex.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。JavaScriptを利用すればいいのだと考えましたがそこら辺の知識がないためどなたかお知恵をお貸しください。よろしくお願いします。
1
+ [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして内容を切り替えるようにしました。
2
+
3
+ しかし、構造上index.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。
4
+
5
+ JavaScriptを利用すれば可能かと考えましたが知識がないためどなたかお知恵をお貸しください。
6
+
7
+ よろしくお願いします。
2
8
 
3
9
 
4
10
 

2

2018/07/14 06:08

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1 +1,43 @@
1
1
  [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして内容を切り替えるようにしました。そこでsample.com/index.htmlのindex.htmlの所にあり初回アクセス時にindex.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。JavaScriptを利用すればいいのだと考えましたがそこら辺の知識がないためどなたかお知恵をお貸しください。よろしくお願いします。
2
+
3
+
4
+
5
+ ```HTML
6
+
7
+ <style>
8
+
9
+ .content {
10
+
11
+ display: none;
12
+
13
+ }
14
+
15
+
16
+
17
+ .content:target {
18
+
19
+ display: block;
20
+
21
+ }
22
+
23
+ </style>
24
+
25
+ <div id='Japanese' class='content'>
26
+
27
+ 日本語
28
+
29
+ </div>
30
+
31
+ <div id='English' class='content'>
32
+
33
+ 英語
34
+
35
+ </div>
36
+
37
+ <div id='Chinese' class='content'>
38
+
39
+ 中国語
40
+
41
+ </div>
42
+
43
+ ```

1

2018/07/14 06:07

投稿

yaschi
yaschi

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1 +1 @@
1
- [リンク内容](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして内容を切り替えるようにしました。そこでsample.com/index.htmlのindex.htmlの所にあり初回アクセス時にindex.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。JavaScriptを利用すればいいのだと考えましたがそこら辺の知識がないためどなたかお知恵をお貸しください。よろしくお願いします。
1
+ [こちら](https://qiita.com/ueokande/items/6fe37053445463aaf5bf)を参考にして内容を切り替えるようにしました。そこでsample.com/index.htmlのindex.htmlの所にあり初回アクセス時にindex.html#JapaneseのようにIDを付与しなければならないので、.htaccessを利用すればできると思い実行した所失敗しました。JavaScriptを利用すればいいのだと考えましたがそこら辺の知識がないためどなたかお知恵をお貸しください。よろしくお願いします。