Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помгите "Создать и назначить расстановку клеток" / 25 сообщений из 29, страница 1 из 2
  1  все
20.09.2013, 13:19
    #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:47
    #38402762
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
vlshспрашивайте все что необходимо
Денех давай. Да побольше! Побольше!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.09.2013, 15:22
    #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:47
    #38402909
vlsh
vlsh
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
да подсветка отличная - красиво смотрится
****
может где то я перебрал с объяснением в начале - прошу прощ..
но мне достаточно, если:
1 на сетке я закажу\укажу место (нужный мне квадратик)
2. и заключу его в рамку, причем
3. рамка - имеет свой цвет, размер, толщину бордюра
таких рамок может быть несколько на одной сетке, как на рис
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.09.2013, 15:53
    #38402922
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
vlsh,

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

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

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

у стилей есть наследование. последнее значение свойства "подхваченное" браузером переписывает предыдущее значение.
что именно вам надо? соединить в один ? и почему... :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2013, 15:19
    #38404796
vlsh
vlsh
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
на сайте нужно прямо на страницу вставить весь код
- ФМ нет - и загрузить файлы некуда, а у меня их 5, = 4 /css и 1/js
локально с любым броузером все ок - все работает,
как только соединяю все в один (копирую) - слетает все и остается только инфо из скрипта
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2013, 15:37
    #38404825
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
vlshкак только соединяю все в один (копирую)
значит вы их не правильно "соединяете"
покажите, что у вас в соединенном виде-то получается?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2013, 16:20
    #38404895
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
Код: sql
1.
2.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2013, 16:21
    #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, 18:29
    #38405064
vlsh
vlsh
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помгите "Создать и назначить расстановку клеток"
согласен - все отлично,
а как теперь прикрутить эти цветные квадратики вот сюда Он-лайн кроссворд
прозрачный фон с картинками в перспективе (но не сейчас)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помгите "Создать и назначить расстановку клеток" / 25 сообщений из 29, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 470ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447854]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 173ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 218ms
total:  470ms
x
x
Закрыть


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