ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
QNo.4149991 外部テキストにスタイルシートを適用したいのですが
質問者：Lmay 最近、フラッシュ制作を始めて、suzukaを使用しています。
​http://suzupara.iinaa.net/kiso231.html​
こちらの方法で外部テキストをロードしたのですが
この外部テキストにスタイルシートを適用するには、どのようにすればよいのでしょうか？
よろしくお願いいたします。
困り度：
  • すぐに回答を！
質問投稿日時：
08/07/04 07:44

回答
ANo.1 仮に外部テキスト 「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のいずれかようにすれば対処できます。

対策１
「構文チェック」ボタンを使用しないようにする。

対策2
「構文チェック」ボタンを使用したあとは Color を color に変更し直す。

対策3
Suzukaの「ツール」→「キーワード編集」で
[コメント] となっているプルダウンメニューから
[キーワード3]を選択して Color を選択して [削除] して [OK] する。
ただし、これをすると Color クラス
○○ = new Color();
などのチェックが効かなくなります。
回答者：BlurFiltan
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：
08/07/05 14:56
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)
 
このページのトップへ