Форум

Igor123 · #1 (**permalink**) 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 · #2 (**permalink**) 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 · #3 (**permalink**) 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 · #4 (**permalink**) 29.05.2014, 09:43

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

Форум

Справочник

Discord чат

Курсы javascript