Webサイト制作初心者用質問スレ part244

1 ：Name_Not_Found：2015/05/17(日) 16:43:13.57 ID:kytfhGpuh

★★★★★★★★★★★★★★★★★★★★★★★
◆zS.k96R.Do はキチガイです。　相手をしないように
★★★★★★★★★★★★★★★★★★★★★★★
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
　 1. 質問する前に >>2-4 にも目を通すこと
　 2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
　 3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
　 4. 携帯サイトについては携帯専用スレで質問すること
　 5. ブログについてはブログ板で質問すること
　 　 　●ブログ板 http://peace.2ch.net/blog/
　 6. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
　 　 　http://find.2ch.net/?STR=seo&TYPE=TITLE
　 7. アクセス解析については該当スレで質問すること
　 　 　http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&TYPE=TITLE
　 8. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
　 9. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
　 　 　●WEBプログラミング板 http://kanae.2ch.net/php/
　10. JavaScript はこの板の該当スレで質問すること
　11. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
　12. Flash ついては Flash板で質問すること
　 　 　●FLASH・動画板 http://peace.2ch.net/swf/
　13. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
　 　 　http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&TYPE=TITLE
　14. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
　15. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part244 [転載禁止](c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1421469214/

2 ：Name_Not_Found：2015/05/17(日) 16:44:30.11 ID:kytfhGpuh

■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
　　 ・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
　　 ・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
　　 ・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること

Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
　　 個人で好みが違うので、一概に「これ」が良いと推奨することはできません
　　 あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です

Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
　　 初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう

Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください

Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
　　 HTML の文法を専用サイトでチェックしてみましょう
　 　http://validator.w3.org/

3 ：Name_Not_Found：2015/05/29(金) 08:11:03.53 ID:WYvA7GYrN

自サイトに「yuga.js」を使い、マウスを重ねると画像が切り替わるようにしてあります（変更時画像ファイル名「_on.jpg」）が、
先日動作してないことに気づきました。（不具合発生はおそらく今年になってから。去年は動作してました）
自身使用のブラウザは以前よりMac版Firefox（現在はVer.38.0.1）ですが、サイト自体はいじってないのでブラウザのバージョン
アップに伴う仕様変更が原因と思われます。
解決法をご教示ください。宜しくお願い致します。

4 ：Name_Not_Found：2015/06/05(金) 14:17:37.03

cssだけでアコーディオンを作ろうとしてるのですが
マウスオーバーではなくクリックで開閉させるようにするにはどうすればいいでしょうか？都合上labelタグは使えません。

5 ：Name_Not_Found：2015/06/05(金) 21:30:36.53 ID:ttxIDcfWW

クリックはJSも使わないと無理だと思うけど

6 ：Name_Not_Found：2015/09/07(月) 22:11:45.67 ID:XmJvMD1hG

プルダウンメニューの名前を動的に変化させつつ、メニューの要素数も格納するデータ数に変化させることはHTML,Javascriptのみで可能なのでしょうか？

やりたいこと
var city = new array("東京都");
と
var city2 = new array("大阪府","京都府");

を同じプルダウンメニューに使用したとき

　　　　<option value="" SELECTED>*都市選択</option>
　　　　<option value=""></option>//大阪府　//東京都
　　　　<option value=""></option>//京都府　//空白
と書いてしまっては、city配列を選んでしまった時に空欄ができてしまいます。これを消したいのですが、可能でしょうか？ご教授お願い致します。

document.write()も使用して見ましたが、名前を動的にするので、エラーになってしまい、出来ませんでした。

7 ：Name_Not_Found：2015/09/07(月) 23:30:37.06 ID:85dShg7aD

>>6
今ひとつやりたい事が理解できない
<select name="city">
東京都
</select>
<select name="city2">
大阪府
京都府
</select>
こういうノードが有るの？
それとも
<select name="city">
東京都
大阪府
京都府
</select>
こういうの？
この他に「地方」みたいな選択肢があって、それを元に動的にcityの内容をフィルタリングしたいって事？

8 ：Name_Not_Found：2015/09/09(水) 00:03:32.33 ID:p1iMfM2ML

>>7
返信遅れてすみません。
たぶん最後の、フィルタリングであってると思います。
<select id="prefectures">
　　<option value="" SELECTED>*都道府県選択</option>
　　<option value="">都</option>
　　<option value="">道</option>
　　<option value="">府</option>
　　<option value="">県</option>
</select>
と
<select id="city">
　　　　<option value="" SELECTED>*都市選択</option>
　　　　<option value=""></option>//大阪府　//東京都　//北海道　//青森県
　　　　<option value=""></option>//京都府　//空白　　//空白　　//岩手県
　　　　　　　　　　　・
　　　　　　　　　　　・
</select>
の空プルダウンメニューを作成して、
都道府県が選択されたとき
Javascriptで、
var city1 = new array("東京都");
var city2 = new array("北海道");
var city3 = new array("大阪府","京都府");
var city4 = new array("青森県","岩手県","秋田県"・・・・・・);
var city(city1,city2,city3,city4);
var toggle = document.getElementById("prefectures").selectedIndex;
　for(var i=1;i<6;i++){
　　 document.getElementById("city").options[i].text=city[toggle - 1][i];
　}
実行するといった流れでございます。
例えば、県の数だけ、<option>要素を作った場合、他の都道府を選んだ時に、１つか２つ後から空欄が出来ます。この空欄を消す事は出来るのでしょうか？

9 ：Name_Not_Found：2015/09/09(水) 00:05:32.77 ID:p1iMfM2ML

>>8
すいません、ここの記述を間違えてました

for(var i=1;i<6;i++)⇒for(var i=1;i<city[toggle].length + 1 ;i++)

10 ：Name_Not_Found：2015/09/09(水) 03:57:06.65 ID:EqQi211XJ

全都道府県のoptionを用意した上で、option自身にhiddenを与えるとリストから消え選択できなくなる
<option hidden>
id="prefectures"が選択された時点でid="city"のoptionを巡回してhiddenのフラグを操作すれば動的に変化させられる
hiddenはHTML5からの対応らしいからブラウザでの実装状況は詳しくは知らない

または、子ノードを全削除してからoptionを全て書き出す方法
//selectの子ノードを全て削除
var sel_node = document.getElementById('city');
while (sel_node.firstChild) { sel_node.removeChild(sel_node.firstChild); }
//city配列をoption出力
for(var i = 0 ; i < city[toggle].length ; i++){
var opt_node = document.createElement('option');
opt_node.value = 'city'+toggle+'_'+i;
opt_node.innerHTML = city[toggle][i];
sel_node.appendChild(opt_node);
}

都・道・府・県で配列を分けてある理由が分からないんだが
今は少ないと思うけど、javascriptが動作しない環境の事も考えると空のoptionを用意するのは無謀な気がする

11 ：Name_Not_Found：2015/09/09(水) 10:10:54.52 ID:p1iMfM2ML

option hidden 出来るんですね！

大変勉強になりました！ありがとうございました！
javascript動作しない環境はＯＮをにしてくださいとアナウンスしたほうがよさそうですね