Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cesarhtc

iframe

Por , em Desenvolvimento frontend

Recommended Posts

cesarhtc    0

cesarhtc
Postado

Boa tarde o que devo utilizar para substituir a iframe, para abrir uma pagina. 

<HTML>
<HEAD>

<style>
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);

*, *:after, *:before {
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', sans-serif;
  line-height: 1.5;
  color: #444;
  font-size: 16px;
}
p{
  padding: 0 10px;
}

.tabs-container {
  position: relative;
  height: 360px;
  max-width: 98%;
  margin: 0 auto;
}
.tabs-container p{
  margin: 0;
  padding: 0;
}
.tabs-container:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: none;
}
input.tabs {
  display: none;
}
input.tabs + label {
  line-height: 40px;
  padding: 0 20px;
  float: left;

  background: #444;
  color: #fff;
  cursor: pointer;
  transition: background ease-in-out .3s;
}
input.tabs:checked + label {
  color: #000;
  background: #eee;
}
input.tabs + label + div {
  width: 50%;
  opacity: 0;
  position: absolute;
  background: #eee;
  top: 40px;
  left: 0;
  height: 300px;
  padding: 10px;
  z-index: -1;
  transition: opacity ease-in-out .3s;
}
input.tabs:checked + label + div {
  opacity: 1;
  z-index: 1000;
}

</style>
</HEAD>

<BODY>
<p>Conteúdo</p>

<div class="tabs-container">

<input type="radio" name="tabs" class="tabs" id="tab1" checked>
<label for="tab1">Item</label>
<div>
  <p><iframe src="#" name="iframe_a" scrolling="no" frameborder="0" height="500px" width="800px" ></iframe>
</div>


<input type="radio" name="tabs" class="tabs" id="tab2">
<label for="tab2">Item</label>
<div>
  <p></p>
</div>

<input type="radio" name="tabs" class="tabs" id="tab3">
<label for="tab3">Item</label>
<div>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse condimentum vitae risus ac pharetra. Duis sit amet viverra ante. Vivamus non maximus risus. Curabitur eu velit cursus, faucibus erat ac, interdum magna. Sed eget lorem sapien. Maecenas metus lectus, pulvinar et elit vitae, elementum cursus odio. Suspendisse eget semper diam. Nunc sagittis felis sit amet purus aliquam, at mollis eros fermentum. Proin dolor eros, semper at fermentum id, imperdiet tristique massa. Ut rhoncus pharetra tempor. Aenean elementum felis quam, vel faucibus odio porttitor vel. </p>
</div>

</div>
  
<p>Resto do conteúdo</p>
</BODY>
</HTML>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

cesarhtc    0

cesarhtc
Postado

Desculpe a ignorância poderia seria assim?

 

Atualmente :

<embed id="embedGNU" type="text/html" src="pagina.asp?variavel=<%=variavel%>" height="500px" width="100%" />

 

Seria isto

<head>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>

 

<script> $(selector).html(pagina.asp?variavel=<%=variavel%>)</script>

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Omar~    87

Omar~
Postado
7 horas atrás, cesarhtc disse:

Desculpe a ignorância poderia seria assim?

 

Atualmente :

<embed id="embedGNU" type="text/html" src="pagina.asp?variavel=<%=variavel%>" height="500px" width="100%" />

 

Seria isto

<head>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>

 

<script> $(selector).html(pagina.asp?variavel=<%=variavel%>)</script>

 

 

.html da jQuery na base serve somente para inserir conteúdo, e não uma requisição.

No caso o que @GabrielFerrari disse é para você usar AJAX, ao qual com jQuey possui alguns métodos. Você pode fazer assim, não é o ideal mas é o mais simples para mostrar: 

<script type="text/javascript">
$(document).ready(function () {
    $('.mostrar-pagina').load('pagina.asp?variavel=<%=variavel%>');
});
</script>
<div class="mostrar-pagina"></div>

 

A dica quo o @Maujor deu também é muito boa.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend

  • Conteúdo Similar

    • Kefatif
      Campo de opção obrigatório
      Por Kefatif
      Bom dia Srs.
       
      Preciso de uma ajuda, não estou conseguindo deixar a seleção de opções abaixo obrigatória mesmo incluindo o "required"
       
      <label style="width:35%; margin-left:2%">Unidade<b style="color:red">*</b><br> <select name="cnes" class="form-control required" style="width:100%"> <option value="">Selecione</option> <?php $sql = "select * from UNIDADES order by NOME_UNIDADE"; $result = mysqli_query($con, $sql); while ($row= mysqli_fetch_array($result)){ ?> <option value="<?php echo $row["CNES"];?>"><?php echo $row["NOME_UNIDADE"]; ?></option> <?php } ?> </select> </label>  
      Agradeço desde já pela ajuda!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito