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

Question

Existe-t-il un moyen d'empêcher l'affichage du graphique "Chargement en cours" lors de l'actualisation de cfdiv? Je voudrais empêcher le scintillement de charger le graphique puis charger le nouveau HTML.

Answer 1

En ajoutant ces lignes au fond de l'en-tête, il écrase le « Chargement en cours ... » 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'astuce, ce serait bien s'il y avait un moyen officiellement supporté pour personnaliser l'animation de chargement sur une base par page ou par contrôle. Espérons qu'ils ajoutent 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 débarrasser de ce message "Loading ..." et de l'image, il y a quelques endroits où vous pouvez regarder.

Vous pouvez renommer ou supprimer l'image, qui est situé à: CFIDE \ scripts \ ajax \ ressources \ cf \ images \ loading.gif

Cela ne se débarrasse de l'animation. Le texte « Loading ... » peut être occultée à une chaîne vide, et est défini dans: scripts CFIDE \ \ ajax \ messages \ cfmessage.js

Ces modifications auront évidemment un impact sur les étiquettes autres que cfdiv, mais si vous cherchez à éliminer ce comportement à un endroit, je suis sûr que cela ne vous dérangera pas de le tuer partout ailleurs. :)

J'aimerais voir une façon plus propre de le faire si quelqu'un d'autre a des idées.

Answer 3

Vous pouvez créer des fonctions pour modifier le message avant d'appeler le chargement ajax qui peut définir le message et l'image à 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'>"; 
} 

(ceux-ci finiront par être roulés en une seule fonction qui prendra à la fois un TEXT_VALUE et un paramètre image_path)

Dans certains de mes processus qui se chargent à la fois un GPS cfdiv principal et à gauche que j'utilise une fonction comme ceci:

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

Answer 4

Ceci est loin d'être exhaustive ou une une solution élégante, mais je trouvé avec des marges négatives sur les éléments adjacents peuvent « couvrir » l'animation. Je ne sais pas si cette méthode fonctionne dans tous les cas, mais pour 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ée vers la droite. J'ai utilisé une marge négative sur le bouton Soumettre et il a couvert l'animation sans affecter l'alignement de la couche.

Une autre mesure que je l'ai fait était de vérifier la structure de la couche, et a ajouté le code suivant à mon css être sûr:

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