Jump to content

bios

Newbie
  • Posts

    7
  • Joined

  • Last visited

bios's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Ну одно дело вставить букву сверху и залить нужным цветом, а другое сделать её прозрачной. Просто букву уже не вставишь. Вот и прошу совета)
  2. Посоветуйте в чем нарисовать иконки в PNG с элементами имеющими прозрачные области. К примеру логотип Вконтакте: квадрат с вырезанной буквой "В" в центре. К примеру в фотошопе приходится вырезать букву В в ручную, что не очень радует. Может есть попроще и покрасивее способы? Спасибо.
  3. Нет, ну если уж ссылку на transition дали, почему нет то). Синтаксис, если не ошибаюсь такой — transition: all(свойство) 2s(продолжительность) 1s(задержка); Но лучше проверить наверняка. Спасибо! Добавил: .demo span{ /*CSS for enlarged image*/ position: fixed; background-color: lightyellow; border: 1px dashed gray; padding: 5px; left: 5px; top: 5px; visibility: hidden; color: black; text-decoration: none; -webkit-transition: all 0.1s cubic-bezier; -webkit-transition-delay: 1s; -moz-transition: all 0.1s cubic-bezier; -moz-transition-delay: 1s; -o-transition: all 0.1s cubic-bezier; -o-transition-delay: 1s; } В Хроме и мозиле картинка стала появятся с задержкой(как и требовалось). Но в опере в сразу, и при этом, если убрать курсор, продолжает отображаться еще секунду=\
  4. Нет,совсем по другому, Картинка всплывает при наведении на ссылку курсора. А возможно ли добавить задержку, чтобы картинка появлялась не в сразу, а через пару секунд после удержания курсора на ссылке?
  5. Сохранить чтобы иметь возможность просмотреть, и отредактировать. Т.е. таблицу сформированную в JS невозможно сохранить? даже использую PHP+ MySQL ?
  6. Я сделал файл на своем ПК,с ява скриптом, который создает новые строки в таблице, в которую я забиваю значения. Но нет возможности сохранить готовую таблицу ( только принскрином) <table id="myTable" border="1" cellpadding="2"> <tr> <td>Дата </td><td>Модель принтера</td><td>Модель картриджа</td><td>Ответственный</td><td>Фирма</td><td colspan ="4">Выполненые работы</td><td>Стоймость</td><td>Заправщик</td> </tr> </table> <script LANGUAGE="JavaScript"> function addRow(id){ var tbody = document.getElementById (id).getElementsByTagName("TBODY")[0]; var row = document.createElement("TR") var td1 = document.createElement("TD") td1.innerHTML = '<input type="date">' var td2 = document.createElement("TD") td2.innerHTML = '<select><option>пункт</option>' var td3 = document.createElement("TD") td3.innerHTML = '<select><option>пункт</option>' var td4 = document.createElement("TD") td4.innerHTML = '<select><option>пункт</option>' var td5 = document.createElement("TD") td5.innerHTML = '<select><option>пункт</option>' var td6 = document.createElement("TD") td6.innerHTML = '<select><option>Зап.</option><option></option><option>Бар.</option><option>Кор.</option><option>Маг.</option><option>Рак.</option>' var td7 = document.createElement("TD") td7.innerHTML = '<select><option> </option>' var td8 = document.createElement("TD") td8.innerHTML = '<select><option> </option>' var td9 = document.createElement("TD") td9.innerHTML = '<select><option> </option>' var td10 = document.createElement("TD") td10.innerHTML ='<input type="number" >' var td11 = document.createElement("TD") td11.innerHTML ='<select><option> </option>' row.appendChild(td1); row.appendChild(td2); row.appendChild(td3); row.appendChild(td4); row.appendChild(td5); row.appendChild(td6); row.appendChild(td7); row.appendChild(td8); row.appendChild(td9); row.appendChild(td10); row.appendChild(td11); tbody.appendChild(row); } </script> <a href="javascript://" onclick="addRow('myTable');return false;">Добавить строку</a> 1. Посоветуйте как проще реализовать возможность сохранить таблицу. 2. В идеале возможность редактировать её. 3. И совсем в идеале, сохранять таблицы по месяцам. И видеть перечень сохраненного. Есть возможность закинуть файл на сервер с Апатчем.
  7. Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: fixed; visibility: visible; top: 0; left:0px; /*position where enlarged image should offset horizontally */ } </style> В таблицу вставляю это: <td><a class="demo" href="#"></a><a class="demo" href="#">Наименование в ячейке<span><img src="адрес фото" border="0" /><br /> описание при фото</span></a></td> Но что хочется поправить: При наведении появляется картинка, и она же остается если продолжить водить курсором по самой картинке. А хочется,чтобы картинка пропадала, как только курсор убирают с "Наименование в ячейке"
×
×
  • 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