Creare elementi html con javascript

Fra_23

Utente Attivo
4 Mag 2021
40
4
8
Salve,
spero mi possiate aiutare: vorrei creare un codice che inserendo l'url di una pagina web crei un iframe dell'url in questione.
Grazie mille
 

Fra_23

Utente Attivo
4 Mag 2021
40
4
8
Il codice html sarebbe qua:
Codice:
https://codepen.io/Html_source/pen/JjWXZKV
, schiacciando su crea si crea un iframe, la mia domanda è se qualcuno è capace ad assegnare all'input dell'url un variabile e quindi con un DOM quando si schiaccia crea si crea un iframe con come url la variabile inserita.
Grazie mille
 

iTonto

Utente Attivo
8 Feb 2018
107
2
18
www.fiverr.com
Così ad occhio...
JavaScript:
const iframeURL = 'https://www.example.com';
const creaBtn = document.querySelector('.button');

const creaIframe = () => {
    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', iframeURL);
    document.body.insertAdjacentHTML('afterbegin', iframe);
};

creaBtn.addEventListener('click', creaIframe);
 
  • Like
Reactions: Fra_23
Discussioni simili
Autore Titolo Forum Risposte Data
Devil-94 creare elementi sopra altri elementi. Javascript 1
A Creare nuovi elementi Javascript 2
E Creare elementi (link,bottoni) che rispondano al passaggio mouse Javascript 1
giancadeejay Come inserire 3 elementi nel mio sito per riuscire a creare un intro flash? Flash 0
G Creare Elementi in una div Javascript 7
E Creare un testo trasparente dietro un div HTML e CSS 5
M Creare traccia di download file sul server HTML e CSS 2
A Cerco programmatore/sviluppatore per creare forum Offerte e Richieste di Lavoro e/o Collaborazione 2
L Creare ancore interne alla pagina PHP 1
I Creare un banner temporaneo JavaScript Javascript 0
C Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio PHP 27
simgia Cordova errore quando cerco di emulare o creare la app Sviluppo app per Android 2
U PHP creare un file excel dopo ricerca nel DB PHP 0
A Creare un cronometro PHP 5
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
Shyson Modificare codice e creare link PHP 0
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
L Creare una forma geometrica Photoshop 1
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 8
S Libreria PHP per creare file dwg o dxf PHP 0
R Come creare sistema Add to homescreen PHP 3
L Creare un countdown con giorno specifico della settimana PHP 3
W Creare link di una dato Classic ASP 0
W creare file .jar Java 2
M Creare con il Vb 2010 Il Classico Notes di Windows Vista Visual Basic 1
MarcoGrazia Creare una password Snippet Javascript 0
J creare pagina php di prenotazione PHP 5
A Creare un modulo di ricerca avanzata con dreamweaver HTML e CSS 0
INTEROPERABILITY Sviluppatrice/formatrice creare APP Offerte e Richieste di Lavoro e/o Collaborazione 0
L Creare una pagina pre-home WordPress 1
G Creare side-bar non visibile da dispositivi mobile HTML e CSS 0
L creare oggetti da una classe tramite un form Javascript 0
Web93 CREARE SITO WEB COMICS CON WORDPRESS WordPress 0
maxnegri Contare sessioni aperte e creare condizione PHP 1
A Come creare pulsante donazione PayPal HTML e CSS 5
L [CERCO] Creare blog su WordPress con tema Divi Offerte e Richieste di Lavoro e/o Collaborazione 3
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
R [Photoshop] Creare Azione Photoshop 1
F [PHP] creare tabella e tasto cerca PHP 3
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
B [PHP] Creare PDF dopo inserimento dati form PHP 4
A [HTML] Creare sito web per eLearnig HTML e CSS 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
Spenalzo Creare tabelle multiple con Access via VBA MS Access 2
R [PHP] Creare sistema random PHP 3
D [PHP] Consigli su come creare form PHP 1
I Creare Qsl radioamatore con testo editabile Presentati al Forum 1
T [PHP] Creare Honeypot per form contatti PHP 10

Discussioni simili