Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Мобильный интерфейс  (Прочитано 12120 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Sulik
Помогающий

ru
Offline Offline
Пол: Мужской

« : 27-01-2012 17:18 » 

Доброго всем времени суток.
проблема в следующем: не могу подогнать размер страницы так
чтобы помещалась карта и кнопки снизу без скролинга .
В чем ошибка, подскажите, пожалуйста ?

Код:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport"
        content="initial-scale=1.0,
        user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 90% }
    </style>

    <link rel="stylesheet"
    href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
    <script src="http://code.jquery.com/jquery-1.5.1.min.js">   
    </script>
    <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js" >   
    </script>
    <script type= "text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=true">
    </script>
   
    <script type="text/javascript" charset="utf-8">   
    var map
    var marcador
    var lat
    var lon
    var element 
      function initialize() {
      var latlng = new google.maps.LatLng(-34.397, 149.644);
        var myOptions = {
          center: latlng,
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
       
        map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
           
        marcador = new google.maps.Marker({
        position : latlng,
        map:map       
          });   
      }
  </script>
  </head>
   <body onload="initialize()">
    <div data-role="page" >
    <div data-role="content" id="map_canvas" style="width:100%; height:90%">  </div>
<div data-role="footer">
            <div data-inline="true">
          <a href="index.html" data-role="button">Save</a>
  <a href="index.html" data-role="button" class= "ui-btn-left">Exit</a>
</div>
</div>
</div>
  </body>
</html>

Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #1 : 27-01-2012 21:26 » 

тут не понятно на кого грешить.
1. какой мобильный интерфейс?
2. нужно пошагово отключать js от стилей, возможно, что-то друг на друга влияет.
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
Sulik
Помогающий

ru
Offline Offline
Пол: Мужской

« Ответ #2 : 28-01-2012 10:38 » new

Интерфейс для мобильного устройства (например Android).
пытаюсь поставить google-кату и снизу две кнопки. это все должно помещаться на экране.
Почему-то если назначить height=90% для <div data-role="page" ... </div>
то все равно карта располагается на весь экран, а кнопки после карты за экраном (надо скроллить, чтоб увидеть их).
А нужно чтоб все помещалось на экране.
 
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #3 : 28-01-2012 10:51 » 

а вот скажи-ка
<div data-role="content" id="map_canvas" style="width:100%; height:90%">  </div>

ширина и высота какого контейнера?



Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
Sulik
Помогающий

ru
Offline Offline
Пол: Мужской

« Ответ #4 : 28-01-2012 13:15 » 

Ширина и высота "content", если я не ошибаюсь.
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #5 : 28-01-2012 16:20 » 

Ладно, смотри...
<div data-role="page" >
       <div data-role="content" id="map_canvas" style="width:100%; height:90%">  </div>
</div>
Это ширина и 70% высоты родителя
А сколько у родителя, неизвестно.
Надо пытаться определить ширину высоту media
и уже от этого отталкиваться
т.е. устанавливать ширину и высоту контейнера карты, но в абсолютных величинах
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
Sulik
Помогающий

ru
Offline Offline
Пол: Мужской

« Ответ #6 : 08-02-2012 08:19 » 

Спасибо !!!  Улыбаюсь
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines