Помощник
|
Накладывать слой при клике |
dimjan4
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
22.3.2009, 20:55;
Ответить: Webmaster_hb
Сообщение
#2
|
|
Я хочу сделать что то вроде лото. Есть таблица, 50 ячеек (от 1 до 50) , при клике на ячейку накладывалась бы картинка (наподобие крестика с прозрачным фоном) ну так вот , скрипт должен проверить , чтобы было выбрано ровно 15 ячеек, если это так, то происходил переход на другую страницу, например- http://сайт/loto.php?c1=_,c2=_....(метод get)Помогите....Заранее спасибо.:rolleyes: и чем мы можем тут помочь ??? сделать за вас - для вас раздел форуме "помогите" если же хотите совета, то составьте более детальный алгоритм |
|
|
dimjan4
|
Сообщение
#3
|
|
Так , про метод get и т.п - эт я переборщил! Извиняюсь, это я просто показывал ,как будет работать (на этом форуме всё можно найти!)
Так, мне просто надо помочь с картинкой, накладывающийся при клике и объяснить, как считать сколько выбрано ячеек. Востольном разберусь! Спасибо! |
|
|
Webmaster_hb |
23.3.2009, 1:25;
Ответить: Webmaster_hb
Сообщение
#4
|
|
итак, на картинку повесить на событие onclick вызов функции, в которую передать имя или id картинки на которую кликнули
функция же, заменяет SRC у картинки на другую и увеличивает переменную на 1 в конце функция проверяет переменную она уже больше равна 15 и если да, то сделать редирект |
|
|
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 |
23.3.2009, 18:34;
Ответить: MetSerp
Сообщение
#6
|
|
на ячейку можно :prilichno:
|
|
|
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 |
23.3.2009, 18:56;
Ответить: MetSerp
Сообщение
#8
|
|
вы забыли основной атрибут style потому что
visibility к нему относится т.е. [PHP]document.layers["с1"].style.visibility == "show"[/PHP] и я бы лично делал через display block или none |
|
|
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") , почему так?
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 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- |
Текстовая версия | Сейчас: 20.4.2024, 13:11 |