Каким образом вставлять виджет в страницу?

Question

[К. А.]

Имеется виджет - wiget.html

.....
<div class="banner">
    	<div class="form">
				<form action="#">
                        <span class="sel">
						<select class="turnintodropdown">
							<option>select 1</option>
							<option>select 2</option>
								...
							<option>select N</option>								
						</select>
                        </span>
                        <span class="sel">
                        	<div class="to_arrow"></div>
                        </span>
                        <span class="sel">
						   <select class="turnintodropdown">
							<option>select 1</option>
							<option>select 2</option>
								...
							<option>select N</option>
						</select>
                        </span>
                        <span class="sel">
                          <input type="text" id="datepicker" value="Дата">
                        </span>
                        <span class="sel">
                        	<input type="submit" value="Искать" id="submit">
                        </span>
				</form>
                </div>
	</div>

Каким образом производить вставку этого виджета в страницы сайта?
iFrame не подходит, т.к. банер не должен нарушать каркас/разметку и т.д., а фрейм при выпадающем списке требует высоту минимум 100рх, если меньше появляется полоса прокрутки и т.д. В Общем совсем не то, что требуется.
Нужно что-то типа скрипта js или ajax, но к сожалению не очень пока разбираюсь в них.
Чтоб на сайте, в хтмл коде вводить <script src="****.js.... и т.д. и он подгружал в это место код банера.
Как-то вот так.
Надеюсь на вашу помощь, спасибо заранее)

Answer 1

[entermix]

Что такое HTML импорт и как это работает?

Comments

[К. А.]

Что-то похожее, но как-то не адекватно импортирует. То ли стили привязывает, или еще что, но расположение блока совсем не там, где я это делаю в коде.