代替スタイルシートに萌え〜
■ このスレッドは過去ログ倉庫に格納されています
モヂラでしか見られないスタイルシート。
スクリプトでIE対応させてるサイトが密かに急増中。
先ずはここから
http://www.cc-net.or.jp/~piro/ 岡田克彦ファンクラブからのご案内です。ご高承のとおり、岡田克彦氏の卒業した早稲田大学政治経済学部
と、ひろゆきの卒業した中央大学文学部は比較にならないほど差があります。中央大学文学部のような
ヘボい大学に共通しているのは、文化水準が低いという事です。18歳から22歳をヘボい大学で過ごすという
ことは、感受性において致命傷と言えます。2ちゃんねらーの大半は岡田克彦氏に比べて、著しい低学歴で
頭が悪いだけでなく、感受性も愚鈍で腐っているという、取り返しのつかない状態なのです。
せめて、http://www.geocities.co.jp/MusicHall-Horn/1091/で、岡田氏の作品に触れましょう。
document.getElementByTagID('切り替え専用link要素').setAttribute('href')
2ちゃんの糞スレの皆様に、作曲家・岡田克彦ファンクラブからのご案内です。
ご高承のとおり、岡田克彦氏の卒業した早稲田大学政治経済学部と、ひろゆきの卒業した中央大学文学部夜間は
比較にならないほど差があります。中央大学文学部夜間のようなヘボい大学に共通しているのは、文化水準が
低いということ。18歳から22歳をヘボい大学で過ごすということは、感受性において致命傷と言えます。
2ちゃんねらーの大半は岡田克彦氏に比べて、著しい低学歴で頭が悪いだけでなく、感受性も愚鈍で腐っている
という、取り返しのつかない状態なのです。
せめて、http://www.geocities.co.jp/MusicHall/5933/で、岡田氏の作品に触れましょう。
また、学歴至上主義は、学歴がないか、東大のような高学歴であっても学歴に相応しいだけの自分の特技
等を持っていない人が不愉快に思っているだけのことです。2ちゃんのひろゆきの卒業した中央大学
文学部夜間のようなものは、学歴と言えるようなものではなく、これは、拭うことの出来ない、生涯つきまとう
汚点で、絶対に取り返すことは出来ません。2ちゃんの皆さんの大半は、波風を立てずにその場限りの平穏無事を保守する
という、下らない事なかれ主義にうつつを抜かしていますが、私共は心優しい仲間なので、はっきり申し上げられます。
ひろゆきは、感受性において、まさに取り返しのつかない状態にある、ということです。
従って、阿呆のひろゆきのやっている2ちゃんは阿呆の危険集団だということです。
php でスタイルシート切り替えみたいなやつ作ってみたんですけど需要あります? >332
ない。
しかし、だ。
おれにはある
く れ 。 >>333
http://www.cmo.jp/users/tomida-h/
ちゃっちい上にソースぐちゃぐちゃです。
それでも良ければどうぞ持ってってください。 CSS切り替えて更新ボタン押すと元のCSSに戻るんですけど どうすりゃ元に戻らないようにできるんだ!
かーちゃんおしえてくれ! あなたのお母様はこの世に一人しかいない
そして彼女はこのスレにいる確率はかなり低いと思われる
ならばどうすればよいのか
答えは簡単だ
そう…
(´・ω・`)
( )
ノ( )ノ
( )
( )
( )
( )
( )
( )
( )
( )
| | >>332
サンクスコ!!!!!
使わせていただきます。 「ス切リボ」の開発も止まったね。枯れたのか?
http://www.xinada.ne.jp/~handa/tech/CSS/SuKiBo/record ∧_∧
ピュ.ー ( ^^ ) <これからも僕を応援して下さいね(^^)。
=〔~∪ ̄ ̄〕
= ◎――◎ 山崎渉 >>349
このスクリプト、スタイルの一元管理が出来るから楽だけど(さくらどおりさんのでもできるけど)
代替スタイルをalternateと処理してないから、もぢの切り替えには対応できないんだよね。
まぁ、使ってるんだけど(^_^;) 参考に。
http://east.portland.ne.jp/~sigekazu/css/javascript3.htm
http://east.portland.ne.jp/~sigekazu/css/javascript9_4.htm
http://www.xinada.ne.jp/~handa/tech/CSS/StyleChange/documentobject-1 お前ら、解約しないと個人情報売られるよ! <<<<<<<<<<<<<<<<<<<
ユーザーにレンタル提供しているADSLモデムや無線LANカードなどの「接続機器レンタル規約」を
6月24日から改定する。
現在、レンタルモデムの所有者はソフトバンクBBとなっているが、モデムの証券化を行なうことで、
レンタルモデムの所有者が変わることになる。
改定された規約では、モデムの新所有者に対し、モデム利用者の個人情報を開示することを可能にするなど、
流動化に向けた条項が追加された。また、会員が利用中のモデムの所有権移転を拒否できることも明確に記された。
http://internet.watch.impress.co.jp/www/article/2003/0610/modem.htm
【ヤフー!BB】冗談じゃねぇ!解約祭り。
http://live5.2ch.net/test/read.cgi/festival/1055414529/l50(祭板)
【YBB】モデム利用者の個人情報が流動化に
http://pc3.2ch.net/test/read.cgi/isp/1055262847/l50(プロバ板)
Yahoo!BBの質問スレッド 17
http://pc3.2ch.net/test/read.cgi/isp/1054613319/l50(プロバ板) さくらどおりさんのCSS変更スクリプト、Safari相手に不具合出てます。
っつかあれ、MacIEで動作確認済みみたいなこと書いてるけど実際だめぽ。 プルダウンメニューでCSS切り替えできるサイト増えてるけどさ、
メニューいじってスタイル切り替えた途端、
今までいじってたメニューが画面外へ消えたりするとかなり焦る。
プルダウンメニューは画面上部に常に配置されてる、
とかそういう心遣い重要。 (´-`).。oO(スタイルシートの中に、エロ画像ふんだんに使ったやつ入れとこう…)
(´-`).。oO(んで、プルダウンメニューはdisplay:none;…)
__∧_∧_
|( ^^ )| <寝るぽ(^^)
|\⌒⌒⌒\
\ |⌒⌒⌒~| 山崎渉
~ ̄ ̄ ̄ ̄ (⌒V⌒)
│ ^ ^ │<これからも僕を応援して下さいね(^^)。
⊂| |つ
(_)(_) 山崎パン キャッシュはシンプルが優先スタイルシートになってるから。 だからさ、問題は何でcacheだとシンプルが最優先になっちまふのかってことだべさ。 なんとかサイト内に設置してみたのですが、
何故だか各ページにおいてそれぞれ設定をしなければならず、共通の設定にできません。
(ページAでCSSの2番を選んでも、ページBではデフォルトのCSSになっていて、
ページBでも再度CSSの2番を選ばないといけない。)
これは、どういった原因が考えられるでしょうか?
また、どう修正すればよいのでしょうか・・・ さくらどおりのなら絶対パス指定にすればいいんでない? まず、どのスクリプトを使ったのか
そして、どのブラウザで確認したのか さくらどおりさんで配布されているスクリプトです。
ブラウザはIE6.0で確認しました。
JavaScriptをちょっと弄ったので、先ほど修正して試してみましたが、それでもダメでした。 >>370
クッキーですか・・・。
クッキーを一旦削除してみるとします。 クッキーを一旦削除してみたら、正常に動作しました。
なんとも情けない限りです。ありがとうございました。 ★ LintChecker Anothor HTML-Lintを使って、HTMLの文法チェックを行う http://www.vector.co.jp/soft/winnt/net/se299156.html
--------------------------------------------------------------------------------
動作OS:WindowsXP
動作機種:汎用
ソフトの種類:フリーソフト
作者:たかみちえ
有名なAnothor HTML-Lintを使って、文法チェックを行うソフトです。
HTMLを文法に沿ったつくりにするためには、文法チェックが不可欠です。
が、いちいちAnothor HTML-Lintでチェックをかけるのは、かなり時間がかかりますし、アナログ回線だったら接続料もばかになりません。
一つのページを修正するたびにチェックするなど、相当大変です。
このソフトは、Anothor HTML-Lintを呼び出し、結果をソフトのウィンドウに表示します。
あらかじめAnothor HTML-Lintと、それが動作する環境を作っておけば、HTMLを気軽にチェックし、すぐに修正することができます。
また、おまけで点数によって音を鳴らしたり、Wファイルが変更されるたびにチェックWする機能や、一部の対応したエディタの場合、文法エラーの該当箇所へ、
ジャンプする機能もついています。
STYLENOTEの場合、以下のボタンスクリプトを作成すれば、すぐに文法チェックをすることができます。
//HTML Lintチェック
event Main.ScriptToolBar.onClick()
{
$exe = "(LintCheckerのフォルダパス)\LintCheck.exe"
$cmd = Main.FileBar.GetFilePath()
OpenFile($exe,""$cmd"")
};
★STYLE NOTE ダウンロードページ http://www.wht.mmtr.or.jp/~riki/style/?page=dl
★Another HTML-lint Download http://openlab.ring.gr.jp/k16/htmllint/download.html 質問なんですけれど、さくらどおりさんのスクリプトに「サイトへのパス」ってありますよね?
あのところって独自ドメイン取ってる場合どう書けばよいのですか?
上の367氏のようなことになってしまうのはここら辺をいい加減に記述しているからでしょうか? >>376
ここで訊くより、製作者のいちゆうさんに訊ねなさいナ。 >>377
http://この部分/
この部分をそっくりそのままコピペすればOKだよ。
実際に使ってる人のサイトのjsをDLして参考にしつつやればなんとか設置できると思う。 ちなみに、そうした場合、サイトのパスは"/";みたいに、スラッシュのみの入力となる。 >>376
連レスすまん。
あと、変になってる場合一旦クッキーを全削除したら直ることもある。
>>367氏がそうだったように。 377-380
ありがとうございます!ここのスレの人達は親切ですね。 いまやってみたらできました。ありがとうございますです☆ http://critical.s6.xrea.com/web/cssselect.shtml
のスタイルシート切り替えスクリプトなんだけど、
セレクトフォームで選択してるのを、
ハイパーリンクまたはラジオボタンに変えたいんだけどどうすればいいかな。
カンでは
function fMakeHTML(){
/* 選択フォームのHTMLを作成する */
nHTML='<label>' + label +
'<select name="selectss" onchange="fSelectSS(this);">';
for(i=0; i<sfTitle.length; i++){
nHTML+='<option value="';
nHTML+=sfTitle[i];
nHTML+=(sfTitle[i]==sheet) ? '" selected="selected">' : '">';
nHTML+=sfTitle[i];
nHTML+='</option>';
}
nHTML+='</select></label>';
}
をいじればいいのかなぁと思っていじったんだけどうまくいかない。
ヒントがあったら教えて下さい。 ちなみにこんな感じにしてみた(動かないけど)。
function fMakeHTML(){
/* 選択フォームのHTMLを作成する */
nHTML='<label>' + label +
'<form name="selectss" onchange="fSelectSS(this);">';
for(i=0; i<sfTitle.length; i++){
nHTML+='<input type="radio" name="selectss" value="';
nHTML+=sfTitle[i];
nHTML+=(sfTitle[i]==sheet) ? '" checked>' : '">';
nHTML+=sfTitle[i];
nHTML+='';
}
nHTML+='</form></label>';
}
} ラジオボタンじゃないけど、漏れはこんな風にして使っている。
function fMakeHTML(){
/* 選択フォームのHTMLを作成する */
nHTML='<form action="#"><p><label for="selectss">' + label +
'<select name="selectss" id="selectss">';
for(i=0; i<sfTitle.length; i++){
nHTML+='<option value="';
nHTML+=sfTitle[i];
nHTML+=(sfTitle[i]==sheet) ? '" selected="selected">' : '">';
nHTML+=sfTitle[i];
nHTML+='</option>';
}
nHTML+='</select></label> <input type="submit" value="変更" onclick="fSelectSS(this.form.selectss);return false;" onkeypress="fSelectSS(this.form.selectss);return false;" /></p></form>';
}
Firebird 0.7って、代替スタイルシートには対応してないんですか? >>391
してる。ステータスバーの左に変えるやつがあるはず。 あ、ほんとだ!ありがd
自分のページを見たら小さいのがちゃんと表示されてた >>390
いいですね。
場合によってはパクらせてもらいます。
ありがとう♪ ttp://minatsu.pos.to/でやってたぞ <お客様の証言> お客様の生の声をどうぞお聞きください♪
>
> "InterCasinoはベストの一言につきますね。
>
わたしの知っている限り、実戦さながらの感覚でプレーできる唯一の
>
オンラインカジノではないでしょうか。見た目もすばらしいですし。
>
6ヶ月以上プレーしてみて、InterCasinoでプレーするときは本当に余計な
>
心配がないですよ。払い戻しは、きっちりしてるし遅れた事がないですよ。
> InterCasinoのスタッフに本当に感謝します。"
>
>
> まずは覗いてみて!!
> ↓↓↓↓↓
> http://www.japan.intercasino.com/index.html?4816
http://critical.s6.xrea.com/web/cssselect.shtml の切替スクリプトを
>>261-262の助言に従って修正してみたのだが、
依然として「最初は一番上の(代替)スタイルシートが適用され」る(IE6にて)。
どうすればいいかな?
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="代替シート">
と順番に記述した状態でスクリプトを入れると、優先シートが反映されなくなる。
誤 <link rel="alternative stylesheet" type="text/css" href="../alternate.css" title="代替シート">
正 <link rel="alternate stylesheet" type="text/css" href="../alternate.css" title="代替シート">
>>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(",");
} >>398-399 の問題は、>>397のリンク先の切替スクリプトなら起らないみたいだけど……? >>401
有り難う、それで出来ますね。
ただ、No-Styleを選択しても固定シートは解除されないので、もう一工夫必要っぽい。
いま下記など参考に試行錯誤中。
cf. http://east.portland.ne.jp/~sigekazu/css/javascript3.htm >>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);
でどう? >>404 それだと、やはり優先シート(title属性あり)が無効になるだけでは。 いや、ちゃんと全スタイルシートが無効になるね。ごめん。 >>401
ownerNodeとかowningElementとか使用しないでも
link要素をlinks[i].title;てな感じでforでさらってうまいことできないかしらん。 >>407
「さらってうまいこと」となると… _| ̄|○ >>407
fGetStyleTitles() のスタイル切替実行前の呼び出しを前提にすれば
>>401 の追加コードの所はこのくらい端折るのもアリかも。
var p = sS[i].disabled ? 'alternateTitle' : 'preferredTitle';
if ( !sS[p] ) sS[p]= sS[i].title; おお、一挙にスッキリしましたね。試したら、成功しました。
ところでpって何の略? > ところでpって何の略?
propertyName...考えるの面倒でさ。
お、久しぶりに書き込みが続いて……と思ったら、無視され通しの>>397。哀れ。 XML Stylesheet はアプリケーション側で対応してくれないとどうにもならんですよね? >>414
やってみないと解らんが壁は多いと思われ。
XML+CSSの場合なら既存のスクリプトの流用も多少はできるかもしれないが
XML+XSLTの場合だと現状では色々な意味で難しげ。 HTML+CSSの場合だってアプリケーションが対応してなきゃどうにもならんでしょ。 >>415
たとえ質問でも上げると怒る人いるから下げるようにしてます。
スルーされたら忘れますし(w
>>416-417
変なカキコしちゃいましたが、漏れがやりたいのは元になるXHTMLにaltCSSを
書いておいて、IE用にLink要素を生成する、ということです。
正規表現使えばなんとかなりそうですし、今度からはもっと考えてから質問します。 >>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="代替シート"> >>419
if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle || sS.alternateTitle || sS[0].title;
↓
if(sfTitles.indexOf(sheet)==-1) sheet = sS.preferredTitle; >>420
いや、それだと代替シートとNo-Styleだけが選択可能になって、
初期状態(固定シート)が選択肢に出てこなくなりますよ。
つまり一度代替シートに切替すると、元に戻せない。
title無し(固定シート)の<link rel="stylesheet">がある場合は
それに"default"とか何とか適当な名前をつけて選択肢が出る仕組みを作ればいいのだけど。
……チト手に余る。 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); >>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要素を並べた順)にするにはどうしたらよいですか。 if (!sS.preferredTitle) sfTitles+="Default,";
↓
if (!sS.preferredTitle) sfTitles="Default,"+sfTitles; ■ このスレッドは過去ログ倉庫に格納されています