GAiN, присвоить value="0" <option selected="selected" value="0">Выбрать:</option> Проверять на value != 0
Code: <!DOCTYPE html> <html> <style> ul { display: block } ul li { display: block; background: blue; } ul li:nth-child(-n+3), ul li:nth-last-child(-n+3) { width: 100px; background: green; } </style> <ul> <li>1 <li>2 <li>3 <li>4 <li>5 <li>6 <li>7 <li>8 </ul> </html>
Как можно сделать прозрачный или невидимый курсор для сайта ? делал в редакторе artcurs вроде как прозрачный сохранился но он на сайте черным квадратиком отображается. PS можно и скрыть курсор но браузеры некоторые запрещают скрывать, поэтому заменить на прозрачный курсор нужно
А какие браузеры не разрешают скрывать курсор? А если так: Code: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { cursor:none !important; } Проверил в Google Chrome и Firefox - работает.
Погуглив, нашел что Opera не поддерживает смену курсора. По поводу IE не знаю. Но как вариант, сделать курсор 1x1 белый (Или под цвет страницы). И его не будет видно.
Есть такой div Code: <div class=\"info\"> Цена: {$image['price']} <br /> <a href=\"index.php?page=buy&id={$image['id']}&type={$_GET['cat']}\">Купить</a> <br /> <span id=\"{$image['id']}\" type=\"{$_GET['cat']}\" class=\"toTrash\">В корзину </span> <span class=\"trash\"></span> </div> Поставлено событие onclick на класс toTrash, но оно не срабатывает. Вот css Code: .typeImage .info { position: relative; display: block; width: 100%; } .typeImage .info .toTrash { position: relative; display: block; width: auto; float: left; cursor: pointer; } Так вот дело в том, что если выставить в .typeImage .info .toTrash ширину фиксированной длины, например 40px, то onclick срабатывает. Но мне так нельзя. Как с этим бороться?
Столкнулся с каким-то неадекватным поведением Google Chrome. допустим есть файл index.html с таким содержанием PHP: <html> <body> <form action="index.html" method="post"> <textarea name="content"></textarea><br> <input type="submit" value="submit"> </form> </body> </html> открываем этот файл в браузере, вводим в поле textarea такой текст Code: action="index.html" и нажимает submit. Нажимаем Ctrl+Shift+I чтобы вызвать Инструменты разработчика и видим, что код поменялся и стало уже вот так PHP: <html> <body> <form action="about:blank" method="post"> <textarea name="content"></textarea><br> <input type="submit" value="submit"> </form> </body> </html> Вопрос: почему меняется параметр action? Получается если снова нажать на submit, то попадаем на about:blank. Такая проблема только в Chrome. На данный момент у меня последняя версия 28.0.1500.72 m. Вот и интересно, это проблема браузера или нет? Заметил, что если у textarea убрать параметр name, то проблема исчезает. Но логики не вижу.
Событие не важно, пусть будет обычный алерт. Code: $('#toTrash').click(function() { alert('yes'); }); Проблема в том, что сам клик не срабатывает, не могу понять почему. P.S. Если его вызывать искусственно $('#toTrash').click(), то все работает. Upd. Span trash почему то полностью накладывается на toTrash. Upd. Проблема решилась добавлением в .trash float: left;
как нрисовать рамку вокруг шестиугольника??? PHP: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>True CSS3 convex polygons</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <style> body{ background:#fff url(img/bg.jpg) repeat-y; font-family:Arial; } </style> <body> <div class="b-polygons"> <a href="#lol" class="b-polygon b-polygon_hexagon"> <span class="b-polygon-part"> <span class="b-polygon-part b-polygon-part_content"> <div class="image"><div> </span> </span> </a> </div> </body> </html> PHP: /*_*/ /* Styles for “Fork” link */ .b-fork { position: absolute; top: 0; left: 0; } .b-fork-link { display: block; padding: 10px 40px; margin: 2em 0 0 -3em; font: bold 16px/1 Helvetica, Arial, sans-serif; text-decoration: none; color: #FFF; background: #F40B00; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; } A.b-fork-link:hover { background: #0B00F4; } BODY { font-family: Helvetica, Arial, sans-serif; } h1 { text-align: center; } /* Styles for polygons! */ .b-polygon { visibility: hidden; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .b-polygon-part { visibility: hidden; display: block; overflow: hidden; width: 100%; height: 100%; } .b-polygon-part_content:after { content:""; display: inline-block; height: 100%; vertical-align: middle; } .b-polygon-part_helper, .b-polygon-part_content { visibility: visible; } .b-polygon-part_content { color: #777; text-shadow: 0 -1px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.4); background: url(img/11.png) no-repeat #ffffff center; background-image: -webkit-(linear, 0 0, 0 100%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,.4))); background-image: -webkit-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4)); background-image: -moz-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4)); background-image: -ms-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4)); background-image: -o-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4)); background-image: linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4)); } .b-polygon:hover .b-polygon-part_content { color: #AAA; text-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 -1px 0 rgba(255,255,255,0.6); background: url(img/1.png) no-repeat #ffffff center; background-image: -webkit-(linear, 0 0, 0 100%, from(rgba(0,0,0,.4)), to(rgba(0,0,0,.1))); background-image: -webkit-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1)); background-image: -moz-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1)); background-image: -ms-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1)); background-image: -o-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1)); background-image: linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1)); } .b-polygon_hexagon, .b-polygon_dodecagon { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } .b-polygon_hexagon>.b-polygon-part, .b-polygon_dodecagon>.b-polygon-part, .b-polygon_hexagon>.b-polygon-part>.b-polygon-part, .b-polygon_dodecagon>.b-polygon-part>.b-polygon-part { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .b-polygon_octagon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .b-polygon_octagon2 { -webkit-transform: rotate(66.6deg); -moz-transform: rotate(66.6deg); -ms-transform: rotate(66.6deg); -o-transform: rotate(66.6deg); transform: rotate(66.6deg); } .b-polygon_octagon>.b-polygon-part { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .b-polygon_octagon2>.b-polygon-part>.b-polygon-part { -webkit-transform: rotate(-21.6deg); -moz-transform: rotate(-21.6deg); -ms-transform: rotate(-21.6deg); -o-transform: rotate(-21.6deg); transform: rotate(-21.6deg); } .hexagon-in2:hover { background-image: url(http://placekitten.com/241/241); } .b-polygon_square { width: 100px; height: 100px; } .b-polygon_octagon { width: 100px; height: 100px; } .b-polygon_octagon2 { margin: 4px; } .b-polygon_octagon2 .b-polygon-part_content { width: 118px; height: 118px; margin: -4px; } .b-polygon_hexagon { width: 202px; height: 100px; margin: 0 -42px; } .b-polygon_hexagon .b-polygon-part_content { width: 118px; height: 100px; margin: 0 42px; } .b-polygon_hexagon2 { width: 100px; height: 200px; margin: -42px 0; } .b-polygon_hexagon2 .b-polygon-part_content { width: 100px; height: 116px; margin: 42px 0; } .b-polygon_dodecagon { width: 100px; height: 100px; margin: 0; } .b-polygons { text-align: center; padding-right: 27px; } .b-megahexagon { width: 406px; margin: 0 auto 2em; padding: 0 36px 50px 18px; counter-reset:hexagon; } .b-megahexagon .b-polygon { margin: 0 -54px -50px 26px; } .b-megahexagon .b-polygon-part_content:before { content:counter(hexagon); counter-increment:hexagon; font-size: 3em; display: inline-block; vertical-align: middle; margin-left: 2px; } .b-megahexagon .b-polygon:nth-child(5n-1){ margin-left: -60px; } .b-megahexagon .b-polygon:nth-child(5n+1) { margin-right: -100px; } .b-megahexagon .b-polygon:first-child, .b-megahexagon .b-polygon:last-child { margin-left: 112px; margin-right: 112px; } ссылка как есть http://test-drupal.zz.mu
устройство html кода на больших сайтах как то странно устроен html код на больших сайтах, нет привычных onclick или ссылок в кнопках вот например кнопка загрузить видео на ютюбе PHP: <span class="yt-uix-button-group" id="masthead-upload-button-group"><a href="#" class="yt-uix-button start link-gplus-lightbox yt-uix-sessionlink yt-uix-button-default yt-uix-button-size-default" data-sessionlink="feature=mhsb&ei=g1kOUpGZGdSZhgH7iYGgCw" data-upsell="upload"><span class="yt-uix-button-content">Добавить видео</span></a><button type="button" class="end flip yt-uix-button yt-uix-button-default yt-uix-button-size-default yt-uix-button-empty" onclick=";return false;" aria-haspopup="true" data-button-menu-id="upload-button-menu" role="button" aria-label="Меню инструментов автора"><img class="yt-uix-button-arrow" src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title=""></button></span> здесь нет пивычного js события или ссылок ведёт на эту ссылку при нажатии www.youtube.com/upload но бывает и не ведёт а открывается всплывающее окно о смени имени канала что за методы они используют ?
Вопрос такой, есть php: PHP: <?php $file ="test.txt"; $f_o=fopen($file,"a") or die("невозможно открыть/создать файл"); fwrite($f_o, "1") or die ('Не записал'); $array=file($file); foreach($array as $string) fclose($f_o); ?> Он должен выполняться при клике на html странице, допустим по "ААА", выглядит она так: HTML: <select id="sel_obs" class="detailText"> <option onclick="javascript:selectControl.unselectAll();"></option> <option value="AAA" onclick="javascript:selectControl.unselectAll();selectControl.select(map.getLayer('vectors1').getFeatureById('AAA'));">AAA</option> <option value="BBB" onclick="javascript:selectControl.unselectAll();selectControl.select(map.getLayer('vectors1').getFeatureById('BBB'));">BBB</option> <option value="CCC" onclick="javascript:selectControl.unselectAll();selectControl.select(map.getLayer('vectors1').getFeatureById('CCC'));">CCC</option> </select> <td colspan="4" class="bodyText" align="center"><input type="submit" value="Submit"></td> Как сделать? И второй вопрос: Как изменить php, чтобы при каждом новом клике, допустим записано в файл test.txt значение "1", взять это значение и прибавить в нему 1. В двух словах к записанному значению прибавить единицу? Заранее спасибо.
GAiN Они используют все тот-же javascript, только не в линейном коде. После загрузки страницы, скрипт отрабатывает и проставляет реакции на события. Проще понять почитав про jQuery, например. Tamplier Я так понимаю нужен какой-то счетчик чего-то. Приведенный php код - чистый бред (вырезал неаккуратно или и вправду все так плохо?). При выборе определенного пункта нужно послать на сервер запрос к скрипту (будем считать) счетчика. Как тебе это удобнее сделать - через аякс, фрейм, добавлением фейкового элемента на страницу, так и сделай )
Нормальный код, не надо. На словах Лев Толстой, а на деле... Я отлично понимаю, как необходимо сделать, но не знаю, как это написать. if value="AAA" делай 1.php elseif то-то и то-то else блаблабла Вместо пустых слов аякс и фрейм, лучше бы один коротенький код, да ясный. Нужны чужие идеи, я свои все перебрал, ну не идет и все. Что надо добавить в строку, чтобы вызывался данный php, при клике на "ААА"? Можешь помочь - помоги. Нет, тогда пустых слов не надо.
Есть вот пару вопросов. 1. Как сделать так чтоб гиперссылка не была подчеркнутой ? (пример => пример) Вопрос №2. Нужно растянуть кнопки на странице по всей ширине от левой границы до правой.
FrozenCrash 1. CSS-свойство text-decoration со значением none 2. CSS-свойство width со значением 100%
Ни то, ни то не работает. Ставлю text-decoration: none; не работает все равно ссылка подчеркнута, а если ставлю underline то все подчеркнуты (( также само задаю всей группе width: 100%; то ничего не происходит Code: button { border: 2px solid #8FBC8F; background: #008080; font-size: 16px; font-weight: 200; padding: 5px 20px; / color: #F0E68C; text-align-last: center; text-align: center; }
HTML код HTML: <form> <button><a href="index.html">Главная</a></button> </form> Стиль Code: button { border: 2px solid #8FBC8F; background: #008080; font-size: 16px; font-weight: 200; padding: 5px 20px; color: #F0E68C; text-align-last: center; text-align: center; text-decoration: none; } Text-decoration стоит но отображает все равно подчеркнутым надпись "Главная" Пытался и для тега form ставить text-decoration и объединить все кнопки в один класс, все равно ничего не выходит. Остался у меня только 1 вариант попробывать это сделать кнопки при помощи тегов <tr> и <td> а затем таблицы сделать как кнопки. Есть предположение что я неудачник ))
