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

1 ：かとり〜ぬ：2001/06/01(金) 21:53.net

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

542 ：Name_Not_Found：2010/06/15(火) 16:51:27 ID:???.net

萌え上げー

543 ：電脳プリオン：2012/01/02(月) 23:05:29.43 ID:???.net ?2BP(1960)

　 （　・∀・）　　　|　|　ｶﾞｯ
　と　　　　）　 　 |　|
　　 Ｙ　/ノ　　　 人
　　　 /　）　 　 < 　>__Λ∩
　 ＿/し'　／／. Ｖ｀Д´）/ ←>>345
　（＿フ彡　　　　　 　　/

544 ：Name_Not_Found：2012/01/09(月) 21:44:55.85 ID:???.net

test

545 ：Name_Not_Found：2012/03/22(木) 03:37:01.46 ID:???.net

あずにゃんﾍﾟﾛﾍﾟﾛ（＾ω＾）

546 ：Name_Not_Found：2012/09/15(土) 17:56:32.89 ID:???.net

創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね

547 ：Name_Not_Found：2013/03/11(月) 05:45:53.67 ID:vKVvv7Tt.net

2001年萌え〜

548 ：Name_Not_Found：2013/10/20(日) 17:05:28.81 ID:???.net

今はもうブラウザから代替スタイルシート選択切換ができるよな。
IE10もFirefoxもOperaも。
できないのは、SafariとChromeだけか。
まだスタイルシート切換用javascriptが要る。
Cf. http://www.usamimi.info/~geko/arch_web/02_sample/018/index.html

>>433-439のスクリプトだと、Safari5で固定シート（'Default'）が出てこない不具合があった。
どう直せばいいかは、解らない。

549 ：Name_Not_Found：2013/10/20(日) 18:07:26.81 ID:???.net

>>433の改訂版。
これでGoogle Chrome最新版はＯＫ。でもSafari5.1.7（Windows版）は固定シートが選択肢に出ない。

function fGetStyleTitles()
{/* スタイルシートの一覧を取得 */
sS=document.getElementsByTagName('link');
for(i=0; i<sS.length; i++){
SL = sS[i];
if(SL.type!="text/css")continue;
if (SL.title || SL.title!="")
{
SL.disabled = (SL.title==name ) ? false:true;
SL.disabled = !SL.disabled; SL.disabled = !SL.disabled;
if (sfTitles.indexOf(SL.title)==-1) {
sfTitles+=SL.title;
sfTitles+=",";
}
var relS = SL.disabled ? 'alternateTitle' : 'preferredTitle';
if (!sS[relS]) sS[relS]= SL.title;
}
}
if (!sS.preferredTitle) sfTitles='Default,'+sfTitles;//　/*Safari5效かない？ */
sfTitles+="スタイル解除";
sfTitle=sfTitles.split(",");
}

550 ：Name_Not_Found：2013/10/21(月) 19:50:13.21 ID:???.net

> var relS = SL.disabled ? 'alternateTitle' : 'preferredTitle';
> if (!sS[relS]) sS[relS]= SL.title;

↓修正、前に一行附加。
if (!sS[i].title)///* ()内は何が良い？ document.styleSheets不可 */
var relS = sS[i].disabled ? 'alternateTitle' : 'preferredTitle';
if (!sS[relS]) sS[relS]= sS[i].title; // 追加ここまで

↓もしくは、元の二行を下記二行に代替。
if (rel == 'stylesheet' && !sS.preferredTitle) sS.preferredTitle = sS[i].title;
else if(rel=='alternate stylesheet' && !sS.alternateTitle) sS.alternateTitle=sS[i].title;

551 ：Name_Not_Found：2013/11/25(月) 12:24:11.91 ID:???.net

Chrome/Safariには、通常の永続スタイルシートでは問題無くても、
同じスタイル指定を代替スタイルシートにしてJavascriptで切替するとバグが起きる場合があるとさ。
http://toro.2ch.net/test/read.cgi/hp/1144494359/566-567

552 ：Name_Not_Found：2013/11/25(月) 13:19:34.09 ID:???.net

