Dmmitry

pdf.js
https://ru.wikipedia.org/wiki/PDF.js
habrahabr.ru/post/122034
https://blog.oio.de/2014/04/11/integrating-pdf-js-...

у span должен быть position: relative
и попробуйте здесь "-=380px" убрать знак "="

Добавьте через цикл все нужные записи в option select'а

Мне кажется это дело вкуса.. я, например, не приветствую такой подход из-за лишнего js кода, который можно заменить парой div-блоков, но встречал довольно разные реализации.
Вот, например, в этой верстке эти блоки реализованы как раз таки описанным вами способом clip2net.com/s/3aZ4I6x

$(document).ready(function(){
 
	$("ul.subnav").parent().append("<span></span>"); 
	
	$("ul.topnav li span").click(function() {
		
		$(this).parent().find("ul.subnav").slideDown('fast').show(); 
 
		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); 
		});
 
		}).hover(function() { 
			$(this).addClass("subhover"); 
			
			$(this).removeClass("subhover"); 
	});
 
});

код вашего меню
вместо hover события нужно использовать клик и используйте какую-то переменную или класс для отслеживания открытия/закрытия меню

что бы эта стрелочка сигнолизировала добавьте ей класс при нажатии, а класс уже опишите в css как пожелаете (можете повернуть и тд).

Автоматически меняло размер в зависимости от чего?
И код предоставьте.

Используйте setInterval в jQuery
learn.javascript.ru/settimeout-setinterval

Обработчик в php?

Это пробовали?

background: linear-gradient(to top, #fefcea, #f1da36);

@media screen and (max-device-width: 480px) {
       div {
            здесь свойства блока для мобильных устройств
       }
}

Окно вылазит только на определенном сайте?
Если да, то заблокируйте всплывающие окна на данном сайте.

Чтобы вручную разрешить открытие всплывающих окон на сайте, выполните указанные ниже действия.

Откройте меню Chrome Chrome menu на панели инструментов браузера.
Выберите Настройки.
Нажмите Дополнительные настройки.
В разделе "Личные данные" нажмите кнопку Настройки контента.
В разделе "Всплывающие окна" нажмите Управление исключениями.

Вот я делал пример простейшего слайдера, может это поможет вам.
Подключаем библиотеку jquery и вот код:

<style type="text/css">
		#enter {display:none}
		.slide {border:1px solid grey; padding:20px; width:40px; margin:10px; display:none}
		.check {border:1px solid red; padding:10px; width:10px; margin:8px; display:inline-block;}
	</style>

	<div id="s1" class="slide">1</div>
	<div id="s2" class="slide">2</div>
	<div id="s3" class="slide">3</div>
	<div id="s4" class="slide">4</div>
	
	<div id="prev" class="check">&larr;</div>
	<div id="next" class="check">&rarr;</div>
	
	<script type="text/javascript">

		var count = 1;
			
		$(document).ready(function() {
			$('#s1').show();
		});

		$('#next').on('click', function(){
			$('#s' + count).hide();
			$('#s' + ++count).fadeIn();
			if(count == 5) { count = 1; $('#s1').fadeIn(); }
		});

		$('#prev').on('click', function(){
			$('#s' + count).hide();
			$('#s' + --count).fadeIn();
			if(count == 0) { count = 4; $('#s4').fadeIn(); }
		});
	
	</script>

А далее уже настраивайте под себя