代替スタイルシートに萌え～

**かとり～ぬ** · NG

モヂラでしか見られないスタイルシート。
スクリプトでＩＥ対応させてるサイトが密かに急増中。
先ずはここから
http://www.cc-net.or.jp/~piro/

**Name_Not_Found** · 04/01/19 22:44

http://critical.s6.xrea.com/web/cssselect.shtml の切替スクリプトを
>>261-262の助言に従って修正してみたのだが、
依然として「最初は一番上の（代替）スタイルシートが適用され」る（IE6にて）。
どうすればいいかな？

**398** · 04/01/20 00:51

http://minatsu.pos.to/mod_changess_v02.js でもダメ。

<link rel="stylesheet" type="text/css" href="../persistent.css">
<link rel="stylesheet" type="text/css" href="../preferred.css" title="優先シート">
<link rel="alternative stylesheet" type="text/css" href="../alternate.css" title="代替シート">
と順番に記述した状態でスクリプトを入れると、優先シートが反映されなくなる。

**398** · 04/01/20 00:53

誤　<link rel="alternative stylesheet" type="text/css" href="../alternate.css" title="代替シート">
正　<link rel="alternate stylesheet" type="text/css" href="../alternate.css" title="代替シート">

**Name_Not_Found** · 04/01/20 08:51

>>398
よく解らんのだけどこういうこと？

> if(sfTitles.indexOf(sheet)==-1) sheet=sS[0].title;
この部分(main()内とfInit()内の2ヶ所)を次のように修正：
if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle || sS.alternateTitle || sS[0].title;

で、fGetStyleTitles() にコード追加：
function fGetStyleTitles(){
/* スタイルシートの一覧を取得 */
sS=document.styleSheets;
for(i=0; i<sS.length; i++){
if (sS[i].title){
if (sfTitles.indexOf(sS[i].title)==-1) {
sfTitles+=sS[i].title;
sfTitles+=",";
}
// 以下追加コード：
// ここで優先スタイルと最初の代替スタイルを取得しておく
if ( N6 ) var rel = sS[i].ownerNode.rel.toLowerCase();
else var rel = sS[i].owningElement.rel.toLowerCase();
if ( rel == 'stylesheet' && !sS.preferredTitle )
sS.preferredTitle = sS[i].title;
else if ( rel == 'alternate stylesheet' && !sS.alternateTitle )
sS.alternateTitle = sS[i].title;
// 追加ここまで
}
}
sfTitles+="なし";
sfTitle=sfTitles.split(",");
}

**Name_Not_Found** · 04/01/20 12:22

>>398-399 の問題は、>>397のリンク先の切替スクリプトなら起らないみたいだけど……？

**398** · 04/01/20 15:16

>>401
有り難う、それで出来ますね。
ただ、No-Styleを選択しても固定シートは解除されないので、もう一工夫必要っぽい。
いま下記など参考に試行錯誤中。
cf. http://east.portland.ne.jp/~sigekazu/css/javascript3.htm

**Name_Not_Found** · 04/01/20 15:45

>>403
fChangeSS(ssTitle) の
> sS[i].disabled = ((sS[i].title==ssTitle)||(!sS[i].title)) ?
> false : true;
を次のように修正：
sS[i].disabled = ssTitle=='No-Style' ? true : (sS[i].title!=ssTitle && sS[i].title);

でどう？

**Name_Not_Found** · 04/01/20 15:58

>>404　それだと、やはり優先シート（title属性あり）が無効になるだけでは。

**405** · 04/01/20 16:05

いや、ちゃんと全スタイルシートが無効になるね。ごめん。

**Name_Not_Found** · 04/01/20 21:36

>>401
ownerNodeとかowningElementとか使用しないでも
link要素をlinks[i].title;てな感じでforでさらってうまいことできないかしらん。

**Name_Not_Found** · 04/01/20 22:41

>>407
「さらってうまいこと」となると… ＿|￣|○

