Написать скрипт "квадрат и клетки"
Здравствуйте всем, кто не равнодушен к страждущим:)
Вопрос следующего характера - есть картинка - также есть поле с квадратиками Необходимо создать вот такое наложение сверху на уже имеющееся. Причем по следующим критериям: - чтобы все регулировки - цвет большого поля\квадрата и маленьких квадратиков внутри поля, размеры и тех и других, местоположение маленьких квадратиков можно было менять в самом коде. За ранее спасибо. Пока не знаю каких вопросов ждать - но направьте и спрашивайте все что необходимо - постараюсь отвечать.... |
Цитата:
|
тестов никаких нету
- есть идея - есть поле для применения - где необходимо пристыковать данную мысль то есть прикрутить возможность наложения заранее заданных квадратиков (в цветовом оформлении) в соответствующие(заданные) места, как на рисунке - такое наложение |
Цитата:
Умеешь задавать фон хтмл-элементам? |
нет ни то ни другое
но ведь проблема может быть еще и в том, что необходимо определить место положения наложенного квадрата |
Цитата:
|
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.win{border:#000000 12px solid;position:relative;display:inline-block;left:50px}
.win img{margin:60px 100px 60px 20px}
.win1{position:absolute;width:145px;height:130px;border:#0292D8 12px solid;left:145px;top:180px}
.win2{position:absolute;width:145px;height:130px;border:#DB261B 12px solid;left:340px;top:180px}
</style>
</head>
<body>
<div class="win"><img src="http://i5.imageban.ru/out/2013/09/19/5b50e34491d85c1b8a45c5787635b429.jpg" alt=""><div class="win1"></div><div class="win2"></div></div>
<img src="http://i5.imageban.ru/out/2013/09/19/be96039a81184ad0d726b7468129712a.jpg" alt="">
</body>
</html>
|
Цитата:
простите - никак не получается аналогию провести, - а как теперь привязать создание той же клетки только к уже имеющемуся полю - например если такая сетка Причем эта сетка находится внутри другого поля а можно как то к координатам привязать, сетка по сути такой вид имеет: WordX = new Array(3); WordY = new Array(0); - красный WordX = new Array(8); WordY = new Array(5); - синий это конечно только мысль - а на практике не знаю... |
прошу помощи - не значит что ничего не делаю
опробовал выше указанный код в разных ситуациях, но с клетками в сетке никак (приявязка нужна уже к имеющемуся полю) |
вот пытаюсь теперь прикинуть данную версию кода для такой ситуации:
*Задача: необходимо создать цветные клетки по сетке простите - никак не получается привязать создание цветной клетки раннее указанного кода к уже имеющемуся полю: - если есть такая сетка - и эта сетка находится внутри другого поля как же теперь прикрутить.. |
vlsh ваш вопрос выглядит как будто вы совершенно не составляли ранее код в HTML или JS? Какие ваши познания в программировании и распишите подробнее задачу?!
|
MininAS, Вы совершенно правы - познаний не просто нет - их и не было никогда... Зато есть большой интерес в реализации идеи - в которую не прочь воткнуться с головой.. и хочу Вам сказать, пока искал ответы здесь - кое что накопал и во многих других местах, вот посмотрите: - онлайн кросс И если появится интерес - милости просим... Можно продолжить общение уже по сути в параллельной теме - ну или в личку...
И еще под подскажите: - есть 4 файла *.css - как их объединить в один? в смысле - вписать в один код, со скрипотом, чтобы скрипт понимал каждый из них понимаю что это нецелесообразно - но для моего случая это то, что нужно.. |
Ну теперь могу ответить следующее: что бы ответить на ваш вопрос придется просто написать за вас код, а это очень долго. Если сказать с преувеличением то вы захотели "поступить в институт не учась в школе". Почитайте литературу и не спишите, многие ответы придут сами.
По поводу файлов css добавляйте каждый отдельным тегом HTML <LINK rel="stylesheet" type="text/css" href="style1.css"> <LINK rel="stylesheet" type="text/css" href="style2.css"> <LINK rel="stylesheet" type="text/css" href="style3.css"> или слейте в один в простом текстовом редакторе. И то и другое целесообразности не требует. |
насчет линков согласен, исключительно для того, если файлы стилей находятся не в одном коде а рядом - скажем лежат в одном каталоге со скриптом
А если в один код - одним файлом все соединить: 1. все стили 2. сам скрипт 3. НТМЛ не работает корректно... в этом и вопрос... |
Цитата:
|
Цитата:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>LogicalMatrixGames</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>Здесь код стилей в чистом виде и заметь, что стили обязательно идут в теге HEAD</style>
</HEAD>
<body>
<script>Здесь код скрипта в теле документа. Есть один момент: JS язык объектного программирования и работает с объектами созданными заранее. Если ваш скрипт работает с объектом созданным HTML инструкциями, то он должен находится по тексту после создания объекта. Или объект необходимо создать в скрипте. Или Скрипт писать функциями, а вызывать непосредственно из объекта и т.п.</script>
</body>
и все это должно работать корректно. Читай здесь:http://htmlbook.ru/samcss/sposoby-do...y-na-stranitsu |
Цитата:
|
Цитата:
Представленная схема местоположения в коде - все понятно, - именно все таки делаю, - НО, (никак) чувствую не достаточно знаний - ищу - вот и сюда пришел по этой же причине)) |
| Часовой пояс GMT +3, время: 09:53. |