-
Similar Content
-
By Рудской
У меня есть таблица на первой странице сайта
Вот к примеру она....
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <select name="school" id="schoolContainer"> <option value="Код" selected>Код</option> <option value="10-0">10-0</option> <option value="10-1">10-1</option> <option value="Grandview">Grandview</option> <option value="Festus">Festus</option> <option value="R-7">R-7</option> <option value="Home-Schooled">Home-Schooled</option> </select> <input type="text" id="newSchool"/> <input type="button" id="addSchool" value="Insert"/> Мне нужно чтобы при нажатии на кнопу "Insert", информация которая была введена в поля для ввода отправлялась на другую страницу сайта.
И каждая новая информация отправлялась, в таблицу, примерно вот такую:
Пункт 1 | Пункт 2 | Пункт 3 | №1 Купил Завершено Типо, Когда в первой графе выбирают докустим "№1", то этот выбор писался в "Пукт 1". Так же и с остальными, если во второй графе выбирают "Купил" то этот же выбор писался в "Пункт 2... Помогите пожалуйста, никак не могу найти в интернете ответ на сей вопрос...
Или, если кто-то сможет сделать пример всего это, я буду очень благодарен
-
By kot_Bazilio
Доброго вечера, уважаемые!
Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением.
Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'.
Получилось так:
$(document).ready(function() { $('.content').hover(function() { var newImg = ('#newImg_url').val(); $('#mainImg').attr('src', newImg); }); }); Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изображение, которое будет изменяться на другое при hover'е.
Однако, ничего не происходит. Я человек в jQuery неискушенный, а потому спрашиваю совета знатоков: где я накосячил, и что нужно исправить?
Спасибо за внимание.
-
By kot_Bazilio
Всем добрый день!
При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху?
Заранее спасибо
-
By kot_Bazilio
Доброго дня, уважаемые!
Только-только приступил к изучению основ вёрстки веб-сайтов, верстаю первый макет для тренировки. Возник следующий вопрос: как при помощи html5 и css3 добавить на сайт горизонтальные и вертикальные линии? Наглядный пример того, о чём я говорю - линия внизу страницы этого форума.
Вот об этой линии я говорю.
Заранее спасибо
-
By tom6710
всем привет
я дизайнер и решил сделать себе портфолио в нем очень простая структура - всего несколько страниц (пока что готова только главная)
изучаю html и css всего пару дней поэтому решил обратиться к более опытным верстальщикам с просьбой посмотреть код - есть ли там какие-либо ошибки
https://0135e49cf5d5fc9fbe158f420c6188a79ef0ab74.googledrive.com/host/0B1zIB1VQMrphdm5QREd4dVBsUlU
код для сетки взял с http://www.responsivegridsystem.com
и вопрос как сделать чтобы отступы между блоками по горизонтали были равны отступам по вертикали? (сейчас отступы по горизонтали 1.6% от ширины)
еще не понимаю в чем следующие ошибки :
Line 36, Column 14: Stray end tag adress. </adress> ✉
Line 37, Column 10: End tag div seen, but there were open elements. </div> ✉
Line 33, Column 55: Unclosed element address. <address title="contact info">
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.