Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вопрос к знатокам (https://javascript.ru/forum/misc/47565-vopros-k-znatokam.html)

Igor123 28.05.2014 22:30

Вопрос к знатокам
 
Всем привет!
Уважаемы форумчане помогите плиз решить следующую задачу:
Дан html файл следующего содержания:
<!DOCTYPE html>

<html>
<head>
    <script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>

</head>

<body>
<script type="text/javascript">
var myMap;

ymaps.ready(init);

function init () {
    myMap = new ymaps.Map('map', {
        center: [55.76, 37.64], 
        zoom: 10
    });

}
</script>

<div id="map" style="width: 400px; height: 400px;"></div>
</body>

</html>


Каким образом его нужно переписать, что бы
1) Убрать из html файла строчку кода
<div id="map" style="width: 400px; height: 400px;"></div>

2) Подключение
<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
перенести из хедера в body, непосредственно в тег
<script type="text/javascript">


Огромное спасибо!

Igor123 28.05.2014 22:55

с первым вопросом разобрался
<!DOCTYPE html>

<html>
<head>
    <script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>

</head>

<body>
<script type="text/javascript">

var myMap;

ymaps.ready(init);

function init () {
  var d=document.createElement('div');
  d.style.width='400px';
  d.style.height='400px';
  document.body.appendChild(d);

    myMap = new ymaps.Map(d, {
        center: [55.76, 37.64], 
        zoom: 10
    });

}
</script>


</body>

</html>

jsnb 29.05.2014 08:13

<!DOCTYPE html>

<html>
<head>
</head>

<body>
<script type="text/javascript">
var mapsScript = document.createElement('script');
mapsScript.onload = function() {
  ymaps.ready(init);
}
mapsScript.src = 'http://api-maps.yandex.ru/2.1/?lang=ru_RU';
document.body.appendChild(mapsScript);

var myMap;

function init () {
  var d=document.createElement('div');
  d.style.width='400px';
  d.style.height='400px';
  document.body.appendChild(d);

    myMap = new ymaps.Map(d, {
        center: [55.76, 37.64], 
        zoom: 10
    });

}
</script>


</body>

</html>

Igor123 29.05.2014 09:43

jsnb, большое Вам спасибо!!!


Часовой пояс GMT +3, время: 05:37.