Desactivar gráfico intersticial quando usando cfdiv ligao

Question

Existe uma maneira de manter o "Carregando ..." gráfico de aparecer refresca quando cfdiv? Eu gostaria de evitar a cintilação de carregar o gráfico depois de carregar o novo html.

Answer 1

Ao acrescentar estas linhas na parte inferior do cabeçalho, ele substitui o "Carregando ..." html e parece impedir o efeito de cintilação em IE e Firefox:

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

Enquanto isso parece fazer o truque, seria bom se houvesse uma maneira oficialmente suportados para personalizar a animação de carregamento em um por página ou por base controle. Esperemos que eles adicionar suporte para que, em ColdFusion9.

Answer 2

Eu não acho que não há atualmente uma maneira de fazer isso programaticamente dentro da tag cfdiv. Se você realmente quer se livrar desse "Carregando ..." mensagem ea imagem, há alguns lugares que você pode olhar.

Você pode renomear ou apagar a imagem, que está localizado em: CFIDE \ scripts \ ajax \ Resources \ cf \ images \ loading.gif

Isso só se livrar da animação. O "Carregando ..." texto pode ser apagado para uma cadeia vazia, e é definida em: CFIDE \ scripts \ ajax \ mensagens \ cfmessage.js

Fazendo essas mudanças, obviamente, terá um impacto sobre outros do que cfdiv tags, mas se você está olhando para eliminar este comportamento em um lugar, eu tenho certeza que você não vai se importar de matá-lo em qualquer outro lugar também. :)

Eu adoraria ver uma maneira mais limpa de fazer isso se mais alguém tiver alguma idéia.

Answer 3

Esta é de nenhuma maneira um abrangente ou uma solução elegante, mas eu achei usando margens negativas em elementos adjacentes pode "cover" da animação. Eu não sei se este método funciona em todos os casos, mas para o meu caso particular funcionou. A animação apareceu ao lado de um campo de texto Binded, à direita do que era um botão de envio. A camada foi lançada para a direita. Eu costumava margem negativa no botão enviar e cobriu a animação sem afetar o alinhamento camada.

Outra medida que eu fiz foi para verificar a estrutura de camadas, e acrescentou o seguinte código para o meu css ter certeza:

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

Answer 4

Você pode criar funções para alterar a mensagem antes de chamar a carga ajax que pode definir a mensagem e imagem para um novo valor.

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

(estes acabarão por ser enroladas em uma única função que terá tanto uma TEXT_VALUE e um parâmetro de image_path)

Em alguns dos meus processos que a carga tanto um principal e deixou nav cfdiv eu usar uma função como esta:

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