X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Накладывать слой при клике
dimjan4
dimjan4
Topic Starter сообщение 22.3.2009, 20:46; Ответить: dimjan4
Сообщение #1


Я хочу сделать что то вроде лото. Есть таблица, 50 ячеек (от 1 до 50) , при клике на ячейку накладывалась бы картинка (наподобие крестика с прозрачным фоном) ну так вот , скрипт должен проверить , чтобы было выбрано ровно 15 ячеек, если это так, то происходил переход на другую страницу, например- http://сайт/loto.php?c1=_,c2=_....(метод get)Помогите....Заранее спасибо.:rolleyes:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 22.3.2009, 20:55; Ответить: Webmaster_hb
Сообщение #2


(dimjan4 @ 22.3.2009, 22:46) *
Я хочу сделать что то вроде лото. Есть таблица, 50 ячеек (от 1 до 50) , при клике на ячейку накладывалась бы картинка (наподобие крестика с прозрачным фоном) ну так вот , скрипт должен проверить , чтобы было выбрано ровно 15 ячеек, если это так, то происходил переход на другую страницу, например- http://сайт/loto.php?c1=_,c2=_....(метод get)Помогите....Заранее спасибо.:rolleyes:

и чем мы можем тут помочь ??? сделать за вас - для вас раздел форуме "помогите"

если же хотите совета, то составьте более детальный алгоритм
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 22.3.2009, 22:56; Ответить: dimjan4
Сообщение #3


Так , про метод get и т.п - эт я переборщил! Извиняюсь, это я просто показывал ,как будет работать (на этом форуме всё можно найти!)
Так, мне просто надо помочь с картинкой, накладывающийся при клике и объяснить, как считать сколько выбрано ячеек. Востольном разберусь! Спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 23.3.2009, 1:25; Ответить: Webmaster_hb
Сообщение #4


итак, на картинку повесить на событие onclick вызов функции, в которую передать имя или id картинки на которую кликнули

функция же, заменяет SRC у картинки на другую
и увеличивает переменную на 1
в конце функция проверяет переменную она уже больше равна 15 и если да, то сделать редирект
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 23.3.2009, 18:30; Ответить: dimjan4
Сообщение #5


Я запутался! Посмотрите:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="style/1.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="JavaScript">
<!--

function showHide() {
if (document.layers["с1"].visibility == "show")
document.layers["с1"].visibility= "hide"
else document.layers["с1"].visibility= "show";
}

// --
>
</script>

</head>

<body>
<table width="" style="border:thin; border-color:#006600;">
<tr>
<td valign="middle" class="jac" id="c1" onClick="showHide()">1</td>
<td valign="middle" class="jac"id="c2" onClick="showHide()">2</td>
<td valign="middle" class="jac"id="c31" onClick="showHide()">3</td>
<td valign="middle" class="jac"id="c4" onClick="showHide()">4</td>
<td valign="middle" class="jac"id="c5" onClick="showHide()">5</td>
<td valign="middle" class="jac"id="c6" onClick="showHide()">6</td>
<td valign="middle" class="jac"id="c7" onClick="showHide()">7</td>
<td valign="middle" class="jac"id="c8" onClick="showHide()">8</td>
<td valign="middle" class="jac"id="c9" onClick="showHide()">9</td>
<td valign="middle" class="jac"id="c10" onClick="showHide()">10</td>
</tr>
<tr>
<td valign="middle" class="jac"id="c11" onClick="showHide()">11</td>
<td valign="middle" class="jac"id="c12" onClick="showHide()">12</td>
<td valign="middle" class="jac"id="c13" onClick="showHide()">13</td>
<td valign="middle" class="jac"id="c14" onClick="showHide()">14</td>
<td valign="middle" class="jac"id="c15" onClick="showHide()">15</td>
<td valign="middle" class="jac"id="c16" onClick="showHide()">16</td>
<td valign="middle" class="jac"id="c17" onClick="showHide()">17</td>
<td valign="middle" class="jac"id="c18" onClick="showHide()">18</td>
<td valign="middle" class="jac"id="c19" onClick="showHide()">19</td>
<td valign="middle" class="jac"id="c20" onClick="showHide()">20</td>
</tr>
<tr>
<td valign="middle" class="jac"id="c21" onClick="showHide()">21</td>
<td valign="middle" class="jac"id="c22" onClick="showHide()">22</td>
<td valign="middle" class="jac"id="c23" onClick="showHide()">23</td>
<td valign="middle" class="jac"id="c24" onClick="showHide()">24</td>
<td valign="middle" class="jac"id="c25" onClick="showHide()">25</td>
<td valign="middle" class="jac"id="c26" onClick="showHide()">26</td>
<td valign="middle" class="jac"id="c27" onClick="showHide()">27</td>
<td valign="middle" class="jac"id="c28" onClick="showHide()">28</td>
<td valign="middle" class="jac"id="c29" onClick="showHide()">29</td>
<td valign="middle" class="jac"id="c30" onClick="showHide()">30</td>
</tr>
<tr>
<td valign="middle" class="jac"id="c31" onClick="showHide()">31</td>
<td valign="middle" class="jac"id="c32" onClick="showHide()">32</td>
<td valign="middle" class="jac"id="c33" onClick="showHide()">33</td>
<td valign="middle" class="jac"id="c34" onClick="showHide()">34</td>
<td valign="middle" class="jac"id="c35" onClick="showHide()">35</td>
<td valign="middle" class="jac"id="c36" onClick="showHide()">36</td>
<td valign="middle" class="jac"id="c37" onClick="showHide()">37</td>
<td valign="middle" class="jac"id="c38" onClick="showHide()">38</td>
<td valign="middle" class="jac"id="c39" onClick="showHide()">39</td>
<td valign="middle" class="jac"id="c40" onClick="showHide()">40</td>
</tr>
<tr>
<td valign="middle" class="jac"id="c41" onClick="showHide()">41</td>
<td valign="middle" class="jac"id="c42" onClick="showHide()">42</td>
<td valign="middle" class="jac"id="c43" onClick="showHide()">43</td>
<td valign="middle" class="jac"id="c44" onClick="showHide()">44</td>
<td valign="middle" class="jac"id="c45" onClick="showHide()">45</td>
<td valign="middle" class="jac"id="c46" onClick="showHide()">46</td>
<td valign="middle" class="jac"id="c47" onClick="showHide()">47</td>
<td valign="middle" class="jac"id="c48" onClick="showHide()">48</td>
<td valign="middle" class="jac"id="c49" onClick="showHide()">49</td>
<td valign="middle" class="jac"id="c50" onClick="showHide()">50</td>
</tr>
</table>



</body>
</html>

А можно ли на ячейку ставить событие онклик?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 23.3.2009, 18:34; Ответить: MetSerp
Сообщение #6


на ячейку можно :prilichno:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 23.3.2009, 18:43; Ответить: dimjan4
Сообщение #7


MetSerp, да, спасибо за ответ, НО! как мне дописать этот скрипт?
<script language="JavaScript">
<!--

function showHide() {
if (document.layers["с1"].visibility == "show")
document.layers["с1"].visibility= "hide"
else document.layers["с1"].visibility= "show";
}

// --
>
</script>


И вобще , правильно я делаю?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 23.3.2009, 18:56; Ответить: MetSerp
Сообщение #8


вы забыли основной атрибут style потому что
visibility к нему относится т.е.
[PHP]document.layers["с1"].style.visibility == "show"[/PHP]
и я бы лично делал через display block или none
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 23.3.2009, 20:05; Ответить: dimjan4
Сообщение #9


А , я нашол другой способ, т.к я только начал учить JavaScript исправьте если что...Вот смотрите, я прописал простой код, который просто будет менять стиль:
<script language="JavaScript">
<!--

function vibor() {
a = document.getElementById ("c1");
if (className = "jac") {
a.className = "vibranij";
}
else {
a.className = "jac";
}
}

// --
>
</script>
Но придётся для каждой ячейки так прописывать, это правильно??



____________________________________________
Вот! Я сделал:
<script language="JavaScript">
<!--

function vibor1() {
a = document.getElementById ("c1");
if (className = "jac") {
a.className = "vibranij";
}
else {
a.className = "jac";
}
}

// --
>
</script>

</head>

<body>
<table width="" style="border:thin; border-color:#006600;">
<tr>
<td valign="middle" class="jac" id="c1" onClick="vibor1()">1</td>

Работает только при первом клике! Это плохо! Что у меня не так, и ещё, равно -это же == , а = -присвоить, так вот == не идёт , а = идёт вот здесь:
if (className = "jac")
, почему так?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 1753 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2203 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30384 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78487 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1668 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 20.4.2024, 13:11
Дизайн