**Name_Not_Found** · 04/01/21 00:22

×サラってうまいこと
○浚ってうまいこと

**Name_Not_Found** · 04/01/21 08:06

>>407
fGetStyleTitles() のスタイル切替実行前の呼び出しを前提にすれば
>>401 の追加コードの所はこのくらい端折るのもアリかも。

var p = sS[i].disabled ? 'alternateTitle' : 'preferredTitle';
if ( !sS[p] ) sS[p]= sS[i].title;

**403** · 04/01/21 11:08

おお、一挙にスッキリしましたね。試したら、成功しました。
ところでpって何の略？

**Name_Not_Found** · 04/01/21 11:27

> ところでpって何の略？
propertyName...考えるの面倒でさ。

**Name_Not_Found** · 04/01/21 11:47

お、久しぶりに書き込みが続いて……と思ったら、無視され通しの>>397。哀れ。

**Name_Not_Found** · 04/01/25 02:20

XML Stylesheet はアプリケーション側で対応してくれないとどうにもならんですよね？

**Name_Not_Found** · 04/01/26 00:24

>>414　アゲないと、返事は来ないよ。

**Name_Not_Found** · 04/01/26 18:42

>>414
やってみないと解らんが壁は多いと思われ。
XML+CSSの場合なら既存のスクリプトの流用も多少はできるかもしれないが
XML+XSLTの場合だと現状では色々な意味で難しげ。

**Name_Not_Found** · 04/01/26 19:01

HTML+CSSの場合だってアプリケーションが対応してなきゃどうにもならんでしょ。

**414** · 04/01/28 02:39

>>415
たとえ質問でも上げると怒る人いるから下げるようにしてます。
スルーされたら忘れますし（w

>>416-417
変なｶｷｺしちゃいましたが、漏れがやりたいのは元になるXHTMLにaltCSSを
書いておいて、IE用にLink要素を生成する、ということです。
正規表現使えばなんとかなりそうですし、今度からはもっと考えてから質問します。

**Name_Not_Found** · 04/01/28 16:48

>>401が改良したスタイル切替スクリプトを試したが、惜しいかな、
次のケースで問題が起きる。

<link rel="stylesheet" type="text/css" href="../persistent.css">

<link rel="alternate stylesheet" type="text/css" href="../alternate.css" title="代替シート">

この記述でスクリプトを作動させると、いきなり代替シートが適用されてしまった。
固定シートにtitleをつけて優先シートにすれば、適用されるのはpersistent.cssになるが、
それだとalternate.cssへの切換を実行したときに、persistent.cssの指定が全て無効になる。
つまり、persistent.cssを適用した上でのalternate.cssによる追加・上書き指定ができない。

この点が修正されれば汎用スクリプトになるんだが……。うまい手は、無いものか。

今の所、下記のごとくpersistent.cssをtitle無しと有りとで重複指定して対処してるが。
<link rel="stylesheet" type="text/css" href="../persistent.css">
<link rel="stylesheet" type="text/css" href="../persistent.css" title="優先シート">
<link rel="alternate stylesheet" type="text/css" href="../alternate.css" title="代替シート">

**Name_Not_Found** · 04/01/28 17:01

>>419
if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle || sS.alternateTitle || sS[0].title;
↓
if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle;

**Name_Not_Found** · 04/01/28 18:26

>>420
いや、それだと代替シートとNo-Styleだけが選択可能になって、
初期状態（固定シート）が選択肢に出てこなくなりますよ。
つまり一度代替シートに切替すると、元に戻せない。

title無し（固定シート）の<link rel="stylesheet">がある場合は
それに"default"とか何とか適当な名前をつけて選択肢が出る仕組みを作ればいいのだけど。
……チト手に余る。

**Name_Not_Found** · 04/01/28 19:06

