2

YUI3でYUI2のカレンダーを使用 しています。SamのスキンCSSをどのようにロードしますか?

私はそれを手動で含めませんでした(ただし、ユーザーがcssのコンボローダーに対して行う1つのリクエストでダウンロードできるようにする必要があるようです)。不思議なことに、ダウンロードされていないのか、JSファイル自体に表示されていないのです。私はそれを見落としているに違いありません。これが私が今CSSとJSをロードしている方法です:

<head>
    ...
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.1.0/build/cssreset/reset.css&amp;3.1.0/build/cssfonts/fonts.css&amp;3.1.0/build/cssbase/base.css"/>
    ...
</head>
...
<!--and at the end of the body tag:-->
<script type="text/javascript" src="http://yui.yahooapis.com/combo?3.1.1/build/yui/yui-min.js&amp;3.1.1/build/oop/oop-min.js&amp;3.1.1/build/event-custom/event-custom-base-min.js&amp;3.1.1/build/event/event-base-min.js&amp;3.1.1/build/json/json-parse-min.js&amp;3.1.1/build/querystring/querystring-stringify-simple-min.js&amp;3.1.1/build/io/io-base-min.js&amp;3.1.1/build/dom/dom-base-min.js&amp;3.1.1/build/dom/selector-native-min.js&amp;3.1.1/build/dom/selector-css2-min.js&amp;3.1.1/build/node/node-base-min.js&amp;3.1.1/build/node/node-style-min.js&amp;3.1.1/build/stylesheet/stylesheet-min.js&amp;2in3.1/2.8.0/build/yui2-calendar/yui2-calendar-min.js&amp;2in3.1/2.8.0/build/yui2-yahoo/yui2-yahoo-min.js&amp;2in3.1/2.8.0/build/yui2-dom/yui2-dom-min.js&amp;2in3.1/2.8.0/build/yui2-event/yui2-event-min.js"></script>
<script type="text/javascript">//<![CDATA[
YUI().use('yui2-calendar', function(Y) {
    var YAHOO = Y.YUI2;
    var cal = new YAHOO.widget.Calendar("cal",{navigator:true,mindate:'1/1/2000');
    cal.render();  
    // ...

編集:デフォルトのsamスキンにいくつかの小さな変更を加えたいと思います。それを行うための最良の方法は何ですか?

私は私の質問のこの部分に答えました。カレンダーを追加のdivでラップする場合、セレクターの一部としてそのdivを含むCSSルールを指定すると、ルールがより具体的になり、ブラウザーがSamのスキン上でそれを使用するようになります。大まかな例:

<style type="text/css">
.magic .yui-skin-sam .yui-calendar td.calcell {
    height: 10em;
    width: 15em;
}
</style>
    ...
    <div class="magic">
        <div class="yui-skin-sam">
            <div id="cal"></div>
        </div>
    </div>
4

1 に答える 1

2

http://yuilibrary.com/forum/viewtopic.php?f=93&t=2269&p=7608&hilit=insertbefore#p7608

このスレッドには、insertBefore構成の使用に関する情報が含まれています。これにより、YUICSSがCSSカスケードのスタイルオーバーライドの上に挿入されていることを確認できます。

-エリック

于 2010-05-09T19:21:16.127 に答える