Отключение интерстициальной графики при использовании привязки cfdiv

Question

Есть ли способ, чтобы изображение «Загрузка ...» появлялось при обновлении cfdiv? Я бы хотел предотвратить мерцание загрузки графического объекта, а затем загрузить новый html.

Answer 1

Добавив эти строки в нижней части заголовка, он переписывает «Загрузка ...» HTML и, кажется, чтобы предотвратить мерцающий эффект как в IE и FireFox:

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

Хотя это, кажется, делает трюк, было бы неплохо, если бы был официально поддерживаемый способ настройки анимации загрузки на странице или на основе управления. Надеюсь, они добавят поддержку этому в ColdFusion9.

Answer 2

Я не думаю, что в настоящее время существует способ сделать это программно в теге cfdiv. Если вы действительно хотите избавиться от сообщения «Загрузка ...» и изображения, есть несколько мест, которые вы можете посмотреть.

Вы можете переименовать или удалить изображение, которое находится по адресу: CFIDE \ Сценарии \ Аякса \ Resources \ ср \ Images \ loading.gif

Это только избавляется от анимации. Текст «Загрузка ...» может быть гасится в пустую строку, и определяется: CFIDE \ Scripts \ Аякс \ сообщений \ cfmessage.js

внесения этих изменений, очевидно, оказывает влияние на других тегах чем cfdiv, но если вы хотите устранить это поведение в одном месте, я уверен, что вы не будете возражать против его убийства и повсюду. :)

Мне бы хотелось увидеть более чистый способ сделать это, если у кого-нибудь есть идеи.

Answer 3

Вы можете создавать функции для изменения сообщения перед вызовом нагрузки 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'); 
} 

Answer 4

Это отнюдь не всеобъемлющий или элегантное решение, но я обнаружил, используя отрицательные поля на соседних элементах может «покрыть» анимацию. Я не знаю, работает ли этот метод во всех случаях, но для моего конкретного случая он работал. Анимация появилась рядом со связанным текстовым полем, справа от которого была кнопка отправки. Слой был перемещен вправо. Я использовал отрицательную маржу на кнопке отправки, и она охватывала анимацию, не влияя на выравнивание слоя.

Другая мера, которую я сделал, чтобы проверить слоистую структуру, и добавил следующий код в моем CSS быть уверены:

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