if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle || 'Default'; // 修正
....
if (!sS.preferredTitle) sfTitles+="Default,"; // 追加
sfTitles+="No-Style";
....
sS[i].disabled =
// ssTitle=='No-Style' ? true : (sS[i].title!=ssTitle && sS[i].title);
// ↓に修正
ssTitle=='No-Style' ? true :
ssTitle=='Default' ? (sS[i].title!=sS.preferredTitle && sS[i].title) :
(sS[i].title!=ssTitle && sS[i].title);

**419** · 04/01/28 20:26

>>422
有り難う！　成功しました。
あと、Defaultが選択肢の先頭に来ると完璧なんですが。
いま、こんな感じでスタイル選択formを書き込んでます。↓

document.writeln('<form action="" id="StyleChangeForm">\n'+nHTML+'</form>');

function fMakeHTML(){/* 選択フォームのHTMLを作成する */
nHTML='<ul>\n';
for(i=0; i<sfTitle.length; i++){
nHTML+='<li><input type="radio" id="id'+sfTitle[i]+'" name="Style" onclick="fSelectSS(this);" value="'+sfTitle[i];
nHTML+=(sfTitle[i]==sheet) ? '" CHECKED>' : '">';
nHTML+='<label for="id'+sfTitle[i]+'">'+sfTitle[i]+'</label></li>\n';
}
nHTML+='</ul>';
これだと、代替シート・Default・No-Styleの順に選択肢が列ぶんですよね。
Default・代替シート・No-Styleの順（head内link要素を並べた順）にするにはどうしたらよいですか。

**Name_Not_Found** · 04/01/28 20:33

if (!sS.preferredTitle) sfTitles+="Default,";
↓
if (!sS.preferredTitle) sfTitles="Default,"+sfTitles;

**Name_Not_Found** · 04/01/28 20:41

誰かまとめてサイト作れ

**Name_Not_Found** · 04/01/28 21:00

ご自分でどうぞ。

**419** · 04/01/28 21:03

>>424　
あ、そっか。それでいいわけですね。重ね重ね有り難う。

>>425　
一応、これまでの修正を反映させて使用中のスクリプトありますが、
どこか場所をくれればそこにアップロードします。

**419** · 04/01/28 22:26

いまウェブに件のスクリプトをアップロードして試したら、
ローカルでは起きなかった問題が――。
A：固定シートと優先シートとがあり、代替シートの無いページ
B：優先シート無し、固定シートと代替シートがあるページ
このA-B間を行き来すると、選択もしてないのにNo-Styleになってしまった。
B-B間（Bを表示させたあと、再度Bを開く）でもやはり勝手にスタイルが解除される。
A-A間では大丈夫みたいだ。
よくわからないけど、Cookieの所為かしらん。

**Name_Not_Found** · 04/01/29 08:32

function fReadSS(){
/* 現在適用されているスタイルシートを読み込む */
NowSheet="Default";
for(i=0; i<sS.length; i++) {
if ((sS[i].disabled)&&(!sS[i].title)) { NowSheet='No-Style'; break; }
else if ((!sS[i].disabled)&&(sS[i].title)) { NowSheet=sS[i].title; break; }
}
}
...かな。ちゃんと検証してないけど。

それはそうとGeckoでCookieが存在する場合に、
不具合回避しつつレンダリング前に有効なスタイルを指定するためにこういうことをしていて
> document.write('<META http-equiv="Default-Style" content="'+ sheet +'" />');
要は優先スタイル指定をCookieから読み出した名前で上書きしていて
このために>>410の方法で意図される優先スタイル名を取得できなくなっている
(>>410は単にロード時にタイトル付きスタイルの有効/無効を見ているだけだから)。
気になるなら別な対策が必要になる予感。

**Name_Not_Found** · 04/01/29 10:28

>>429
Mozillaは自前でスタイルシート選択ができるから、いいのでは。
何とかしたいのはIEとOpera。

**Name_Not_Found** · 04/01/29 10:53

>>430
Operaも自前で選択できるべ

**Name_Not_Found** · 04/01/29 12:05

Safariってどうなってるのかな。スクリプトは有効かな。
誰かMacの人～？

**Name_Not_Found** · 04/01/29 14:23

>>429で、動作確認しました。ＯＫです。今度こそ全て解決、かな。

function main(){/* メイン関数 */
sfTitles="";
sheet = fGetCookie('sheet');
fGetStyleTitles();
if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle || 'Default';
fChangeSS(sheet);
window.onload=fInit;
window.onunload=fEnd;
}
function fGetStyleTitles(){/* スタイルシートの一覽を取得 */
sS=document.styleSheets;
for(i=0; i<sS.length; i++){
if (sS[i].title){
if (sfTitles.indexOf(sS[i].title)==-1) {
sfTitles+=sS[i].title;
sfTitles+=",";
}
var relS = sS[i].disabled ? 'alternateTitle' : 'preferredTitle';
if ( !sS[relS] ) sS[relS]= sS[i].title;
}
}
if (!sS.preferredTitle) sfTitles="Default,"+sfTitles; // 追加
sfTitles+="スタイル解除";
sfTitle=sfTitles.split(",");
}

**つづき** · 04/01/29 14:24

**Name_Not_Found** · 04/01/29 14:26

>>433-434でFA？

**つづき** · 04/01/29 14:26

fSetCookie('sheet',ssTitle);
}

