The <iframe> tag specifies an inline frame.
An inline frame is used to embed another document within the current HTML document.
I wanted to have the "src" to be changed dynamically.
Here is the example of IFRAME where in source can be changed though TextField.
Whatever you enter into the text box will be given to the Iframe and iframe window will render that page.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TEST Page</title>
</head>
<script type="text/javascript" >
function iframeMethod() {
var srcValue = document.getElementById("text");
var iframe = document.getElementById("frame");
iframe.setAttribute('src', srcValue.value);
}
</script>
<body>
<iframe src="http://www.google.com" name="frame" id="frame"
frameborder=0 style="overflow:visible; width:100%; height:600; scrolling="no">
</iframe>
<input type="text" name="text" id="text" target="frame"/>
<input type="submit" name="submit" id="submit" value="Submit" onclick="javascript:iframeMethod();"/>
</body>
</html>
No comments:
Post a Comment