поле Styling добавяне на файлове - входен файл, проектиране и разработка на сайта
Добър ден. 🙂
Всички преобразуване правим с CSS и JQuery стилове. Когато изучавате материала, ще видите, че можете да получите само от CSS, но след това няма да се показва всеки файл е избран. само за говорителите и ще използва JQuery. Когато всичко приключи, резултатът ще бъде подобно на следното:
Първо трябва да се маркира HTML. Ще имам кода си в собствената си форма. Основното нещо, което трябва да замени вашата кутия за избор на файлове в моя или да коригирате настройките им под главната мината. Средно поле качване на файлове изглежда така:
Ние също така ще има следния вид:
Да вземем малко видим какво и как.
- - във всички сключва единица контейнер. Задължително условие. Присвояване на блок fl_upld клас.
- - нашата област прикачен файл да се заключи, етикет. Това е нашата идентичност и област. Самата област се присвои идентификатор = "fl_inp". Също така важен момент. Е, добавяне на текст - Изберете файла. Този текст ще бъде на следващия бутон.
Файлът не е избран- блок, който първоначално се извежда текстово - файл не е избрана. След като изберете файла, вместо да се появи името на текстов файл. задаване на даден блок ID = "fl_nm". Гледайки напред, аз ще кажа, че ако не се свърже сценария за показване на името на файла, не можете да добавяте блока. Вие ще имате един бутон, без говорители.На следващо място, ние добавяме простите стилове на нашия бутон. Просто добавете следния код, за да ви стил лист:
Бързо ви кажа какво е отговорен за това, което.
- За да инсталирате контейнера fl_upld ширина 300px. Ако това поле е вътре си форма, което ще има ширина, по принцип, не мога да пиша тази ширина на линията и не питай.
- #fl_inp - скрие стандарт нашата област прикачен файл. Това е важно и само основният параметър.
- В непосредствена близост до .fl_upld етикет - пиша параметри. ID, и ще бъде нашият ключ. Предписват каквото и да искате да направите бутона на желания вид.
- .fl_upld етикет: навъртам - стилове за бутона. Притежаваните от него витае. Имаме тя просто се превръща в жълто.
- И накрая, за устройството на името на файла #fl_nm да добавяте параметри.
Ето всички стилове, разбира се, както винаги можете да ги промените, колкото искате и да персонализирате за себе си. Основният вариант - да се скрие стандартен област. #fl_inp
Сега ние се пристъпи към последната стъпка, добавете име на скрипт на изходния файл, когато добавяте. Както сценария работи на JQuery. първо трябва да се свържете на библиотеката. ако то вече е направено, за да се направи това ненужно.
Ако не знаете как да добавите скриптове и библиотеки, прочетете статията - Как и къде да се свържете скрипт?
Нека разгледаме по-малко самия скрипт.
- $ ( "# Fl_inp") - на втория ред показва Haydee нашата скрита област.
- $ ( "# Fl_nm") HTML (име на файл) .; - четвърти ред, показва Haydee последния блок, който ще се появи вместо името на текстов файл - File не е избрана. Ние правим стойността за подмяна.
Това означава, че просто трябва да се определи правилно две ID. Ако промените Haydee и класовете на собствената си, не се объркате и да изберете всички правилни неща, за да работят правилно. Като направи всичко по силите си, резултатът няма да отнеме много време. Ако мислите, че за него и да разбере всичко, става ясно, че нищо сложно тук.
Това е всичко, благодаря ви за вниманието. 🙂
Ако сте били от полза за работата си, можете да подкрепят сайта :)
Здравейте скъпи приятели
Имате AdBlock инсталирано разширение или други подобни. Добавете сайта си в белия списък, и по този начин да допринесе за vnesesh неговото развитие. Инструкции за това как да деактивирате AdBlock искат този прозорец