function fSelectSS(obj){/* 選択されたスタイルシートに切替 */
sheet=obj.value;
fChangeSS(sheet);
window.focus();
}

function fInit(){/* ページが読み込まれたときの処理 */
if (document.stylesheet) insertForm();
}

function insertForm(){/* 選択フォームを追加する */
fMakeHTML();
if(document.all) {
document.writeln('<form action="" class="selectsheet" style="direction:ltr;margin:0;background:#dfdfdf;" id="StyleChangeForm">\n'+nHTML+'</form>');
}
}

function fMakeHTML(){/* 選択フォームのHTMLを作成する */
nHTML='<ul>\n';
for(i=0; i<sfTitle.length; i++){
nHTML+='<li><input type="radio" id="id'+sfTitle[i]+'" name="Style" onclick="fSelectSS(this);" value="'+sfTitle[i];
nHTML+=(sfTitle[i]==sheet) ? '" CHECKED>' : '">';
nHTML+='<label for="id'+sfTitle[i]+'">'+sfTitle[i]+'</label></li>\n';
}
nHTML+='</ul>';
}

**つづき** · 04/01/29 14:27

**つづき** · 04/01/29 14:34

あと、.jsファイルの先頭に、これね↓。　以上WinIE用でした。

/* スタイルシート切替スクリプト */
/* http://critical.s6.xrea.com/web/cssselect.html */
/* http://minatsu.pos.to/mod_changess_v02.js */
/* http://pc2.2ch.net/test/read.cgi/hp/991400015/398-410 */
/* http://pc2.2ch.net/test/read.cgi/hp/991400015/419-429 */

if ( document.styleSheets
&& !(navigator.userAgent.indexOf("Mac_PowerPC") != -1 && navigator.userAgent.indexOf("MSIE 4") != -1)) {
/* Scriptでスタイルシートを扱えるブラウザのみ実行 */

/* 以下設定 */
cdomain=".pc2.2ch.net"; // サイトのドメイン名
cpath="/hp/"; // サイトのパス
cdays=10; // クッキーの有效日数 0=ブラウザ終了まで
/* 以上設定 */

main();
}

終り · 04/01/29 14:40

で、ＨＴＭＬのhead内に




としておいてから、

HTMLソースでスタイル選択フォームを挿入したい箇所に、これを。

**Name_Not_Found** · 04/01/30 20:31

>>433-439
もう少し整理して書くべきだったな。
"No-Style"は"スタイル解除"にしたのね。
relSって、何の略だ。

**Name_Not_Found** · 04/02/01 17:36

代替スタイルシート内の指定をprintメディアに反映しない(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b108.html

でも、このページで「（スタイルシートオフ）」を選択すると
これは印刷プレビューにも反映するね。

**Name_Not_Found** · 04/02/05 02:37

>>432
document.styleSheets[n].titleが常にnull値を返す(S1.0)
http://cssbug.at.infoseek.co.jp/detail/safari/b005.html
>このため、スタイルシート切り替えスクリプトを使用することができない。

Safari1.2でも修正されずとか。

**Name_Not_Found** · 04/02/15 17:51

ランダムでスタイルシートを選ぶとかできる？
それができれば(・∀・)ｶｺｲｲ!!
XSLTでもできればいいなぁ。

**Name_Not_Found** · 04/02/15 22:16

JavaScriptでできるだろ、そんなの。

**Name_Not_Found** · 04/02/16 03:13

宇宙開発事業団ページのスタイルシート
http://www.nasda.go.jp//shared/css/forprint.css

/* ==== Netscape7 で背景画像が可愛くなる現象への対処 ==== */

**Name_Not_Found** · 04/02/16 07:07

↓重複スレッド

CSSの切り替えができるデザインサイト
http://pc2.2ch.net/test/read.cgi/hp/1076489569/l50

**Name_Not_Found** · 04/02/16 14:58

他人が改造して自分のサイトで使ってるjs落として勝手に使ってもいいのかな？
マナー違反？

**Name_Not_Found** · 04/02/16 15:13

>>447
禿しくスレ違い。
トラブルに対して一切の責任を負えるなら勝手にしろ。
そうでないなら必要な手続き踏め。それができないならやめとけ。

**Name_Not_Found** · 04/02/16 15:22

>>448
そうか・・・。
代替でかなりおもしろい改造スクリプト見つけたんで、
自分のところで使いたかったもんで。
やっぱり改造者に仁義切るべきかな。

**Name_Not_Found** · 04/02/17 09:01

>>449
仁義というか、普通に「面白いですね。うちでつかいたいんですがいいですか？」って言うだけジャン。
それを言う根性もないの？ドヘタレ？

**Name_Not_Found** · 04/02/21 12:14

http://white.sakura.ne.jp/~piro/index.html
http://white.sakura.ne.jp/~piro/common/scripts/SSS.js
http://white.sakura.ne.jp/~piro/common/scripts/SSS.pl

**Name_Not_Found** · 04/02/25 06:14

http://critical.s6.xrea.com/web/cssselect.shtml
のスタイルシート選択「なし」を表示させたくないのですが、
どこのスクリプトを変更すればよいのか分かりません。
分かる人いたら教えてください。

**Name_Not_Found** · 04/02/25 06:23

勉強しなさい。
せめてスレ違いだってことくらい気付けるようになりなさい。

**Name_Not_Found** · 04/02/25 15:02

JavaScriptの問題だが、「スレ違い」ってこともないな。

sfTitles+="なし";
を削ってみれば？

**Name_Not_Found** · 04/02/25 18:10

>454
JavaScript の「教えてください」なスレは他にある。

**Name_Not_Found** · 04/02/25 19:17

>>455　しかし特にスタイル切換スクリプトに関してはこのスレッドで幾度か質問や回答がされてきたわけだが。

**Name_Not_Found** · 04/02/25 19:24

>456
有用な質問やら回答やらなら構わんと思うが、
「やり方がわかりません、教えてください」だけってのはどうよ。
もっと基礎的なところに立ち返ってやっていって欲しいんだが。

**Name_Not_Found** · 04/02/26 14:47

でもまあ許容範囲でしょ。
あんまり縦割りなのもちょっとね。

**Name_Not_Found** · 04/02/26 15:15

1 ：笑門来福：04/02/11 17:52 ID:???
例
Leinwand http://www.leinwand.jp/
amemix http://amemix.gogo.tc/
GIRLHOOD http://www.moon.sannet.ne.jp/rakugaki/
津波荘 http://www.ktsonline.jp/~minatsu/
2ndNewHouse http://www.ichigo.sakura.ne.jp/~2nd/
straywretchscrap http://sws.lib.net/
Y.Tsutanoontheweb http://www.tsutano.com/yutaka/

59 ：Name_Not_Found ：04/02/19 16:25 ID:???
>>1
・問題なし
・404
・問題なし
・問題なし
・JS切るとcss表示されない、alternate stylesheet設定無し
・切り替えられるの？
・JS切るとcss表示されない、alternate stylesheet設定無し

**Name_Not_Found** · 04/02/26 15:21

宣伝乙

**Name_Not_Found** · 04/02/26 18:10

>>459
どこの自演か一目でわかるラインナップですね。

**Name_Not_Found** · 04/02/28 13:19

知らない。どこ？

**Name_Not_Found** · 04/03/29 13:03

age

**Name_Not_Found** · 04/04/06 18:54

CSS切替スクリプトを書いてみる
http://www.akatsukinishisu.net/itazuragaki/id/write_CSS_change_script
とことん標準に拘ったCSS切り替えスクリプト
http://members.jcom.home.ne.jp/jintrick/Personal/d20043f.html#d12_2

**Name_Not_Found** · 04/04/13 13:11

教えて下さい
スタイルシートの切り替えはJavaScriptでないとできませんか。
HTMLだけでは無理でしょうか。
お願いします

**Name_Not_Found** · 04/04/13 13:17

無理です。

**Name_Not_Found** · 04/04/13 13:34

link要素書いてれば
対応ブラウザなら一応できなくもないけど…＞切り替え
あれだけだとちょっと辛い

**Name_Not_Found** · 04/04/13 13:49

どちらにしろ閲覧する側に依存する。JavaScriptでもlink要素でも。

**Name_Not_Found** · 04/04/13 18:43

PHPやCGIもあるけどね、あれも内部的にはjs使ってたりして?

**Name_Not_Found** · 04/04/13 19:04

CGI 使ってるとこもあるけど Cookie 食わせたりしてるみたいだしなぁ。
どのみちHTML *だけ* では無理。

**Name_Not_Found** · 04/04/14 22:40

>>470
だからMozillaやOperaなら対応してるって。HTMLだけで代替シートに切替可。

**Name_Not_Found** · 04/04/14 22:57

>>470
JSでもクッキー食わせてるんじゃないの？

**Name_Not_Found** · 04/04/15 04:19

>>471
でもページ切り替わってもちゃんと値を保持していて欲しいね。
あんまり切り替えた意味ないし。

>>472
おそらく。

**Name_Not_Found** · 04/04/15 07:10

>>471 >>473
Firefox ならページ切り替えても title 追っかけてるんじゃないかな。
ブラウザ依存しまくりなので HTML だけでは無理といえなくもない。
（閲覧者の環境に依存しまくるから作成者の意図通りにはならないってこと）

**Name_Not_Found** · 04/04/15 13:26

>>474
Firefoxでも無理ですた。
コンテキストメニュー拡張にそういう機能がいちおうあるけど。。。

**Name_Not_Found** · 04/07/04 15:40

http://www.geocities.co.jp/CollegeLife-Library/1959/Data/SwitchStyle.txt
http://www.geocities.co.jp/CollegeLife-Library/1959/javascript/changessR.js

**Name_Not_Found** · 04/08/01 19:04

Not Foundになる。無くなってしまったのか？

スタイルシート切り替え&リンクボタン「ス切リボ」
http://www.xinada.ne.jp/~handa/tech/CSS/SuKiBo

**Name_Not_Found** · 04/08/01 21:10

だいぶ前になくなってたよ。てか1ヶ月放置でも生きてるのか・・。
Web制作板ってほんと過疎だな・・

**Name_Not_Found** · 04/08/02 09:16

２ヶ月半放置でも生きてたよ。

**Name_Not_Found** · 04/08/22 21:12

　　ヤッホー　お休みかなぁ～～？

**Name_Not_Found** · 04/09/03 19:33

javascript質問スレから誘導されてきました。

当方が使っているCSS切り替えスクリプトなんですが、
MacIEに対応していないんです。当方、Macを所持して
いないので、もし宜しければ、どなたかMacIEに対応
させる追加ソースを代わりに書いて下さいませんでしょうか。
宜しくお願い致します。

dat落ちしそうなのでageておきますね。

**Name_Not_Found** · 04/09/05 13:28

>>481
とりあえず、今使ってるものを提示してもらわないことには
修正コードなんて誰にも描けないと思うぞ。

個人的には、MacIEに対応済みのスクリプトを拾ってくりゃ終わる話だと思うけど。

**Name_Not_Found** · 04/10/06 19:06:33

　　ヤッホー　お休みかなぁ～～？

**Name_Not_Found** · 04/10/14 12:28:21

参考まで。
http://babu.jp/~useyan/m/css.html

**Name_Not_Found** · 04/10/14 12:39:37

追加。
代替スタイルシート切替JavaScript
　http://confetto.s31.xrea.com/misc/switchstyles
スタイルシート切替スクリプト
　http://antipop.zapto.org/mt/archives/000584.php
　http://antipop.zapto.org/src/style_select.phps

**Name_Not_Found** · 04/10/14 19:41:40

この探偵ファイルの右側のスクロールってソースのどの部分使えばいいんでしょうか？
http://www.tanteifile.com/diary/2004/10/14_02/index.html

**Name_Not_Found** · 04/10/15 04:55:17

はあ？　スレッドを間違ってませんか。↑

**486** · 04/10/15 05:33:12

間違えました。

**Name_Not_Found** · 04/11/10 06:40:18

代替CSS選択Javascriptってフォームをdocument.writeで出してるのが多いからapplication/xhtml+xmlでは動作しないんだよな。
>>485のはOKだけど

**Name_Not_Found** · 04/12/09 15:24:09

切り替えスクリプト使いたいんだけど、スクリプト云々の前にCSSのlinkにtitle属性指定したら、何故か一瞬だけしかCSS適応されなくてすぐに解除される・・・orz
title属性消したら普通に適応される。なんでだろう・・・誰か教えてください

**Name_Not_Found** · 04/12/09 19:58:32

>>490
ページ読み込み後に切り替えてるスクリプトならチラつくことあるよ。
代替スタイルシートの設定の仕方あってる?
rel="stylesheet"でtitle属性が違うLINK要素が2つ以上とか無い?

**490** · 04/12/10 15:05:00

>>491
それは大丈夫です。ちなみにIEだとちゃんと適応されました。Firefoxだと解除されます○|￣|_

**Name_Not_Found** · 04/12/14 17:35:35

チラつきはIEでもOperaでもGeckoでも起こる。
CSSのサイズが若干大きいとHTMLレンダリングの開始にCSS読み込みが間に合わなかったらチラつく。
レンダリングが開始される前にCSSの読み込み（キャッシュ含）が終わっていればチラつかない。

**Name_Not_Found** · 04/12/17 17:56:18

一昨日くらいまで490とまったく同じ症状だった。
IEとかﾈｽｹでは大丈夫なのに、Firefoxだと、
一瞬だけCSS適応されてすぐに解除される。
だけど、今日まで忙しくてサイトに触れていなかったら、
急にちゃんと適応されるようになった。
もともとHTMLやCSSに問題はなかったし、
ブラウザがなんか故障したんだろう程度にしか
思わなかったが

**名無しさん＠修業中** · 05/01/06 15:44:33

JSの切り方を教えてほしい

**Name_Not_Found** · 05/01/06 22:20:11

普通にオプションで切れる。
IE ? まだそんなもん使ってんの？深い場所にあるからよく見ろよ

**Name_Not_Found** · 05/02/20 16:12:55

ほす