ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помгите "Создать и назначить расстановку клеток"
25 сообщений из 29, страница 1 из 2
  1  все
Помгите "Создать и назначить расстановку клеток"
    #38402721
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
Помогите написать скрипт
*Задача: необходимо создать цветные клетки по сетке
простите - никак не получается привязать создание цветной клетки к уже имеющемуся полю:
- если есть " http://i5.imageban.ru/out/2013/09/19/790d1d1f658d464b37560cbfb9b370c3.jpg%22%5D%D1%82%D0%B0%D0%BA%D0%B0%D1%8F]http://i5.imageban.ru/out/2013/09/19/790d1d1f658d464b37560cbfb9b370c3.jpg"]такая сетка
Причем
- эта сетка находится " http://i1.imageban.ru/out/2013/09/19/342cf60a2ebe7db55037cb4202dcce2b.jpg%22%5D]http://i1.imageban.ru/out/2013/09/19/342cf60a2ebe7db55037cb4202dcce2b.jpg"] внутри другого поля
*Условия:
Чтобы клетки: местополодение, размер, цвет - можно было изменять в самом коде

PS
может как то к координатам привязать?:
WordX = new Array(3); WordY = new Array(0); - красный
WordX = new Array(8); WordY = new Array(5); - синий
это конечно только мысль - а на практике не знаю...

За ранее спасибо
Пока не знаю каких вопросов ждать - но направьте и спрашивайте все что необходимо - постараюсь отвечать....
...
Рейтинг: 0 / 0
20.09.2013, 13:19
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402762
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
vlshспрашивайте все что необходимо
Денех давай. Да побольше! Побольше!!!
...
Рейтинг: 0 / 0
20.09.2013, 13:47
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402870
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
vlsh,

мало чего понял...
 
На всякий случай, строки и столбцы меняют цвет при наведении мыши
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
<!DOCTYPE html>
<html>
<head>
<title>Подсветка строк и столбцов в таблице</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body{
	margin:8px;
}
table{
	border-collapse:collapse;
	position:relative;
}
td{
	border:1px solid #000;
}
td:before{
	content:"";
	display:block;
	width:40px;
	height:40px;
  margin:10px;
	border-radius:20px;
	background:#0063ef;
}
td:hover{
	background:#ffcc00;	
}
td:hover:before{
	background:#000;	
}
tr:hover{
	background:#ffe581;
}
td:hover:after{
	content:"";
	position:absolute;
	display:block;
	width:60px;
	height:100%;
	top:0;
	background:#ffe581;
	z-index:-1;
}
</style>
</head>
<body>
<table>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>
</body>
</html>

...
Рейтинг: 0 / 0
20.09.2013, 15:22
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402909
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
да подсветка отличная - красиво смотрится
****
может где то я перебрал с объяснением в начале - прошу прощ..
но мне достаточно, если:
1 на сетке я закажу\укажу место (нужный мне квадратик)
2. и заключу его в рамку, причем
3. рамка - имеет свой цвет, размер, толщину бордюра
таких рамок может быть несколько на одной сетке, как на рис
...
Рейтинг: 0 / 0
20.09.2013, 15:47
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402922
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
vlsh,

"никак не получается привязать создание цветной клетки к уже имеющемуся полю"

что именно есть клетка и поле? ответ в образах html , желательно.
...
Рейтинг: 0 / 0
20.09.2013, 15:53
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402946
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
так выглядит наложение квадратиков на объект (примитив конечно, но уж изв.)
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!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>
</body>
 
</html>


а теперь нужно цветные прозрачные квадраты установить на сетку , которая уже есть, на нужные\заданные места
...
Рейтинг: 0 / 0
20.09.2013, 16:09
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402961
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Кажется, автору нужна таблица с указанной картинкой в качестве фона и совпадающей с ней сеткой ячеек.

Угадал?
...
Рейтинг: 0 / 0
20.09.2013, 16:16
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38402995
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
AntonariyУгадал? Почти....
только тот код - был репетиция для начинающего, и мысли поиска
однако - если идею в корне - интересует, следующее:
- сетка, в клетках которой будут находится картинки, а из них нужно составить слово - такая шарадка небольшая - для ребенка, а места\клетки подсказки будут именно выделенные жирным большим цветным квадратиком - вот такая примерно картина
...
Рейтинг: 0 / 0
20.09.2013, 16:30
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38403063
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
изв за оффтоп...
подскажите плиз - а как здесь редактировать сообщение\пост свои - не могу найти - все посмотрел - и копал вроде везде - или такая опция отключена?
...
Рейтинг: 0 / 0
20.09.2013, 17:23
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38403074
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
vlsh, нет тут такой возможности редактирования ни своих ни чужих постов, есть только предосмотр
...
Рейтинг: 0 / 0
20.09.2013, 17:34
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38403105
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
катастрофатолько предосмотр ну я так и понял сенк
...
Рейтинг: 0 / 0
20.09.2013, 18:03
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38403127
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
vlsh,

Код: sql
1.
2.
3.
4.
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(".win" ).append("div").addClass("kletka ramka-krasnaja x-10 y-20");
</script>