Chrome拡張機能
Style Chooser
https://chrome.google.com/webstore/detail/style-chooser/daodklicmmjhcacgkjpianadkdkbkbce?hl=ja
Alt CSS
https://chrome.google.com/webstore/detail/alt-css/deaodobjfcolfhkecnnghdclnlmfjdje?hl=ja

自前で切替スクリプトを設置するサイトと衝突して、代替シートが選択できないことがある。

前者は、代替シートを選ぶと元の固定シートへ戻る選択肢が出ないことがある。
persistent stylesheet（固定スタイルシート）を無視してalternate stylesheetの指定だけ適用されたり。
あと、link要素のtitle属性が一字だと、選択肢はタイトル名が出ず空白で表示される。

後者、link要素にmedia="screen,print"とかメディア属性を記述してあると、選択肢に出ない罠。

553 ：Name_Not_Found：2013/11/27(水) 10:17:03.17 ID:???.net

>>552
Alt CSSは、
media="screen,print"みたいに複数メディア・タイプ指定だと読み込まないけど、
media="screen"と単独メディアの指定ならば選択肢に出てくる。

まあ、WebkitやBlink自身がちゃんとしたスタイル切替機能を装備してくれれば一番いいんだけどね。

554 ：Name_Not_Found：2014/03/16(日) 11:00:40.87 ID:???.net

萌え〜

555 ：Name_Not_Found：2014/04/08(火) 07:48:19.38 ID:???.net

あ

556 ：Name_Not_Found：2014/04/19(土) 00:11:09.92 ID:???.net

た

557 ：Name_Not_Found：2014/04/20(日) 13:27:45.65 ID:???.net

と

558 ：Name_Not_Found：2014/07/05(土) 00:59:09.24 ID:???.net

ぬるぽ

559 ：Name_Not_Found：2014/07/22(火) 14:04:24.94 ID:yEpE0W+U.net

★2ch勢いランキングサイトリスト★

◎ +ニュース板
・ 2NN
・ 2chTimes
◎ +ニュース板新着
・ 2NN新着
・ Headline BBY
・ unker Headline
◎ +ニュース板他
・ Desktop2ch
・ 記者別一覧
◎ 全板
・ 全板縦断勢いランキング
・ スレッドランキング総合ランキング
・ ログ速
◎ 全板実況込み
・ 2勢
・ READ2CH
・ i-ikioi

※ 要サイト名検索

560 ：Name_Not_Found：2014/07/28(月) 11:01:10.03 ID:+oPqj8at.net

★2ch勢いランキングサイトリスト★

◎ +ニュース
・ 2NN
・ 2chTimes
◎ +ニュース新着
・ 2NN新着
・ Headline BBY
◎ +ニュース他
・ Desktop2ch
・ 記者別一覧
◎ 全板
・ 全板縦断勢いランキング
・ スレッドランキング総合ランキング
◎ 実況込み
・ 2勢
・ READ2CH
・ i-ikioi

※ 要サイト名検索

561 ：Name_Not_Found：2014/08/25(月) 08:21:22.51 ID:???.net

あ

562 ：Name_Not_Found：2014/09/06(土) 10:57:33.26 ID:???.net

い

563 ：Name_Not_Found：2014/10/01(水) 15:12:48.96 ID:???.net

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

564 ：Name_Not_Found：2014/11/25(火) 14:47:38.42 ID:???.net

あ

565 ：Name_Not_Found：2014/11/28(金) 20:42:10.53 ID:???.net

お

566 ：Name_Not_Found：2014/12/30(火) 21:59:40.25 ID:???.net

い

