0

以下のプロンプトを取得し、ユーザーがプロンプトに入力した内容を使用して、以下のようにiFrameURLに変換するにはどうすればよいですか。

<iframe src="http://www.weather.com" sandbox="" seamless="" width="100%" height="200 </iframe>


<html>
<head>
<script>
function disp_prompt()
 {
var sitename=prompt("Please enter your Website:","www.anywebsite.com")
document.getElementById("msg").innerHTML="Your Site: " + sitename
}
</script>
</head>
<body>

<input type="button" onclick="disp_prompt()" value="Click to enter in Website URL">
<br><br>

<div id="msg"></div>

</body>
</html>
4

2 に答える 2

0

Youtube、Vimeoで動作

それが役に立てば幸い：

ここをクリックしてスクリプトを実行します

function createIFrame(url, width, height){

switch(url.substring(7,12)){
    case "www.y":
        return url.replace(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, '<iframe width="'+width+'" height="'+height+'" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>');       
        break;
    case "youtu":
         return url.replace(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, '<iframe width="'+width+'" height="'+height+'" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>');       
        break;
    case "vimeo":
        return url.replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(?:\/\?)?(.+)/g, '<iframe width="'+width+'" height="'+height+'" src="http://player.vimeo.com/video/$1" frameborder="0" allowfullscreen></iframe>');
        break;
}

}

于 2013-08-13T19:35:17.383 に答える
0 
<html>
<head>
<body>

<iframe id="iframeID" src="http://www.weather.com" sandbox="" seamless="" width="100%" height="200"></iframe>
    <form name="FormInput" action="" method="get" id="input" onsubmit="document.getElementById('iframeID').src=document.FormInput.site.value;">
 Website URL: 
<input type="text" name="site"/>
<br/>
<br/>
<input type="submit" value="Submit"/>
<br/>
</form>


<div id="msg"></div>

</body>
</html>
于 2013-02-16T22:57:45.980 に答える