этого что-ли не хватает?
...
Рейтинг: 0 / 0
20.09.2013, 18:21
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38403313
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
Zoriaэтого что-ли не хватает? возможно Вы правы - но не могу я сказать точно
я конечно с радостью бы ответил ДА или НЕТ - но не знаю куда и как приставить вашу версию
- пытаюсь вставить в свой примитив но увы - чето никак или не о делаю
- если это для кода от user89строки и столбцы, то тогда совсем запутался куда встаивть Ваши строки)))
Вы уж поясните - если не против, полный код киньте сюда плиз...
...
Рейтинг: 0 / 0
20.09.2013, 23:59
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404673
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
ну если молчание на "выше", может кто подскажет в слдующем:
- есть 4 файла *.css - как их объединить в один? в смысле - вписать в один код,, чтобы скрипт понимал каждый из них
понимаю что это нецелесообразно - но для моего случая это то, что нужно..
...
Рейтинг: 0 / 0
23.09.2013, 14:11
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404685
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Скрипту никакой разницы нет, один css или несколько. Он с ними вообще не работает, "понимать" ему нечего.
Браузеру по большому счету тоже все равно.
...
Рейтинг: 0 / 0
23.09.2013, 14:19
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404695
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
я понимаю - но .css библиотеки стилей все же необходимы
а мне нужно все воткнуть в один код
и как это сделать?
...
Рейтинг: 0 / 0
23.09.2013, 14:24
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404737
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
vlshа мне нужноЗачем, если вы говорите, что понимаете, что скрипту все равно сколько у вас css-файлов?
vlshи как это сделать?Руками. Скопировать-вставить.
...
Рейтинг: 0 / 0
23.09.2013, 14:50
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404751
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
AntonariyРуками. Скопировать-вставить.[/quot]так я так и делаю - и ничего
скрипт перестает видеть стили - точнее - он видит только один
- ну или если по вашему (ничто ни с чем не работает) - то скрипт работает без проблем,
- а стиль работает только один, при том что их 4-ре, и когда они поотдельности (в смысле не скопированы в один код) то работают без проблем
...
Рейтинг: 0 / 0
23.09.2013, 14:56
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404771
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Нужно на сами стили смотреть.
...
Рейтинг: 0 / 0
23.09.2013, 15:07
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404778
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
vlshа стиль работает только один, при том что их 4-ре, и когда они поотдельности (в смысле не скопированы в один код) то работают без проблем

у стилей есть наследование. последнее значение свойства "подхваченное" браузером переписывает предыдущее значение.
что именно вам надо? соединить в один ? и почему... :)
...
Рейтинг: 0 / 0
23.09.2013, 15:09
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404796
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
на сайте нужно прямо на страницу вставить весь код
- ФМ нет - и загрузить файлы некуда, а у меня их 5, = 4 /css и 1/js
локально с любым броузером все ок - все работает,
как только соединяю все в один (копирую) - слетает все и остается только инфо из скрипта
...
Рейтинг: 0 / 0
23.09.2013, 15:19
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404825
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
vlshкак только соединяю все в один (копирую)
значит вы их не правильно "соединяете"
покажите, что у вас в соединенном виде-то получается?
...
Рейтинг: 0 / 0
23.09.2013, 15:37
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404895
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
Код: sql
1.
2.
...
Рейтинг: 0 / 0
23.09.2013, 16:20
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38404896
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
<html> 
<head>
  <style type="text/css">  
  *{margin:0; padding:0}
  body{padding:50px}
  #win{border:#000 12px solid; position:relative; width:564px; height:469px;background-image:url(http://i5.imageban.ru/out/2013/09/19/5b50e34491d85c1b8a45c5787635b429.jpg)}
  #win table {width:564px; height:469px;position:absolute; top:0; left:0; border-collapse: collapse;}
  #win table td{border:solid 1px black;}  
  .kletka{position:absolute;width:69px;height:58px; border:transparent 3px solid;}  
  .x-4{left: 210px}
  .y-4{top: 174px}
  .x-5{left: 280px}
  .y-5{top: 232px}
  .ramka-0{border-color:#DB261B}
  .ramka-1{border-color:#0292D8}
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head> 
<body>
<div id="win">
<table>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table></div>
<script>
    var kletki = [[4, 4, 1], [5, 5, 0]];
    for (var i = 0; i < kletki.length; i++)
        $("<div />").appendTo("#win").addClass("kletka ramka-" + kletki[i][2] + " x-" + kletki[i][0] + " y-" + kletki[i][1]);
</script>
</body> 
</html>
...
Рейтинг: 0 / 0
23.09.2013, 16:21
| Ответить | Цитировать | Написать  
Помгите "Создать и назначить расстановку клеток"
    #38405064
vlsh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vlsh
Гость
согласен - все отлично,
а как теперь прикрутить эти цветные квадратики вот сюда Он-лайн кроссворд
прозрачный фон с картинками в перспективе (но не сейчас)
...
Рейтинг: 0 / 0
23.09.2013, 18:29
| Ответить | Цитировать | Написать  
25 сообщений из 29, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помгите "Создать и назначить расстановку клеток"
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38404825&tid=1447854]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 182ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 231ms
total:  517ms
созд. / загр.: 517ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]