Doubt with debug of Chrome

Asked

Viewed 50 times

1

I have that code on my page:

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

But in the debug of Chrome, 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 don’t know where these CSS values come from, because that’s what’s preventing them from working properly. Any help is welcome.

javascript css google-chrome iframe
  • 2

    You are using jQuery UI?

  • What would be the "correct functioning", and why do you think the problem is of these classes?

  • @bfavaretto, good morning. The correct operation is for Iframe to obey the style applied to it and this does not occur. Soon, I have a Modal screen with size 700 X 500 and an Iframe inside it with measures 323 X 456 , when in fact it should have 700 X 500, because it was the past in style: style="width: 700px; heigth: 500px;". So it is at the moment in the code. Because the width is like "auto".

1 answer

0

If you are using the framework jQuery UI (or some jQuery plugin that changes the DOM dynamically), that’s why there are classes that you didn’t initially write in your tag when you inspect the element, they are being written programmatically.

By code you are using the Dialog jQuery UI which adds these classes to be able to function properly.

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

  • Laerte, how do I do it? How do I remove or change? No waiting...

  • I updated the answer.

  • But if I remove his include from the page, I will have no problem running Modal?

  • Obviously you will, so the plugin adds these classes to work what you want, what the problem with these classes?

  • Man, I’m sorry for my ignorance, but I don’t understand anything you’re talking about, I mean, how to do this.

  • First, why do you want to remove these classes? Second: As you are using a plugin to do the modal as you said yourself it will not be possible to remove, because the plugin already does this automatic, if you remove will not have the modal.

  • I don’t want to remove it. It was your suggestion in reply: "You can remove the plugin. js (take its page reference) or change it (search the code for these classes and replace or remove or remove the call from the function that adds these classes."

  • Yes, that way nothing will be added without your permission the remove I refer to is taking the tag <script> that references the plugin, removing the call is removing something of the type $("#dialog").dialog();

  • Okay, now it’s clearer. It’s just that at your suggestion you talked about removing then I said, that it would make my modal screen not even rise.

  • All right, dispose! ;)

Show 5 more comments

Browser other questions tagged javascript css google-chrome iframe

You are not signed in. Login or sign up in order to post.