‹выбрать› Всплывающие окна

Хорошо, я искал, чтобы найти что-то подобное, но не повезло.

Я хочу знать, как вы можете заставить этот код появляться в новом окне и изменять его размер? Пример: размер окна 250 на 250 пикселей, без рамки, без адресной строки. Просто компактное окно.

Это то, что я нашел, но не уверен, как заставить его работать...

<form action="../">
<select id="select-box" class="select" name="selectbox" size="6">
<option value="Folder1/List_1.html">1</option>
<option value="Folder2/List_2.html">2</option>
<option value="Folder3/List_3.html">3</option>
<option value="Folder4/List_4.html">4</option>
<option value="Folder5/List_5.html">5</option>
</select>
<input type="submit" value="Open Page" onclick="ob=this.form.selectbox;window.open(ob.options[ob.selectedIndex].value)">
</form>

Что я знаю, так это то, что данные, введенные в «действие», неверны. Я просто не знаю, как заставить его читать определенные папки и т. Д. Я знаю, что если я удалю «действие», он затем загрузит страницы в новые вкладки. Но он не загружает их в новое окно. Я ничего об этом не знаю, просто играл и читал туториалы, поэтому, если вы можете мне помочь, я был бы признателен. Спасибо.


html popupwindow buttonclick
person Trent    schedule 10.09.2014    source источник
comment
Вы должны использовать <button></button> вместо <input type="submit" /> и использовать функцию вместо того, чтобы пытаться сделать все это в атрибуте onclick.   -  person imtheman    schedule 10.09.2014
comment
Я посмотрю на это, никогда ничего не слышал и не видел, так что, возможно, это может быть путь для меня. С моим исходным полем выбора у меня был javascript для него, который работал, если вы просто щелкнули имя в поле , но это не работало на мобильных устройствах. У него была возможность открываться в собственном всплывающем окне.   -  person Trent    schedule 10.09.2014
comment
Посмотрите мой ответ и посмотрите, поможет ли это вам.   -  person imtheman    schedule 11.09.2014

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите, чтобы он открывался во всплывающем окне, вам нужно использовать "_blank" в window.open(). Затем вы можете использовать другие атрибуты, чтобы изменить размер окна. Кроме того, в окне есть ограниченное количество вещей, которые вы можете удалить. window.open()

HTML

<form onsubmit="return false;">
    <select id="select-box" class="select" name="selectbox" size="6">
        <option value="Folder1/List_1.html">1</option>
        <option value="Folder2/List_2.html">2</option>
        <option value="Folder3/List_3.html">3</option>
        <option value="Folder4/List_4.html">4</option>
        <option value="Folder5/List_5.html">5</option>
    </select>
    <button onclick="popup(this.form.selectbox);">Open Page</button>
</form>

Javascript

function popup(ob) {
    if (ob.selectedIndex < 0)
        return false;
    window.open(ob.options[ob.selectedIndex].value, "_blank", "height=200,width=200,menubar=no,status=no,titlebar=no,toolbar=no");
}

JSFiddle

person imtheman    schedule 10.09.2014
comment
Просто чтобы подтвердить, что это сработало, просто любопытно, знаете ли вы, будет ли это работать с Samsung Galaxy Mobile. Предыдущая проблема заключалась в том, что вы не могли даже щелкнуть поле выбора, чтобы просмотреть данные. - person Trent; 11.09.2014
comment
@Trent Возможно, вы захотите увеличить шрифт и удалить атрибут select size="6". Затем вы сможете выбрать его на мобильном устройстве. jsfiddle.net/imtheman/koLw5Lms/2 - person imtheman; 11.09.2014