Deaktivieren des interstitiellen Grafik bei der Verwendung von cfdiv Bindung

Question

Gibt es eine Möglichkeit, die „Loading ...“ zu halten Grafik angezeigt wird, wenn Auffrischungen cfdiv? Ich möchte das Flimmern des Ladens die Grafik dann den neuen HTML-Ladens verhindern.

Answer 1

diese Zeilen am unteren Rande des Kopfes Durch das Hinzufügen es überschreibt das „Loading ...“ html und scheint das Flackern Effekt in IE und FireFox zu verhindern:

 <script language="JavaScript"> 
 _cf_loadingtexthtml=""; 
 </script> 

Während dies den Trick zu tun scheint, wäre es schön, wenn es eine offiziell unterstützte Art und Weise ist es, die Lade Animation auf einer pro Seite oder pro Steuerbasis anzupassen. Hoffentlich fügen sie Unterstützung für das in ColdFusion9.

Answer 2

Ich glaube nicht, gibt es zur Zeit eine Möglichkeit, dies innerhalb des cfdiv Tages programmatisch zu tun. Wenn Sie wirklich dieses „Loading ...“ loswerden wollen Nachricht und das Bild, es gibt ein paar Orte, die Sie sehen können.

Sie können das Bild umbenennen oder löschen, die sich befindet: CFIDE \ scripts \ ajax \ resources \ cf \ images \ loading.gif

Das nur wird die Animation befreien. Der "Loading ..." Text auf einen leeren String ausgeblendet werden kann und in definiert: CFIDE \ scripts \ ajax \ Nachrichten \ cfmessage.js

machen diese Änderungen offensichtlich Auswirkungen auf die Tags haben andere als cfdiv, aber wenn Sie schauen, um dieses Verhalten in einem Ort zu beseitigen, ich bin sicher, dass Sie es nicht überall sonst auch etwas dagegen, wird zu töten. :)

Ich würde gerne einen sauberere Weg, um zu sehen, dies zu tun, wenn jemand anderes eine Idee hat.

Answer 3

Dies ist keineswegs eine umfassende oder eine elegante Lösung bedeutet, aber ich fand die Animation mit negativen Margen auf benachbarten Elemente können „abdecken“. Ich weiß nicht, ob diese Methode in allen Fällen funktioniert, aber für meinen speziellen Fall hat es funktioniert. Die Animation erschien neben einem binded Textfeld rechts von dem eine Absenden-Button war. Die Schicht wurde auf der rechten Seite schwebte. Ich verwenden negativen Marge auf der Absenden-Button und es bedeckt die Animation, ohne die Schicht Ausrichtung zu beeinflussen.

Eine weitere Maßnahme, ich tat, war die Schichtstruktur, und hinzugefügt, um den folgenden Code zu meinem CSS sicher sein, zu überprüfen:

#TitleNameloadingicon {visibility:hidden;}
#TitleName_cf_button {visibility:hidden;}
#TitleNameautosuggest {background-color:#ffffff;}

Answer 4

Sie können Funktionen erstellen, um die Nachricht zu ändern, bevor die Ajax-Aufruf Last, die die Nachricht und Bild auf einen neuen Wert eingestellt werden.

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'>"; 
}

(diese werden schließlich in eine einzige Funktion gerollt werden, die sowohl einen text_value und einen image_path Parameter nehmen)

In einigen meiner Prozesse, die sowohl laden ein Haupt- und links nav cfdiv ich eine Funktion wie folgt verwendet werden:

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');
}