Jump to content

Алексей2802

Newbie
  • Posts

    22
  • Joined

  • Last visited

Everything posted by Алексей2802

  1. Покажите, пожалуйста, пример решения проблемы https://jsfiddle.net/juxmk6fe/4/ с помощью псевдоэлемента ::after или ::before...
  2. Спасибо большое!!! Всё прекрасно работает Жалко, что до такой мелочи сам не дотукал..
  3. Так проблема-то не решена - справа появляется пробел!!
  4. Не должно быть пробелов между левым и правым блоками!! Т.е. красная стрелка должна наезжать на левый блок. Вот так https://jsfiddle.net/juxmk6fe/3/, только теперь справа появляется пустота из-за сдвига стрелки влево.
  5. Это хорошо, но вот в чём проблема https://jsfiddle.net/juxmk6fe/1/ Нужно, чтобы левый и правый блоки были без белого пробела. К тому же ссылка без наведения должна быть без градиента.
  6. Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??
  7. Небольшой фикс: https://jsfiddle.net/rLr3phmz/1/ Большое спасибо!!! Если не трудно, то можно ещё задать время изменения для transform:translate, чтобы плавнее блок увеличивался.
  8. Здравствуйте, уважаемые!! Начну с того, что перерыл весь интернет по данному вопросу. Нашел только про картинки (img) с определенными id, что мне не подходит. А вопрос такой: При нажатии на div с классом "small", который находится в ячейке таблицы, надо его увеличить на пол экрана, создав затемнение тела сайта. При этом ячейки не должны изменять размеры. При повторном нажатии, либо нажатии вне этого дива, вернуть его в исходное положение.при этом ячейки не должны изменять размеры. https://jsfiddle.net/x7106joc/3/ Заранее благодарен.
  9. Вместо: echo '<li><a href='$file'>$file</a></li>';нужно echo '<li><a href="'.$file.'">$file</a></li>';Спасибо!!! Файлы выводятся, но как убрать Index of /uploads и первую строчку перед файлами Parent Directory??
  10. Выводится $file, т.е. конкретно указанный в коде файл, а я имел в виду, чтобы код искал все файлы в данной папке и выводил их ссылками для скачивания.Заранее спасибо
  11. Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
  12. Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
  13. Большущее спасибо ! ! !
  14. Помогите, люди добрые!! Совсем запутался в решении проблемы... В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/ Заранее спасибо!
  15. $( "<div class='select'> это первая строка - в ней пишет Unexpected token ILLEGAL В моём примере - нет. Спасибо!! Всё заработало :-)
  16. $( "<div class='select'> это первая строка - в ней пишет Unexpected token ILLEGAL
  17. Нужно, чтобы при нажатии на <button id="add"> добавлялся <div class="select"> после себя самого, т.е. дублировался... Подскажите, пожалуйста, почему не работает код https://jsfiddle.net/fvmaxbv5/ Пробовал заменить кавычки, но тоже не работает https://jsfiddle.net/fvmaxbv5/1/ Спасибо!
  18. Спасибо )) но у меня был второй вопрос: как выводить функцию при заполнении input 4-мя цифрами?? нашел как это сделать, но работает немного не так, т.е. при заполнении инпута 4-мя цифрами чтобы появился скрытый блок надо нажать мышкой в любом месте, а надо чтоб сразу появлялся при 4-х цифрах в инпуте. И не работает, если вводить нажатием на цифры, заключенные в <button>. http://jsfiddle.net/2dL9qtgk/5/ и зачем в начале <div class="aa"> ??
  19. Есть некий код, где для ввода цифр в <input> используются символы, заключенные в <button>. С помощью maxlenght=4 тега <input> удалось ограничить ввод символов в него до 4-х, но только с клавиатуры. Но если вводить цифры нажатием на символы в <button>, работает скрипт, цифры вводятся, но ограничение на 4 символа не работает. 1. Подскажите, как исправить это. 2. Как по достижении 4-х символов в <input> выводить функцию?? (какую - неважно) <html><head><title></title><meta name="keywords" content=""><meta http-equiv="content-type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="" type="image/png"><link rel="stylesheet" type="text/css" href=""><script type="text/javascript">$(document).ready(function(){ $("#input").keyup( function() { var $this = $(this); if($this.val().length > 4) $this.val($this.val().substr(0, 4)); }); }); function setFocus(){ document.getElementById("input").focus(); }function check_number(obj) { obj = (obj) ? obj : window.obj var charCode = (obj.which) ? obj.which : obj.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) { status = "В данное поле можно вводить только цифры" return false; } status = \'\'; return true;}</script><style type="text/css">body, html {height:100%;width:100%;padding:0;margin:0;-webkit-user-select: none;-moz-user-select: -moz-none;font-weight:900;}td {padding:2px;text-align:center;outline:none;border-radius:25px;}button {width:70px;height:70px;outline:none;padding:0px;border-radius:25px;}button:hover {box-shadow: 0 0 10px rgba(0,0,0,0.5);}input {position:relative;background-color:#eee;width:100%;height:40px;border:1px groove gray;outline:none;text-align:center;border-radius:25px;font-size:25px;}#calc {position:relative;width:280px;padding:10px 20px 30px;border:2px double black;left:100px;top:100px;border-radius:15px;}p {font-weight:bold;}span {font-weight:bolder;font-size:25px;}</style></head><body onload="setFocus()"> <div id="calc" align="center"><table><tr><td colspan="3"><input id="input" value="" maxlength=4 onKeyPress="return check_number(event);"></input></td></tr><tr><td><button type="submit" onclick="document.getElementById("input").value+="1"; return false;" value = "1"><span>1</span></button></td><td><button type="submit" onclick="document.getElementById("input").value+="2"; return false;" value = "2"><span>2</span></button></td><td><button type="submit" onclick="document.getElementById("input").value+="3"; return false;" value = "3"><span>3</span></button></td></tr><tr><td><button type="submit" onclick="document.getElementById("input").value+="4"; return false;" value = "4"><span>4</span></button></td><td><button type="submit" onclick="document.getElementById("input").value+="5"; return false;" value = "5"><span>5</span></button></td><td><button type="submit" onclick="document.getElementById("input").value+="6"; return false;" value = "6"><span>6</span></button></td></tr><tr><td><button type="submit" onclick="document.getElementById("input").value+="7"; return false;" value = "7"><span>7</span></button></td><td><button type="submit" onclick="document.getElementById("input").value+="8"; return false;" value = "8"><span>8</span></button></td><td><button type="submit" onclick="document.getElementById("input").value+="9"; return false;" value = "9"><span>9</span></button></td></tr><tr><td colspan="3"><button style="position:relative;width:90%;height:50px;" type="submit" onclick="document.getElementById("input").value+="0";return false;" value = "0"><span>0</span></button></td><td></td></tr></table></div> </body></html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy