Creare elementi html con javascript

Fra_23

Nuovo Utente
4 Mag 2021
2
0
1
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

Nuovo Utente
4 Mag 2021
2
0
1
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
101
1
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);
 
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
Shyson Modificare codice e creare link PHP 0
Cosina Creare bottone delete in form upload PHP 4
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
S [PHP] Creare collegamento filtri di ricerca al database PHP 6
Z Creare VirtualHost Apache2 con PHP? Programmazione 0
max_400 [HTML] Come creare un jpg animata (non gif animata) HTML e CSS 3
A Come creare un framset Sviluppo app per Android 1
T con oop creare un ciclo per una pagina dinamica html con php PHP 3
X [Apache] Creare sito clone/preservare codice sorgente Apache 7
E [PHP] creare temporary table per dati da xml PHP 2
M [MySQL] CREARE UN LINK SU UN DETERMINATO CAMPO DI UNA TABELLA RISULTATO DI UNA QUERY SQL MySQL 3
P [Photoshop CC] Come posso creare quest'effetto - cerchi concentrici Windows e Software 6
R [PHP] creare pagina profilo per ogni utente PHP 4

Discussioni simili