567 ：Name_Not_Found：2014/12/31(水) 02:29:11.96 ID:kQdlwD80.net

　
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。
http://www.apamanshop.com/membersite/27009206/images/kamo.jpg
浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
http://www.o-naniwa.com/index.html　事務員 東条 南野
http://www.o-naniwa.com/company/
このように現在まで６通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
http://www.apamanshop-hd.co.jp/　加茂 舟橋
http://www.data-max.co.jp/2010/10/01/post_11983.html
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に１１通のメールを頂戴しているか不明なところであります。
　　
　・ハンガー・ゲーム　　　http://s-at-e.net/scurl/TheHungerGames-Aircraft.html
　・スタートレック　　　　　http://s-at-e.net/scurl/StarTrek-Aircraft.html
　・アバター　　　　　　　　http://s-at-e.net/scurl/Avatar-Shuttle.html
　
　・艦これ　　　http://s-at-e.net/scurl/KanColle.html
　・BRS　　　　 http://s-at-e.net/scurl/BRS.html
　・ベヨネッタ　http://s-at-e.net/scurl/BAYONETTA.html
　・風ノ旅ビト　http://s-at-e.net/scurl/JOURNEY.html
　
　・GODZILLA ゴジラ　　　http://s-at-e.net/scurl/Godzilla.html
　・崖の上のポニョ　　　　 http://s-at-e.net/scurl/Ponyo.html

568 ：Name_Not_Found：2015/02/13(金) 15:13:04.14 ID:???.net

あけおめ

569 ：Name_Not_Found：2015/08/05(水) 04:38:44.77 ID:???.net

test

570 ：Name_Not_Found：2015/08/27(木) 06:09:21.11 ID:???.net

保守

571 ：Name_Not_Found：2015/10/19(月) 00:51:24.31 ID:???.net

維持

572 ：Name_Not_Found：2015/10/30(金) 23:42:53.52 ID:Byj956Fk.net

(´ 3｀)

573 ：Name_Not_Found：2016/05/13(金) 03:09:08.17 ID:???.net

大体

574 ：Name_Not_Found：2017/12/12(火) 06:17:33.71 ID:MrUcGD8N.net

HPなどで友達が稼げるようになった情報とか

⇒　http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

0V1J5T695I

575 ：Name_Not_Found：2018/02/01(木) 00:00:56.59 ID:qwmvCjtb.net

萌え〜

576 ：Name_Not_Found：2018/05/01(火) 18:48:23.75 ID:l1wYHpV1.net

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

LGLIR

577 ：Name_Not_Found：2019/01/17(木) 09:59:13.64 ID:???.net

【jQuery】スタイルシートを別のスタイルシートに切り替えるStyleSwitcher
https://voyager-jp.com/blog/jquery/styleswitcher/

スタイルシートを切り替えるJavaScript「CssSwitcher」
https://blog.thingslabo.com/archives/000044.html

578 ：Name_Not_Found：2019/01/17(木) 10:02:50.53 ID:???.net

スタイルシートを切り替えるjQueryプラグイン「Switch stylesheets with jQuery」
http://javascript.webcreativepark.net/library/switch-stylesheets-with-jquery

579 ：Name_Not_Found：2019/09/14(土) 13:52:58.93 ID:fLxfbBPu.net

今どれがいいの？

580 ：加害少女は23歳に…高1同級生殺害事件から丸8年：2022/07/27(水) 01:02:11.67 ID:sOuBkGyJ.net

佐世保市で高校1年の女子生徒が同級生を殺害した事件から昨日で丸8年です。
当時、対応で問題を指摘された児童相談所では朝礼で訓示がありました。

8年前の7月26日、女子高校生が同級生を殺害するという衝撃的な事件が起きました。

加害少女は当時15歳、殺人容疑で逮捕後医療少年院に送られ、成人になった今も収容されています。
加害少女は現在23歳ですが、去年、裁判所から「矯正教育を継続して行う必要がある」と判断され2024年までの収容延長が認められています。

加害少女の近況について元付添人弁護団は「矯正教育により対人交流などに成長がみられ内省が深まるなどの変化が生じている。贖罪の気持ちを深めていくため更なる内省の獲得に努めている」としています。

山瀧 猛 所長「この事件のことを児童相談所の中で風化させない」

佐世保市の児童相談所では、26日、朝礼が行われ、再発防止に向け、訓示がありました。

事件の直前、児相では少女を診察した医師から「人を殺しかねない」との連絡を受けたものの、具体的な対応を取らなかったことが指摘されました。

山瀧 所長「人身の安全に関わるような相談については、危機意識をきちんと持って対応する」

児童相談所では些細な情報でも会議に諮り、組織として対応するなど事件を教訓にした対策を今後も徹底していくとしています。

581 ：Name_Not_Found：2022/10/29(土) 06:30:32.63 ID:???.net

