- 締切済み
外部テキストにスタイルシートを適用したいのですが
最近、フラッシュ制作を始めて、suzukaを使用しています。 http://suzupara.iinaa.net/kiso231.html こちらの方法で外部テキストをロードしたのですが この外部テキストにスタイルシートを適用するには、どのようにすればよいのでしょうか? よろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- BlurFiltan
- ベストアンサー率91% (1611/1754)
仮に外部テキスト 「newsdata.txt」 の内容を次のように書き替えたとします。 ====================== <p><SPAN class='date'>2008/7/1</SPAN><br> <a href="./aaa.html">あああ</a>あいうえお</p> <p><SPAN class='date'>2008/7/2</SPAN><br> <a href="./kkk.html">かかか</a>かきくけこ</p> <p><SPAN class='date'>2008/7/3</SPAN><br> <a href="./sss.html">さささ</a>さしすせそ</p> <p><SPAN class='date'>2008/7/4</SPAN><br> <a href="./ttt.html">たたた</a>たちつてと</p> <p><SPAN class='date'>2008/7/5</SPAN><br> <a href="./nnn.html">ななな</a>なにぬねの</p> <p><SPAN class='date'>2008/7/6</SPAN><br> <a href="./hhh.html">ははは</a>はひふへほ</p> <p><SPAN class='date'>2008/7/7</SPAN><br> <a href="./mmm.html">ままま</a>まみむめも</p> <p><SPAN class='date'>2008/7/8</SPAN><br> <a href="./yyy.html">ややや</a>やゆよ</p> <p><SPAN class='date'>2008/7/9</SPAN><br> <a href="./rrr.html">ららら</a>らりるれろ</p> <p><SPAN class='date'>2008/7/10</SPAN><br> <a href="./www.html">わわわ</a>わゐうゑを</p> ====================== その場合、 次のようなスクリプトを付け足すとそれなりに何か装飾できます。 ====================== // ---テキストフィールドの設定-------- // news_txt を複数行テキストフィールドに設定 _root.news_txt.multiline = true; // news_txt の余分な空白を削除する _root.news_txt.condenseWhite = true; // ---スタイル設定例----------------- myStyles = new TextField.StyleSheet(); myStyles.setStyle("body", {color:'#0080ff', fontSize:'18px'}); myStyles.setStyle(".date", {fontFamily:'_明朝', fontSize:'14px'}); myStyles.setStyle("a", { textDecoration: "underline" }); myStyles.setStyle("a:link", {color: '#ff80c0' }); myStyles.setStyle("a:hover", {color: '#00ff00' }); _root.news_txt.styleSheet = myStyles; // ---ボタンの動作------------------ ~ 以下略 ~ ====================== 「*TextFieldのHTMLで遊ぶ」 http://hima.chu.jp/flash/tips/textfield_html.htm など。 「setStyle」 で検索すると色々出てきます。 ※ 重要事項を言い忘れるところでした。 Suzukaのスクリプトエディタに上記スクリプトを記述し、 「構文チェック」ボタンをクリックすると、 勝手に color が Color に書き替わってしまい色が適用されなくなります(Ver. 0.8.1 現在)。 いわゆるバグの一種です (と言っても他と絡んでいるためSuzukaのバグ修正は難しいかも)。 一応、次の対策1~3のいずれかようにすれば対処できます。 対策1 「構文チェック」ボタンを使用しないようにする。 対策2 「構文チェック」ボタンを使用したあとは Color を color に変更し直す。 対策3 Suzukaの「ツール」→「キーワード編集」で [コメント] となっているプルダウンメニューから [キーワード3]を選択して Color を選択して [削除] して [OK] する。 ただし、これをすると Color クラス ○○ = new Color(); などのチェックが効かなくなります。