2009-04-16 3 views
0

私は現在自分のサイトでSifrと遊んでいます。基本的には私のページの上部にいくつかの色のついたブロックがあり、選択した色に応じてjavascriptでスタイルシートが変更されます。私は、Sifr h1/h2タグを動的に再ロードする(ページをリフレッシュしない)onclickを取得する方法を知りたいと思います。SifrとJavascriptがスタイルシートを変更しています(ページリフレッシュなし)

私はonclickイベントでsIRF.activateコードを追加しようとしましたが、sIFR.activateコードをset_style関数の中に入れてみましたが、無駄にしました。誰かが私を助けることができるなら、それは素晴らしいだろう!

乾杯リアン

答えて

2

与えられたsIFR 3では、テキストのレンダリングに使用されたCSSの一部を変更することができます。

私はあなたがh1h2ための2個の置換を、持っていると仮定している、と私たちは自分の色を変更している:

function changeColor(hexValue) { 
    var css = '.sIFR-root { color: ' + hexValue + '; }'; 
    for (var i = 0; i < sIFR.replacements['h1'].length; i++) { 
    sIFR.replacements['h1'][i].changeCSS(css); 
    } 
    for (var i = 0; i < sIFR.replacements['h2'].length; i++) { 
    sIFR.replacements['h2'][i].changeCSS(css); 
    } 
} 

// after switching stylesheet: 
changeColor('#FF9900'); 

これはオレンジ色に<h1><h2>置換要素のテキストの色を変更する必要があります。

sIFR.replacements[][]によって返されるオブジェクトは、FlashInteractorです。

+0

そんなにコードのおかげで、私はあなたの代わりに提案1を使用するために、ロールバック機能を削除したが、私は今、このエラーを取得しています: エラー:sIFR.replacements.h2は を定義されていない私は、コードを入れてみましたsifr-addons.jsファイル、sifr.jsファイル、およびメインページにも同じエラーが表示されます。 –

+0

これはsIFR 3でのみ機能します。 –

0

私は自分自身をsifr使用していないが、私はあなたの最善の策はRollback add-onだと思います。その後、&をロールバックして、置換文を再実行する(つまり、基本的には&を再度有効にして無効にする)ことで、即座に「ロールフォワード」することで、JavaScriptのsifr'dタグを効果的にリロードすることができます。

EDIT:ちょうどredraw()方法がありますthis pageの下部に気づいた...実際にあなたが後にしている正確に何であるかもしれませんか? (やはり漠然として申し訳ありませんが、私は直接sifrを使ったことはありません)

関連する問題