cfdiv の更新時に「読み込み中...」のグラフィックが表示されないようにする方法はありますか? グラフィックをロードしてから新しいhtmlをロードするときのちらつきを防ぎたいです。
4 に答える
ヘッダーの下部にこれらの行を追加することにより、「読み込み中...」html が上書きされ、IE と FireFox の両方でちらつきが防止されるようです。
<script language="JavaScript">
_cf_loadingtexthtml="";
</script>
これでうまくいくように見えますが、読み込みアニメーションをページごとまたはコントロールごとにカスタマイズする公式にサポートされている方法があればいいのにと思います。ColdFusion9 でそのサポートが追加されることを願っています。
cfdiv
現在、タグ内でプログラムでこれを行う方法はないと思います。その「読み込み中...」メッセージと画像を本当に取り除きたい場合は、いくつかの場所を見ることができます。
CFIDE\scripts\ajax\resources\cf\images\loading.gifにあるイメージの名前を変更または削除できます。
それはアニメーションを取り除くだけです。「読み込み中...」テキストは空文字列に空白にすることができ、CFIDE\scripts\ajax\messages\cfmessage.jsで定義されます。
これらの変更を行うと、明らかに 以外のタグに影響がありcfdiv
ますが、ある場所でこの動作を排除しようとしている場合は、他の場所でも削除してもかまわないと確信しています。:)
他の誰かにアイデアがあれば、これを行うためのよりクリーンな方法を見たいと思います。
これは決して包括的またはエレガントなソリューションではありませんが、隣接する要素に負のマージンを使用すると、アニメーションを「カバー」できることがわかりました。この方法がすべてのケースで機能するかどうかはわかりませんが、私の特定のケースでは機能しました。バインドされたテキスト フィールドの横にアニメーションが表示され、その右側に送信ボタンがありました。レイヤーが右に浮きました。送信ボタンに負のマージンを使用し、レイヤーの配置に影響を与えずにアニメーションをカバーしました。
私が行ったもう1つの対策は、レイヤー構造を確認することであり、次のコードをcssに追加してください。
#TitleNameloadingicon {visibility:hidden;}
#TitleName_cf_button {visibility:hidden;}
#TitleNameautosuggest {background-color:#ffffff;}
メッセージと画像を新しい値に設定できる ajax ロードを呼び出す前に、メッセージを変更する関数を作成できます。
function loadingOrder(){
_cf_loadingtexthtml="Loading Order Form <image src='/CFIDE/scripts/ajax/resources/cf/images/loading.gif'>";
}
function loadingNavigation(){
_cf_loadingtexthtml="Loading Menu <image src='/CFIDE/scripts/ajax/resources/cf/images/loading_nav.gif'>";
}
(これらは最終的に、text_value と image_path パラメーターの両方を取る単一の関数にまとめられます)
メインと左のナビゲーション cfdiv の両方をロードするいくつかのプロセスでは、次のような関数を使用します。
function locateCreateOrder(){
loadingOrder();
ColdFusion.navigate('/functional_areas/orders/orders_actions/cf9_act_orders_index.cfm','main_content');
loadingNavigation();
ColdFusion.navigate('/functional_areas/products/products_actions/cf9_products_menu.cfm','left_menu');
}