代替スタイルシートに萌え〜
■ このスレッドは過去ログ倉庫に格納されています
モヂラでしか見られないスタイルシート。
スクリプトでIE対応させてるサイトが密かに急増中。
先ずはここから
http://www.cc-net.or.jp/~piro/ >>222
ageといてやるよ。俺に感謝するがいい。 ねえphp使い出したんだけど
前使ってたcgiの切り替えのやつ使えなくなったから
誰か作ってよ そろそろwangandoさんの新スタイル発表に期待sage >>229
いや、あかんわけではないです。
ただ、wanganさんはどんどんスタイルシートを書いていく人なんで、
そろそろ新しいのが来るのかなーと思ってとりあえず言ってみたんです。
とプレッシャーを与えてみるテスト。 214 名前:213 :01/10/20 12:02 ID:fFGjQToc
先程お願いしましたが、まだ削除されていません
事実無根です
早急に削除して下さい
http://kaba.2ch.net/test/read.cgi/company/997171282/699
215 名前:削除屋三太郎 ★ :01/10/20 12:09 ID:???
>>213-214
http://www.2ch.net/guide/adv.html#saku_guideに、
>法人・公的機関の取り扱い
>原則放置
> 法人・企業については、社会・出来事カテゴリ内では、批判・誹謗中傷、
>インターネット内で公開されている情報、インターネット外のデータソースが不明確なもの、は全て放置です。
とありますので、放置とさせていただきます。
260 : :01/10/23 10:54 ID:iMDesK4O
> 法人・企業については、社会・出来事カテゴリ内では、批判・誹謗中傷、
>インターネット内で公開されている情報、インターネット外のデータソースが不明確なもの、は全て放置です
おいおい、データソースが不明確だからこそ削除するんだろうが(苦笑
>>236 ↓ここ読むよろし。
CSS:スタイルひとつください
http://www.xinada.ne.jp/~handa/tech/CSS/StyleChange/index#about >>237
ありがとう、サッカー見たら読んでみます。 piroさんのスタイルシート切り替えスクリプトのことで質問です。
最近バージョンアップしたやつをDLしたんですけど、
ネットスケープ6.2で見れないのは俺だけでしょうか? >>239
Mozilla1.0なら大丈夫だったけど。
↓こっちにしたら? Piro式と違って、JavaScript切っててもスタイルが有效だよ。
スタイルシート切り替えスクリプト
http://critical.s6.xrea.com/web/cssselect.html いちゆうさんの切り替えスクリプトで、cdomainとcpathを増やす事ってできないかなぁ。
ドメインが違うとスタイル切り替えできないっしょ?
もう1個置けよとか言われたらそれまでなんだけどさ。 >>242
所詮は Cookie だよ。ドメイン1個に限定されるのは当たり前。
パスは / にしときゃいいけどさ。(増やすのとは違うが) 冗談抜きでPiroさんと、いちゆうさんのスクリプトどっちがいいんですかね? >243
IDがdqnになりかけてる、気を付けろよ >>244
双方一長一短。俺だったら自分で書く。
>>246
うん、気をつける。 いちゆうさんのはここ↓が難点。
>標準のスタイルシートは一番最初に置いてください。
>スクリプトが有効な環境(IE5やNetscape6でJavascript有効)では、
>最初は一番上の(代替)スタイルシートが適用されます。
いままで見た所、代替スタイルシート切換にJavaScriptで対応させたサイトは、
固定(永続)スタイルシートと優先スタイルシートを一緒くたに扱ってる所ばかりな気がします。
固定シートは常に適用、その上で優先シートも適用――この状態をデフォルトとして、
さらにそこから優先シートと代替シートを切換可能にしたいんです。
できますか? 是非書いていただけませんか。>>244 ごめんなさい、>>244ではなく>>247でした。
ついでに、>>118- 参照。 そうするとMozillaみたいにスタイルシートを切れないサイトがでる >>251
それも好き好きでは?
あるいは、これ↓応用して解決できませんか。
>234 :Name_Not_Found :02/06/15 14:21 ID:VAa2J0Lr
>スタイルシートをオフにするボタンを作る方法
>http://members.home.ne.jp/jintrick/Personal/d20022l.html#d17_35 いや、スタイルシート・オフも選擇肢に入れればいいだけですね。>>251
http://pc.2ch.net/test/read.cgi/hp/991400015/94-
>document.styleSheets には
>style エレメントによるスタイルシートも含まれている。
>これに対して disabled プロパティを操作してやれば、
>スタイル適用の可否を指定できる。 >>249
> 固定シートは常に適用、その上で優先シートも適用――この状態をデフォルト
優先スタイルを一番上に書けばよいだけでは。固定スタイルはもともと常に適用するようだし。ざっと見ただけだけど。
いちゆう氏のスクリプトの
> 最初は一番上の(代替)スタイルシートが適用されます。
は、 Javascript無効 or NN4等の場合を分岐する手段提供だと思う。 >>254
しかし優先スタイルを一番上に書くと、固定シートが無効になる罠があるんだな、これが。 これはどう? 誰か使ってみた?
なぞぺーじ > Cascading Style Sheet Selector:CSS切り替えスクリプト(CSSS)
http://cgi2.html.ne.jp/~yochipo/script/csss.html >>255
再現できない…鬱 (Win2K+IE6/Moz1.0) >>257
例として――
<link rel="stylesheet" type="text/css" href="a.css" title="優先スタイルA">
<link rel="stylesheet" type="text/css" href="persist.css"><!--固定スタイル-->
<link rel="alternate stylesheet" type="text/css" href="b.css" title="代替スタイルB">
<link rel="alternate stylesheet" type="text/css" href="c.css" title="代替スタイルC">
これで下記↓のJavaScriptを作動させた場合、persist.cssの指定が無効になりませんか?
http://critical.s6.xrea.com/web/cssselect.html
>>258
258 の環境では無効になると?
実際切り替えを行ってる部分のコード(110-111行目) :
> sS[i].disabled = ((sS[i].title==ssTitle)||(!sS[i].title)) ?
> false : true;
を見ても title のない固定スタイルの場合は disabled は常に false で、
条件次第で固定スタイルが無効になるようには思えない。
考えられる可能性は UA 側の問題だと思うのだが
なんかすごい重要なこと見落としてるんだろうか俺。 >>259
ごめん、全面的にこちらの誤りでした。
ただ、
> 最初は一番上の(代替)スタイルシートが適用されます。
だと困るのは、サイト全体ではなくそのうちの或る種のページだけに
一定の優先スタイルを適用させたい場合です。
優先シートを一番上に書くと、
固定シートのスタイルに優先シートで上書きする手が利用できなくなるから。 >>260
なるほど。未検証だけど、 55, 129 行目の
if(sfTitles.indexOf(sheet)==-1) sheet=sS[0].title;
を
for ( var i=0; i<sS.length || sfTitles.indexOf(sheet)==-1; i++ ) sheet=sS[i].title;
に書き換えてみたらどうよ? 一番上の代替スタイルでなく
最初に出現する(代替)スタイルになるはず。 質問しても良いですか?
自鯖に切り替えJSファイルウプして、他のドメインから呼び出す事ってできないんでしょうか?
レンタル掲示板にも切り替え機能を付けたいのですがcdomainとかを変えても
エラーが出てしまいます。
何か解決方法はありますでしょうか。使用しているのはいちゆうさんのです。
質問なのでageさせてもらいまふ。 >>263
普通に絶対パスでJSファイルを呼び出せば?
ただ、クッキーが効くかどうかは知らないけど。 1年以上前に俺が立てたスレがまだ残ってたなんて
うれしいのでage >>264
絶対パスで呼び出すというのは
<script type="text/javascript" src="" charset="Shift_JIS"></script>
のsrcの部分ですよね?
今そうしてるんですが、エラーになってしかも切り替えフォームも出ません。
それともcdomain,cpathのところをttp://〜にするという事でしょうか。 > エラーが出てしまいます。
エラーメッセージの内容は? >>267
レスどうもっす。エラーメッセージは
「実行しましたがうんちゃら」ってやつです。
何が原因なんでしょうかね?さっぱりわかりまへん(´Д`;) ...や、その「うんちゃら」の部分で原因が解らないかなと思って聞いたんだか。 >>269
あぁスマソ。「実行しますたがページでエラーが発生しますた」
の表示のみです。 質問1:
フレームの一方に切り替えボタン付けて、
別フレームも同時にスタイル切り替えられる、
そんなことできないですかね?
質問2:
タイトル画像を各スタイル毎に変えてるんだけど、
こいつも切り替えボタンで変更させる、
そんなことできないですかね? いちゆうさんのなんだけど、
・alternateへの切り替え直後に、フォーム載せてるページがスタイル無し状態になってしまう。
・しかし次ページからは先ほどのalternateが効いている。
何が原因なんでしょう?ローカルでは何の問題も無いんで、先に進めない・・・。
『三日坊主の部屋++』が閉鎖してしまった。(なぜだ〜)
トップページ以外はまだ残ってるので、今のうちに保存しよう。↓
JavaScript for CSS (9) Alternate Stylesheet
http://east.portland.ne.jp/~sigekazu/css/javascript9.htm えーとすみません
http://amemix.gogo.tc/
ここみたいなデザインを切りかえるやつがやりたくて
質問スレの方で聞いたら、こちらに行けと言われたのですが
ログを読んでもよくわからないのです〜
さくらどおりさんにも行ってみたんだけど理解できなかった。
初心者にももっとわかりやすく解説してくれるサイトってないんでしょうか? >277
このログ読むのが一番いいのでは?
あとはJS勉強するとか… >>277 ↓ここ読むよろし。
CSS:スタイルひとつください
http://www.xinada.ne.jp/~handa/tech/CSS/StyleChange/index#about
http://www.parkcity.ne.jp/~chaichan/src/javasc29.htm
ナニ、読んでもわからん?
なら、どこぞのCSS切替スクリプトをそのまま頂戴して設置しな。
http://cgi2.html.ne.jp/~yochipo/script/csss.html
http://homepage.mac.com/syect/~sylphied/
http://critical.s6.xrea.com/web/cssselect.html ていうか全くの初心者だとしたら代替CSS自体書けるのか疑問。 代替スタイルシート
http://web.archive.org/web/20011123161015/http://east.portland.ne.jp/~sigekazu/css/link.htm レスありがとうございました。
なんとなく代替の意味がわかったような気がするのですが
私のような初心者にはまだまだ敷居が高いことがわかりました・・・
もっと勉強してきちんとしたCSSを書けるようになってから挑戦してみます。
本当にありがとうございました。
いちゆうさんのなんですけど、
Javaスクリプト切るとスタイルなし状態になってしまうんです。
Javaスクリプト切った時に一番上のスタイルが適用されるようにするにはどうしたらいいでしょうか?
どなたか宜しくお願いします。 >>284です。
これは解決できました。
が、N6とMozillaで見るとJavaスクリプトを切ってるわけではないのに、
選択フォームが表示されません。
なにか設定するのでしょうか? >>285
IEで見た場合には選択できるのかな
挿入方法は自動で?それとも手動? >>286
自動にしましたらうまくできました。ありがとうございます。
しかし選択フォームを追加するの所と書き出すの所を
'<div id="change">'+nHTML+'</div>'
のようにやり、CSSファイルに#change{}を書いたのですが、
IEではうまく繁栄されるのにN6ではまったく繁栄してくれません。
なにか方法はないでしょうか? これはどう?
CSS切り替えスクリプト
http://www.age.jp/~dfj/html/changestyle.html IE/Win ウェブページのCSSを無効にする方法
方法1. リンクバーにボタンを作る
http://members.jcom.home.ne.jp/jintrick/Personal/usr_styleoff.html#linkbar
これ、Netscape7でも有効ですね。
インポートされた「IEのお気に入り」に入ったので確かめてみた。
Mozilla/NN7と雖もサイトによってはスタイルシート・オフが選択できないけど
これなら強制的に非適応にできるってことで。 <link rel="alternate stylesheet" type="text/css"
href="./style2.css" media="print, screen" title="style2">
で代替スタイルを指定して、JavaScriptで切替してます。
しかし、この代替スタイルに切替した上で印刷しようとすると、
ブラウザの画面表示では代替スタイルに変っても、
印刷結果は代替スタイルではなく rel="stylesheet"の固定/優先スタイルが適用されます。
切替した場合には印刷スタイルにも代替スタイルを適用させたいのです。
どぎゃんしたらよかとですか。 具体例を挙げておきます。うちではありませんが、ここが同樣になります。
http://www.xinada.ne.jp/~handa/tech/CSS/StyleChange/documentobject-1
(「ミニブラック」スタイルが印刷プレヴューに適用されない)
http://critical.s6.xrea.com/web/cssselect.html
(「さくら」と「クールブルー」が駄目)
>>249
>いままで見た所、代替スタイルシート切換にJavaScriptで対応させたサイトは、
>固定(永続)スタイルシートと優先スタイルシートを一緒くたに扱ってる所ばかりな気がします。
>固定シートは常に適用、その上で優先シートも適用――この状態をデフォルトとして、
>さらにそこから優先シートと代替シートを切換可能にしたいんです。
具体的には
<link rel="stylesheet" type="text/css" href="default.css" media="screen, print">
<!--[if gte IE 5.5000]>
<link rel="stylesheet" type="text/css" href="tategaki.css" media="print, screen" title="default">
<link rel="alternate stylesheet" type="text/css" href="dummy.css" media="all" title="横書き版">
<![endif]--> <!--縱書き可能なIE5.5以上のみ適用 -->
これで、IE5.5以降では縦書き用のtategaki.cssがデフォルトとして
default.cssに上書き適用されます。
また、空のdummy.cssを選択すると固定シートのdefault.cssのみ適用され
優先シートのtategaki.cssは適用されなくなる仕組みです。
ところが、「さくらどおり」のchangess.js(#)を組み込むと、
優先シートが無視されます。
# http://critical.s6.xrea.com/web/cssselect.html
>>261-262の方法で「さくらどおり」の切替スクリプトを改造してみたけど、
やっぱりダメでした。
どうすれば、意図した通りに切換できますかね? >>297
それぞれの切り替えスクリプトは優先シートと代替シートの切り替え機能を提供しているに過ぎない。
永続シートはスクリプトを使わずに直接記述するか、スクリプト内のCSSファイルへのリンクを出力する部分を直接呼び出すかすればよい。
と、私は思うのだけど。 >>298
>それぞれの切り替えスクリプトは優先シートと代替シートの切り替え機能を提供している
それが切換できなくなるから困ってるんですが(「優先シートが無視されます」)。
>永続シートはスクリプトを使わずに直接記述するか
いや、>>297に示した通り、固定シートも優先シートも代替シートも
head内のlink要素として直接記述してあるのですが。
「さくらどおり」の切替スクリプトは、link要素を書き出すoutsider reflex式ではなくて、
既に記されたlink要素にdisableをかましたりableにしたりする方式なんです。 >>299
では望みの動作をするように改造すればよいと思うがどうか。 >>300
それができれば訊くまいよ。改造してもうまくゆかないから書き込んだんだろ。 ハァ? バグって?
(スクリプトでスタイルシート切替させなきゃならんのはIEだけでしょ) >>249
「ス切リボ」にしても、固定スタイルシートは軽視してたみたいだしな。
2002-07-02 Version 1.12.01 「文書中に固定スタイルシートがあれば、代替スタイルシートの有無にかかわらず「(固定シートのみ)」メニューを表示するよう変更」
http://www.xinada.ne.jp/~handa/tech/CSS/SuKiBo/ キ // /::::://O/,| /
ュ / |'''' |::::://O//| /
.ッ \ |‐┐ |::://O/ ノ ヾ、/
: |__」 |/ヾ. / /
ヽ /\ ヽ___ノ / . へ、,/
/ × / { く /
く /_ \ !、.ノ `ー''"
/\ ''" //
| \/、/ ゙′
|\ /|\ ̄
\| ∩
| |
┌──────────────┐
│ ::::::::::::::::::::::::::;ll;::::::::;ll;:::::llll::::::::::::::::::::::│ / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
│ :::::::::::::::::::::::::;lllllllllllllllll;:;;llll::::::::::::::::::::::│< 正直、保守したほうがいいと思います。
│ ::::::::::::::::::::::;lllllllllllllllllllllllll:::::::::::::::::::::::::│ \
│ :::::::::::::::::;;lll:::lllllllllllllllllll:::::::::::::::::::::::::::::│  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
├──────────────┤
│ __| | .| | │
│ \  ̄ ̄ ̄ ̄ ̄ ̄ ̄\ │
│ ||\ ヽ. |
│ ||\|| ̄ ̄ ̄ ̄ ̄ ̄ ̄|| ̄ . |
│ || || ̄ ̄ ̄ ̄ ̄ ̄ ̄|| . |
◎. || ||.. ◎
※音声は変えてあります。 現状だと、NN4等でもIE同様に見てもらうように作っているサイトでは
スタイルシートで固めるのは無理なんですよね?
どこもNN4相当のブラウザはプレーンなhtmlを表示しているみたいですし。 >>311
必ずしも無理ではないよ。
しかし訊ねるスレッドを間違っとりゃせんかね。
CSS質問スレッドにゆきたまへ。
Opera 7が代替スタイルシート対応になった。
但しまだベータ版だが。 固定スタイルシートですが、選べるcssすべてに、
@import url("./master.css"); /*固定スタイルシート*/
とでも書いて、master.cssに、全スタイルシート共通の部分を書いておけばいいんじゃないですか?
見当違いのこと言ってたらすみません。 ここ、落ち着いたデザインでいいね。
http://rappeler.cside.to/
代替スタイルを作ると凝りすぎて見辛いのが多いからね。 ■ このスレッドは過去ログ倉庫に格納されています