今ぢゃ代替スタイルシート対応ブラウザーはFirefoxだけ。
GoogleChromeに追随してOperaもMicrosoftEdgeもSafariもスタイルシート切換機能をサポートしない。

Chromeは拡張機能のWebpage DecoratorやStylus等を入れれば良いみたいだが……。
しかしJavascript噛ませばFirefox以外でもできはするんだから、もちっと工夫できないかね。

582 ：Name_Not_Found：2022/11/10(木) 13:30:52.64 ID:???.net

「代替スタイルシートに萌え〜」　
https://mevius.5ch.net/test/read.cgi/hp/991400015/
↑mevius.5ch.netでレス「全部」表示にすると、>>1〜>>93の投稿日時・IDがNGになる。
toro.2ch.ｓc だと、ならない。
ナゼ？

ブラウザーの互換性
https://developer.mozilla.org/ja/docs/Web/CSS/Alternative_style_sheets#%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%83%BC%E3%81%AE%E4%BA%92%E6%8F%9B%E6%80%A7
OperaがYesになってるけど、Operaもversion13以降はレンダリング・エンジンがBlinkになったから
Chromeに準じて代替スタイルシート非対応だよな。

583 ：Name_Not_Found：2022/11/10(木) 13:47:30.77 ID:???.net

>>549
以下二行に問題がある。
　　SL.disabled = (SL.title==name ) ? false:true;
　　SL.disabled = !SL.disabled; SL.disabled = !SL.disabled;
これだと、優先スタイルシートありの場合に、ChromeやEdgeやOperaで切替動作に異常が出る。
↓
いっぺんスタイル無効にしてから有効にし直す仕組みにする。
　　SL.disabled = true;
　　SL.disabled = (SL.title==name ) ? false:true;
問題を起こす !SL.disabled の二重化（Chrome対策用#）は削除する。
　#　https://www.usamimi.info/~geko/arch_web/02_sample/018/index.html
これで、Firefox以外のブラウザでも、うまく優先／代替をスイッチできる。

参考「ChromeやEdgeで代替スタイルシートを切換可能にするには？」
　https://teratail.com/questions/rbh54l6goho0n1

584 ：Name_Not_Found：2022/11/11(金) 11:58:45.57 ID:IcPE3cadG

>>489
[JavaScript]document.writeの代替え
http://gon-fla.sblo.jp/article/183580209.html
代りに.createElementと.innerHTMLと.insertBeforeで、関数作って何とかする。

585 ：Name_Not_Found：2022/11/11(金) 12:01:41.15 ID:???.net

>>489
代りに.createElementと.innerHTMLと.insertBeforeで、関数作って何とかする。

[JavaScript]document.writeの代替え
http://gon-fla.sblo.jp/article/183580209.html

586 ：Name_Not_Found：2022/11/25(金) 13:45:59.18 ID:???.net

>>401 >>433
> if (sfTitles.indexOf(sS[i].title)==-1)
>>549
> if (sfTitles.indexOf(SL.title)==-1)

これらは、以下のHTMLの場合に不具合が生じた。
<link rel="stylesheet" type="text/css" href="persistent.css"><!--固定スタイルシート -->
<link rel="alternate stylesheet" type="text/css" href="01.css" title="非優先">
<link rel="stylesheet" type="text/css" href="preferred.css" title="優先">
<link rel="alternate stylesheet" type="text/css" href="02.css" title="代替２">
即ち、優先シートを指定するlink要素の前に代替シートを指定するlink要素が先行し、
且つ、優先シートのtitle属性値が先行指定された代替シートのtitle属性値に含まれる場合には、
優先シートのタイトルが選択肢（selectのoption要素やラジオ・ボタン）に出てこなくなる罠。
対処法としては、次の通り、各title属性値がsheetTitlesに含まれない場合を.indexOfでなく.testを以て条件指定とすれば良いみたい。
if ( sS[i].title && !(/sS[i].title/.test(sheetTitles)) )
乃至は
if ( SL.title && /SL.title/.test(sheetTitles)==-1 )
上記にて、 sS[i].title && 乃至 SL.title && を条件に併記するのは、title属性の無い固定スタイルシートまで選択肢に出現するのを避けるため。

