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
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

GeraldWalton

Nuovo Utente
5 Mar 2021
8
1
1
Non só voi ragá ma su youtube non só mai quale dei molteplici video puó essere davvero d'aiuto per le mie esigenze, mi sono trovato a fare delle ricerche in vari settori e a volte mi sembra di guardare uno youtuber poi apro altre decine di link e sembrano tutte piú o meno brutte copie di quel video, soltanto esposte da altri utenti con terminologie diverse. Pertanto davvero pensate di trovare cosí facilmente codici per creare iframe? Quando cerchiamo un video valido per far funzionare una pagina html con javascript spesso troviamo dei bottoni attraverso l'input al quale poi noi dobbiamo relazionare un azione che ci permetta di cliccare su questo evento. Questo in molti casi puó essere un pop-up che contiene un messaggio di testo.
 
  • 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
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
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

Discussioni simili