Как такое сделать

[raptor-dm]

посмотрите http://hostingkartinok.com/show-image.php?id=77269bca7adeecced295e549fb52bd1b
здесь машину можно выделять. это как реализовано?

[DivMan]

Если без JS, то можно поиздеваться над формами 

[psywalker]

посмотрите http://hostingkartinok.com/show-image.php?id=77269bca7adeecced295e549fb52bd1b

здесь машину можно выделять. это как реализовано?

Не то?

[raptor-dm]

https://leto22e.storage.yandex.net/rdisk/b92383191faf722e624eef67aa4cf1f3/mpfs/_RTD118QRsBe4BuUv8Nlefp9QggWWXwqupUAWILVMZmkhUAB-F2yeEqaroQ2c3eUI7wpUl_OI6rP8T3H2vrOgw==?uid=0&filename=%D0%A0%D0%BE%D1%81%D0%90%D0%B2%D1%82%D0%BE%D0%9A%D1%80%D0%B5%D0%B4%D0%B8%D1%82%20%E2%80%94%20%D1%84%D0%B8%D0%BD%D0%B0%D0%BB.jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&rtoken=4db9fc29b1afcd818bac670c060175c5&rtimestamp=54c3e029&force_default=no

нет, это не лайтбокс. это что то вроде селекта как я понял по макету.

[psywalker]

https://leto22e.storage.yandex.net/rdisk/b92383191faf722e624eef67aa4cf1f3/mpfs/_RTD118QRsBe4BuUv8Nlefp9QggWWXwqupUAWILVMZmkhUAB-F2yeEqaroQ2c3eUI7wpUl_OI6rP8T3H2vrOgw==?uid=0&filename=%D0%A0%D0%BE%D1%81%D0%90%D0%B2%D1%82%D0%BE%D0%9A%D1%80%D0%B5%D0%B4%D0%B8%D1%82%20%E2%80%94%20%D1%84%D0%B8%D0%BD%D0%B0%D0%BB.jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&rtoken=4db9fc29b1afcd818bac670c060175c5&rtimestamp=54c3e029&force_default=no

нет, это не лайтбокс. это что то вроде селекта как я понял по макету.

ааа) я сначала не понял просто) дык ведь делается просто: Делаете внутри элемента с картинкой рамку на абсолюте с галочкой, прячите её, а по фокусу показываете. Вот здесь решение. И никаких форм не надо, как сказал DivMan.

[raptor-dm]

понял спасибо)

[afdw]

http://jsfiddle.net/5p1geao7/

[psywalker]

http://jsfiddle.net/5p1geao7/

Нафига мучать формы и придумывать костыль, если есть хорошее чистое решение?

[Z1gnet]

 

http://jsfiddle.net/5p1geao7/

Нафига мучать формы и придумывать костыль, если есть хорошее чистое решение?

 

затем что когда фокус уйдет с элемента - уйдет и его выделение. как мне кажется в данном случае так не должно быть. тем более что на странице как минимум 2 выделенных элемента. http://take.ms/M8fFu

[Galaxy]

 

 

http://jsfiddle.net/5p1geao7/

Нафига мучать формы и придумывать костыль, если есть хорошее чистое решение?

 

затем что когда фокус уйдет с элемента - уйдет и его выделение. как мне кажется в данном случае так не должно быть. тем более что на странице как минимум 2 выделенных элемента. http://take.ms/M8fFu

 

Мне кажется что эти 2 выделения - состояния ховер и актив. Судя по заголовкам речь идет о выборе определенной марки и определенного автомобиля. Вариант с фокусом тут отлично заедет.

[psywalker]

 

 

http://jsfiddle.net/5p1geao7/

Нафига мучать формы и придумывать костыль, если есть хорошее чистое решение?

 

затем что когда фокус уйдет с элемента - уйдет и его выделение. как мне кажется в данном случае так не должно быть. тем более что на странице как минимум 2 выделенных элемента. http://take.ms/M8fFu

 

