Изменение URL в Iframe с помощью текстового поля - PullRequest
0 голосов
/ 15 февраля 2011

У меня есть веб-сайт http://speedie.mobi/emulator4/, и я хотел бы добавить текстовое поле, в котором люди могли бы добавить свой собственный URL-адрес, чтобы изменить то, что отображается в мобильном телефоне.

Это просто с помощью простогоiframe browser.

Таким образом, добавив их URL в текстовое поле, он заменит текущий URL их URL.

Quentin

Ответы [ 2 ]

2 голосов
/ 15 февраля 2011
<script>
    function goTo() {
        var input = get("box").value,
            frame = get("frame");

        if(input.match(/\bhttp(.)*/)) {
            frame.src = input;
        } else {
            input = "http://" + input;
            frame.src = input;
        }      
    }

    function get(id) {
        return document.getElementById(id);    
    }  
</script>

<input type="text" id="box" value="http://www.example.com" />
<button onClick="goTo();">go</button>

<iframe src="http://www.example.com" frameborder="0" id="frame" width="100%" height="90%"></iframe>

-> пример <- </h2>

2 голосов
/ 15 февраля 2011

Используя jQuery,

var url = $('#urltext').value();
$('#targetframe').attr('src',url);>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...