Подбирать данные об одних неудар в лунку и загружать внешнюю Страницу в div

У меня есть следующее:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<h1>URL</h1>
<!-- Esto se modifica visualmente para que el usuario sepa a donde va a ir. -->
<h2>http://ejemplo.com/<span id="spanData1"></span>/<span id="spanData2"></span></h2>
<!-- Estos son los inputs de data. -->
<input type="text" id="data1">
<input type="text" id="data2">
<!-- Este botón hará la redirección -->
<button id="ir">Ir</button>
</div>

то, что делает все это, состоит в том, чтобы строить соединение внешней страницы и дав click в кнопке 'идти', так как он приводит меня в страницу.

// Variables para la modificación de URL
var data1 = ''
var data2 = '' //Definida pero nunca usada

// Al usar un tecla y levantarla
$('#data1').keyup(function() {
// Guardar el dato en la variable correspondiente
data1 = $('#data1').val(); 
// Modificar la URL que se ve
$('#spanData1').text(data1) //Cambio esta parte en pos de la simplicidad de 
//código y su legibilidad


})

// Hace lo mismo que el anterior pero para el segundo
$('#data2').keyup(function() {
// Guardar el dato en la variable correspondiente
data2 = $('#data2').val(); 
$('#spanData2').text(data2)
})

//Al hacer click en el boton ir
$('#ir').click(function() {
// Crear la URL para la redirección y...
var url = 'http://ejemplo.com/' + data1 + '/' + data2;
// Hacer la Redirección en una ventana nueva
//window.open(url, '_blank');
console.log(url)
})

то, чего я хочу добиться, состоит в том, чтобы эта страница или это соединение открылось в div внутри главной страницы, где находится 'формуляр', и не быть должным выходить из нее. тип iframe или embed, но автоматический. все это возможное делать с javascript или jquery?

я думал о том, чтобы поместить страницы в embed или iframe и назвать их, но он был бы должен помещать все соединение и случается, что есть информация, не возможно видеть, кроме того, что он был бы должен делать совсем ручной и идея состоит в том, чтобы он был совсем автоматическим.

0
задан 21.03.2019, 03:15
1 ответ

Ты можешь делать это:

<div>
<h1>URL</h1>
<!-- Esto se modifica visualmente para que el usuario sepa a donde va a ir. -->
<h2>http://ejemplo.com/<span id="spanData1"></span>/<span id="spanData2"></span></h2>
<!-- Estos son los inputs de data. -->
<input type="text" id="data1">
<input type="text" id="data2">
<!-- Este botón hará la redirección -->
<button id="ir">Ir</button>
</div>
<div id="iframe"></div>

Сейчас с js ты берешь переменные и думай, что innerHTML с javascript, чтобы Это помещать iframe в div с id "iframe"

var data1 = ''
var data2 = '' //Definida pero nunca usada

// Al usar un tecla y levantarla
$('#data1').keyup(function() {
// Guardar el dato en la variable correspondiente
data1 = $('#data1').val(); 
// Modificar la URL que se ve
$('#spanData1').text(data1) //Cambio esta parte en pos de la simplicidad de 
//código y su legibilidad


})

// Hace lo mismo que el anterior pero para el segundo
$('#data2').keyup(function() {
// Guardar el dato en la variable correspondiente
data2 = $('#data2').val(); 
$('#spanData2').text(data2)
})

//Al hacer click en el boton ir
$('#ir').click(function() {
// Crear la URL para la redirección y...
var url = 'http://ejemplo.com/' + data1 + '/' + data2;
//Mí código
//Tomamos el div con id iframe y le hacemos un 
//innerHTML con un iframe, le agregamos la 
//variable url dentro del src del mismo y listo
document.getElementById("iframe").innerHTML = "<iframe src=" + url + ">Tu navegador no soporta iframes.</iframe>";
//Imprimimos la variable url en la consola (innecesario)
console.log(url)
})

, был бы совсем! :) Приветствие compaГ±ero :D

1
ответ дан 02.12.2019, 05:21

Теги

Похожие вопросы