Вариант с формами в принципе сам по себе хреновый, хотя бы тем, что формы для этого не предназдачены. Это костыль в чистом виде. Поэтому я бы выбрал либо вариант с фокусом, а если бы он не подошёл, то сделал бы такое на JS, а лучше вообще сразу на JS и мозг не парить.

[Z1gnet]

разве можно сразу двум элементам дать фокус одновременно?

 

Вариант с формами в принципе сам по себе хреновый, хотя бы тем, что формы для этого не предназдачены.

ну это еще зависит от того как программист это будет делать. потому как меня частенько программисты просили сделать элементы такого плана чекбоксами, им тогда легче обрабатывать данные или что-то в таком роде. в любом случае мы можем только догадываться как эта штука будет работать (тут дело в нюансах).

изначально я бы это делал на js, если бы попросили сделать формы - сделал бы формы. но во фокус, как по мне, сюда вообще никак не подходит. получается что я выбрал машину, потом клацнул в другое место и машина уже не выбрана.

как итог, есть 2 варианта которые имеют право на жизнь в разных ситуациях. мне кажется мы дали человеку все возможные инструменты, дальше пусть сам думает (ну разве что js никто не выложил).

Edited January 24, 2015 by Z1gnet

[psywalker]

разве можно сразу двум элементам дать фокус одновременно?

 

Вариант с формами в принципе сам по себе хреновый, хотя бы тем, что формы для этого не предназдачены.

ну это еще зависит от того как программист это будет делать. потому как меня частенько программисты просили сделать элементы такого плана чекбоксами, им тогда легче обрабатывать данные или что-то в таком роде. в любом случае мы можем только догадываться как эта штука будет работать (тут дело в нюансах).

изначально я бы это делал на js, если бы попросили сделать формы - сделал бы формы. но во фокус, как по мне, сюда вообще никак не подходит. получается что я выбрал машину, потом клацнул в другое место и машина уже не выбрана.

как итог, есть 2 варианта которые имеют право на жизнь в разных ситуациях. мне кажется мы дали человеку все возможные инструменты, дальше пусть сам думает (ну разве что js никто не выложил).

Согласен, если нужно выделять два и более элементов, то трюк с фокусом не прокатит. Но я не вижу ничего сложного, даже для программистов, чтобы такое было сделано на клик с помощью JS. Имхо, так даже будет легче и будет работать независимо от всего.

[Sensei]

Я бы сделал марки списком, а выбранное значение записывал в input

Примерно так http://jsfiddle.net/mwetwv79/

[Павел Ш.]

Всем привет! Только начал изучать ccs. Помогите, пожалуйста. В ccs файле прописываю  

body {

    background-image: #c7b39b url (css/images (1).jpg)

   } 

но изображение не отображается. Что не так?

[psywalker]

Я бы сделал марки списком, а выбранное значение записывал в input

Примерно так http://jsfiddle.net/mwetwv79/

У тебя в примере можно выбирать только один пукнт, а если нужно будет выбрать больше одного?

[Sensei]

Думаю, в данном случае нужно выбрать один конкретный автомобиль.

Стало быть и марка будет одна, конкретная)

 

Ну а если все же несколько нужно выбрать, то по сути это «чекбоксы» с нестандартным оформлением, ими бы и сделал.

[Z1gnet]

Но я не вижу ничего сложного, даже для программистов, чтобы такое было сделано на клик с помощью JS. Имхо, так даже будет легче и будет работать независимо от всего.

я конечно не знаю нюансов, но мне кажется что просто в базу данных записать выбранный чекбокс проще чем блок с классом active. возможно так было проще в конкретных случаях. в любом случае дело наше маленькое, говорят что нужно так сделать - делаем. мы же тоже частенько недовольны дизайном и хотим поменять некоторые пустяки (с точки зрения дизайна), а для верстки это целая история, реализовать конечно можно, но оно того не стоит и этого никто не оценит))))