Désactivation du graphique interstitiel lors de l'utilisation de la liaison cfdiv

Question

Existe-t-il un moyen de conserver le " Chargement en cours ... " graphique d'apparaître lorsque cfdiv est actualisé? Je voudrais empêcher le scintillement de charger le graphique puis de charger le nouveau code HTML.

Answer 1

En ajoutant ces lignes au bas de l'en-tête, le texte "Chargement ..." est écrasé. html et semble empêcher l’effet de scintillement dans IE et FireFox:

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

Bien que cela semble faire l'affaire, il serait intéressant de disposer d'un moyen officiellement pris en charge de personnaliser l'animation de chargement, page par page ou par contrôle. J'espère qu'ils ajouteront un support pour cela dans ColdFusion9.

Answer 2

Je ne pense pas qu'il existe actuellement un moyen de le faire par programme dans la balise cfdiv . Si vous voulez vraiment vous en débarrasser, " Chargement ... " message et l'image, il y a quelques endroits que vous pouvez regarder.

Vous pouvez renommer ou supprimer l'image qui se trouve à l'adresse CFIDE \ scripts \ ajax \ resources \ cf \ images \ loading.gif

.

Cela ne fait que supprimer l'animation. Le " Chargement ... " le texte peut être effacé en une chaîne vide et est défini dans: CFIDE \ scripts \ ajax \ messages \ cfmessage.js

Ces modifications auront évidemment un impact sur les balises autres que cfdiv , mais si vous souhaitez éliminer ce problème à un endroit donné, je suis sûr que vous n'aurez pas peur de le tuer partout ailleurs. aussi. :)

J'aimerais voir une méthode plus propre pour le faire si quelqu'un d'autre a des idées.

Answer 3

Il ne s’agit nullement d’une solution complète ni élégante, mais j’ai découvert que l’utilisation de marges négatives sur des éléments adjacents pouvait "couvrir". l'animation. Je ne sais pas si cette méthode fonctionne dans tous les cas, mais dans mon cas particulier, cela a fonctionné. L'animation est apparue à côté d'un champ de texte lié, à droite duquel se trouvait un bouton de soumission. La couche a été flotté à droite. J'ai utilisé une marge négative sur le bouton d'envoi et cela recouvrait l'animation sans affecter l'alignement des calques.

Une autre mesure que j'ai prise a consisté à vérifier la structure de la couche et à ajouter le code suivant à mon css be sure:

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

Answer 4

Vous pouvez créer des fonctions pour modifier le message avant d'appeler le chargement ajax, ce qui permet de définir le message et l'image sur une nouvelle valeur.

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

(celles-ci seront éventuellement intégrées à une seule fonction qui prendra à la fois un paramètre text_value et un paramètre image_path)

Dans certains de mes processus qui chargent un cfdiv principal et gauche, j'utilise une fonction comme celle-ci:

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