Чтение переменной javascript и добавление в hrml iframe src

Question

Чтение переменной javascript и добавление в hrml iframe src

0

В приведенном ниже коде у меня есть 2 переменных JavaScript long и lat

моя задача состоит в том, чтобы затем добавить эти значения в конец URL-адреса iframe

помощь в изменениях, которые мне нужно внести в код ниже, чтобы позволить мне достичь вышеуказанного, будет оценено

Код iframe ниже я должен иметь возможность заменить числовые значения "-37.718821,145.064612" с js-переменными lat long, которые код ниже динамически определяет из URL-адреса страницы

<!DOCTYPE html>
<html>
    <head>
        <title>jQM Complex Demo</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
        <link rel="stylesheet" href="/jquery.mobile-1.2.0.min.css" />
        <script>

            function gup(name) {
                name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
                var regexS = "[\\?&]" + name + "=([^&#]*)";
                var regex = new RegExp(regexS);
                var results = regex.exec(window.location.href);
                if (results == null)
                    return "";
                else
                    return results[1];
            }
            var latlong = (gup('q'));
            var parts = latlong.split(",");
            var lat = parts[0];
            var long = parts[1];


        </script>



    </head>
    <body>

        <div data-role="page" id="map_display_Page">

            <div data-role="header" id="myheader" data-position="fixed" style="background: #ffffff"></div>
            <div data-role="header" id="myheader" data-position="fixed" style="color: #ffffff; background: #000033;">
                <a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>
                <h1>Map Location</h1>
            </div>

            <div data-role="content">
                <iframe src="maps1.html?q=-37.718821,145.064612" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden;"></iframe>  --->          </div>

            <div data-role="footer" data-theme="a" data-position="fixed" data-id="myfooter" style="color: #ffffff; background: #000033;">
                <div class="ui-bar">
                    <a href="sharedialog.html"  data-role="button" data-icon="star" data-theme="a" data-rel="dialog">Share</a>
                    <a href="mailto:[email protected]?subject=Iphone App Enquiry" data-role="button" data-icon="plus" data-theme="a">Contact</a>
                    <a href="" data-role="button" data-icon="arrow-u" data-theme="a" style="float:right;" class="returnTopAction">Return top</a>
                </div>
            </div>
        </div>
    </body>
</html>

user2134512 31 дек. 2013, в 17:25

Источник

0

Я отредактировал свой ответ, проверьте его сейчас!
Mohammad Areeb Siddiqui 31 дек. 2013, в 15:58

Теги:

javascript

jquery

html

iframe

2 ответа

Ещё вопросы

Я отредактировал свой ответ, проверьте его сейчас!

ALWAN · Answer 1 · 2013-12-31T14-54-00.000Z

Попробуйте это, он должен работать

$(document).ready(function(){
$("iframe").attr("src","maps1.html?q="+lat+","+long);
});

Или

$("iframe").src="maps1.html?q="+lat+","+long;

Mohammad Areeb Siddiqui · Answer 2 · 2013-12-31T13-30-00.000Z

Попробуй это:

$("iframe").attr("src", "maps1.html?q="+ lat +"," + long +");

Это просто изменяет атрибут src iframe и заменяет его вашими переменными lat и long.

Привет, пожалуйста, сообщите, где я размещаю этот код. Вместо кода iframe, который у меня есть на целевой странице (когда я это делаю, он просто отображает текст предложенного вами кода), если я помещаю его на страницу индекса, чтобы загрузить Скрипт jquerymobile, когда эта страница загружается, генерирует ошибку в инспекторе веб-консоли, сообщая о неожиданном конце файла, а когда я удаляю последний «в коде, он советует неожиданно»)
@ user2134512, вам нужно разместить его ниже конечного тега script, который является </script> .