Модерн кнопки Обзор

15.07.2009

Это всё пропишем в стили :

div.fileinputs {
position: absolute;
left: 630px;
top: 20px;
}

div.fakebtn {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

input.fakefile {
position: absolute;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 3;
}

div.faketext {
position: absolute;
top: 4px;
left: 11px;
z-index: 5;
}

input.browsetext {
background: transparent;
height: 17px;
width: 120px;
font-family: Verdana;
font-size: 9px;
border: none;
color: #000000;
}

Далее,поставим в нижний фрейм после body :

<script language="JavaScript" type="text/javascript">if(parent.admin==1) document.write('<div class="fileinputs"><input type="file" name="loadfile" class="fakefile" onchange=\'document.forms["fmsg"].elements["filename"].value=this.value\' /><div class="faketext"><input name="filename" type="text" class="browsetext" readonly /></div><div class="fakebtn"><img src="ссылка на кнопку" alt="" /></div></div>');</script>

Здесь сразу идёт условие на полномочия админа...

Перемещаем кнопку из стилей,в этой строке:

div.fileinputs {
position: absolute;
left: 630px;
top: 20px;
}

630-отступ слева,а 20 отступ сверху

Внимание ! На всех браузерах позиция меняется +-2 !

15.07.2009

Пример в студию.

15.07.2009

Примера нет,разница этого ОБЗОРа, лишь в том что он прописан картинкой,адрес отображается в самой картинке,естественно можно всё регулировать соответственно в стилях 😀

15.07.2009

Универсального способа нету с этими обзорами, всё равно, где-нибудь кака вылезет.. 😀

15.07.2009

само собой,предложил как вариант,кому надо пусть пользуется,только с умом 😀

28.01.2010

А можете подсказать как убрать возле кнопки "Обзор" поле где отображается путь (адрес) к картинке?

28.01.2010

Только вместе с кнопкой...в параметрах...

28.01.2010

Попробуй div'ами и просто закрой это поле тем же фоном, что и нижний фрейм, вот и всё )))