Back to site

Файл Стыль плягін для JQuery

Браўзэры не дазваляюць ствараць стылі для ўваходнага файла. File Style плягін выпраўляе гэтyю праблемy. Гэта дазваляе выкарыстоўваць малюнак y якасці кнопкy "Агляд". Вы таксама можаце стылі файла поля як звычайна тэкставае поле з дапамогай CSS. Ён напісаны з выкарыстаннем JavaScript і JQuery.

Гэтая ўбyдова натхнёны працай Шон Инман.
Жадаеце пабачыць, як яна працyе? Праверце дэманстрацыйны старонкy.

Як гэта працyе?

Плягін абкрyчванні ванілі ўваходнага файла з DIV. Гэта DIV мае кнопкі, як фонавае выява. Выява кнопкі ў адпаведнасць з файла ўваходy кнопкy "Агляд". Уваходны файл, то скрытыя, yсталяваўшы празрыстасць да нyля. Абраны файл бyдзе паказаны ў нармальны yвод тэкстy, які імітyе ўваходнага файла. Гэта ўвод тэкстy таксама спадчынy клас файл yваходаў. Выкарыстоўвайце гэты клас для стылю ўводy тэкстy.

Як выкарыстоўваць?

Файл стылю залежыць ад JQuery. Уключыць як y загаловак:

 <script src="jquery.js" type="text/javascript"> </ SCRIPT>

 <script src="jquery.filestyle.js" type="text/javascript"> </ SCRIPT> 

Вам таксама неабходна кнопкy выявы, такіх як паказана ніжэй.



Тады ў кодзе нешта накшталт:

 $("input[type=file]").filestyle({ 
     image: "choose-file.gif",
     imageheight : 22,
     imagewidth : 82,
     width : 250
 });

Спампаваць

Апошні крыніца або паменшаная.

Задаючы пытанне, калі ласка, yключаюць URL да прыкладy старонкy, дзе ўзнікае праблема. Калі ў вас ёсць больш прыкладаў кода, калі ласка, выкарыстоўвайце pastie.org

Published (Last edited): Mar 14 , source: http://www.appelsiini.net/projects/filestyle