Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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;
} margin: 0;
padding: 0;
font-family: 'Titillium Web', sans-serif;
line-height: 1.5;
color: #444;
font-size: 16px;
} padding: 0 10px;
}
.tabs-container {
position: relative;
height: 360px;
max-width: 98%;
margin: 0 auto;
} margin: 0;
padding: 0;
} content: '.';
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: none;
} display: none;
} line-height: 40px;
padding: 0 20px;
float: left;
background: #444;
color: #fff;
cursor: pointer;
transition: background ease-in-out .3s;
} color: #000;
background: #eee;
} 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;
} 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>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>Consulte a matéria publicada neste link: Inserindo página HTML em página HTML
>
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.
Você pode usar .html() do JQuery para carregar um conteúdo HTML.
http://api.jquery.com/html/