Как я создаю выставочную кнопку полноэкранного режима для переключения моей страницы карт Google, чтобы быть полным экраном?
Другой вариант - иметь BaseView, который переопределяет реализацию Extend. Например:
var BaseView = Backbone.View.extend({
//base view functionality if needed
});
BaseView.extend = function(child){
var view = Backbone.View.extend.apply(this, arguments);
view.prototype.events = _.extend({}, this.prototype.events, child.events);
return view;
};
Это автоматически расширит все ваши события для всего, что наследуется от BaseView.
3 ответа
Here's a jQuery implementation.
$("#map_toggler").click(function() {
$("#map").toggleClass("fullscreen")
});
In the CSS:
#map {
width: 400px;
height: 200px;
}
#map.fullscreen {
position: fixed;
width:100%;
height: 100%;
}
Untested, but something along the lines of that should work.
Если у вас есть карта на вашей странице, все, что вам нужно сделать, это написать некоторый javascript, чтобы изменить размер DIV, который содержит карту. Я не реализовал пример, который изменяет размер DIV для заполнения браузера, но здесь - это тот, который переключает размер div карты из javascript (я использую mooTools, чтобы установить style.width для элемента, но вы можете использовать все, что захотите, для управления DOM).
on click you have to resize your div where you have show the map.....i think its simple