587 ：Name_Not_Found：2022/11/25(金) 15:24:25.28 ID:???.net

>>586訂正
> if ( sS[i].title && !(/sS[i].title/.test(sheetTitles)) )
> 乃至は
> if ( SL.title && /SL.title/.test(sheetTitles)==-1 )

if ( sS[i].title && !(/sS[i].title/.test(sfTitles)) )
乃至は
if ( SL.title && /SL.title/.test(sfTitles)==-1 )

588 ：Name_Not_Found：2022/11/25(金) 20:46:03.33 ID:???.net

>>586
優先・代替いづれであれ関係無い。
或るlink要素のスタイル名が、先行するlink要素のtitle属性値に含まれる文字列である場合、後続のそのスタイル名は選択肢に出なくなる。
例）　下記ではスタイル名「代替」（＝alt01.css）がoption要素に現れない。
<link rel="alternate stylesheet" type="text/css" href="alt02.css" title="代替２">
<link rel="alternate stylesheet" type="text/css" href="alt01.css" title="代替">

上記の選択肢が出てこない問題を、.indexOf の代りに .test を使ったif条件文にして解消しても、
複数シートを同一スタイル名で括るtitle指定の場合に、却って選択肢が出すぎる不具合が起きた。
<link rel="alternate stylesheet" type="text/css" href="alt02-1.css" title="代替２">
<link rel="alternate stylesheet" type="text/css" href="alt01.css" title="代替">
<link rel="alternate stylesheet" type="text/css" href="alt02-2.css" title="代替２">
右の例では、同名シート「代替２」が選択肢に二回重出する破目に。
解決法としては、北村曉『曉に死す』中「徒委記」の「CSS切替スクリプト」を参考にする。
http://www.akatsukinishisu.net/wiki.cgi?CSS%C0%DA%C2%D8%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8
特に、/* 既に同じスタイル名がある場合は除く */とコメントのある箇所。
修正すると、こんな風に。
for (i=0; i<sS.length; i++) {

var isSameTitle = false;
for (var j = 0; j < i; j++) {
if (sS[j].title == sS[i].title) {
isSameTitle = true;
break;
}
}
if (!isSameTitle)
{
sfTitles+=sS[i].title; // >549はsfTitles+=SL.title;
sfTitles+=",";
}
}

589 ：Name_Not_Found：2022/11/29(火) 13:31:07.62 ID:???.net

代替スタイルシート切替スクリプトって、やけにページ読み込み完了まで時間が掛かるのが多くない？

tp://sug.blog2.fc2.com/blog-entry-487.html の
サンプル（ tp://sug.blog2.fc2.com/?style2=cfdn_10&index ）とか、
tp://critical.s6.xrea.com/web/cssselect.html とか、
tp://confetto.s31.xrea.com/misc/switchstyles とか。

ソース見るとhead内link要素で代替シートを指定してあるのに、読み込み初回では
Firefoxのメニューバー→表示→スタイルシートになかなか代替スタイル名が出てこなかったり。

読み込みを重くする原因は何なのか？　Cookieの所為？

590 ：Name_Not_Found：2022/12/10(土) 10:49:51.71 ID:???.net

>>589
いちゆうの tp://critical.s6.xrea.com/web/cssselect.shtml の問題なら、
メイン関数のwindow.onload=fInit;がページ読み込み終了後でないと処理実行されなくしてるからでは。

Cf.「スタイル切り替えスクリプトがうまく動作してないです」
tp://www.remus.dti.ne.jp/~a-satomi/nikki/2003/05c.html#d29n01
「スタイル切り替えスクリプトがうまく動作してないですリターンズ」
tp://www.remus.dti.ne.jp/~a-satomi/nikki/2003/10b.html#d15

document.addEventListenerでloadイベントに代ってDOMContentLoadedイベントに変更すれば読み込み速くなるのかな？

591 ：Name_Not_Found：2022/12/10(土) 15:39:44.07 ID:???.net

↓時間が止まったみたいに、なつかしい。
Hiro Konda's Web
Stylesheet Selector for IE 5+ and Gecko Ver 0.8.0
　　www.minc.ne.jp/~konda/web_resoce/js/css-select/index.html