iFrame Generator – Free Online iFrame Code Generator

HTML code of iFrame Generator – Free Online iFrame Code Generator

Width: <input type=”text” name=”width” id=”iframewidth” />px<br/>
Height : <input type=”text” name=”height” id=”iframeheight” />px<br/>
URL: <input type=”text” name=”url” id=”url”>
<br/>
<br/>
<button id=”generate”>Generate Iframe</button>
<br/>iFrame Code<br/>
<textarea id=”iframecode” style=”width:100%; height:150px;”></textarea>
<script
src=”https://code.jquery.com/jquery-3.6.0.min.js” integrity=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=”
crossorigin=”anonymous”></script>

Java Script code:

$(function() {
$(“#generate”).click(function() {
var width = $(“#iframewidth”).val();
var height = $(“#iframeheight”).val();
var url = $(“#url”).val();
$(“#iframecode”).val(“<iframe src='”+url+”‘ width='”+width+”‘ height='”+height+”‘></iframe>”);
});
});

Leave a Comment

Exit mobile version