Doubt with chrome debug

1

I have this code on my page:

<iframe id="dialog1" class="ui-helper-hidden" style="width: 700px;display: inline"></iframe>

But in chrome debugging, I have these values:

<iframe id="dialog1" class="ui-helper-hidden ui-dialog-content ui-widget-content" style="width: auto; display: inline; min-height: 0px; max-height: none; height: 456px;" src="../../ace/ace005a.asp?/GEN/ASP/GEN0001a.asp$$ind_situacao=&amp;tipo_empresa=&amp;ind_classificacao=&amp;p_cod_tipo_contrato=&amp;indsubmit=false&amp;txt_nome_campo_cod=num_contrato&amp;txt_nome_campo_cod_ts=cod_ts_contrato&amp;txt_nome_campo_desc=nome_contrato&amp;ind_tipo_pessoa=J&amp;funcao_executar=PesquisaContratoMontaFilial();&amp;abre_modal=S&amp;ind_alteracao_contrato=&amp;tipo_preco="></iframe>

I do not know where these CSS values come from, as this is what is preventing correct operation. Any help is welcome.

    
asked by anonymous 06.08.2015 / 16:49

1 answer

0

If you are using the jQuery UI framework (or some jQuery plugin that changes the DOM dynamically), this is why you have classes that you did not initially write to your tag when you preview the element , they are being written programmatically.

By code you are using the Dialog of jQuery UI that adds these classes in order to work correctly.

You can remove the .js plugin (remove its reference from the page) or change it (look in the code for these classes and replace or remove or remove the call from the function that adds these classes.

    
06.08.2015 / 17:01