Jump to content

dostel1

User
  • Posts

    289
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by dostel1

  1. может у тебя красная полоска малая по высоте? . Задай ей высоту большую
  2. DrStrangeLove какие книги толковые по аяксу можеш подсказать?
  3. dostel1

    Cufon

    а как задать сглаживание для всех браузеров без Cufon?
  4. Great Rash интересный способ,пасиб
  5. ну я хочу чтобы после загрузки 1 картинки выводилось alert('1') ,а остальные картинки были не загружены ,пока не нажму "OK" в окне с ALERT
  6. Привет люди! Можно пример работы onload|complete для картинок? Припустим есть 3 картинки.Когда загрузится первая картинка вызать alert('1'),когда вторая alert('2'),третья -alert('3'). Дурацкий код получается.3 alert выводятся сразу. Для тега img события onload нету <img onload="" >? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <body> <div id="one"> </div> <script> function apend(adresa,pm){ ima=new Image() ima.src=adresa document.getElementById('one').appendChild(ima) ima.onload=function (){ alert(pm) } } apend('2.jpeg','pm1') apend('1.jpg','pm2') apend('3.jpg','pm3') </script> </body> </html>
  7. http://www.coolwebmasters.com/education-and-learning/1741-adaptive-mobile-design-with-css3-media-queries.html там есть демки
  8. Объясните почему везде ,кроме хрома ,неправильное отображение?? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button><a href="http://vk.com" class="but">KO</a></button> <button><a href="#gt" class="but">KO</a></button> <button><a href="#fr" class="but">KO</a></button> <button><a href="#ds" class="but">KO</a></button> </body> </html>
  9. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> </style> </head> <body> <img src="2.jpeg" width=100 height=100 id="img" /> <p id="language"></p> <input type="button" onclick="A()" value="НАЖМИ" /> <script> //document.getElementById("img")- поиск элемента по id="img" function A() { var coof=2//что такое у тебя сoof? client_h=parseInt(document.getElementById("img").height);//получаем значение высоты картинки client_w=parseInt(document.getElementById("img").width);//получаем значение ширины картинки // в элементе с id="language" выводим document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; //здесь меняется вЫсота картинки //высота картинки нашей будет уже составлять 60% от исходной ширины document.getElementById("img").height=client_w*0.6; } </script> </body> </html> http://htmlbook.ru/samlayout/tipovye-makety
  10. СУПЕРРРРРРРРРРРРРР
  11. Это js! <input type="checkbox" onclick="ФУНКЦИЯ()"> ФУНКЦИЯ() проверяет checkbox.checked !Если true -input[type=button] присаиваем disabled=true
  12. http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html
  13. не вижу в коде #box!
  14. dostel1

    context menu

    Вроде вийшло! Еще 1 вопрос как запретить вызов стандартного меню в браузере ,которое тоже появляется? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} ul{list-style:none; display:none} </style> </head> <body> <div oncontextmenu="aa()" onmouseout="bb()">one <ul> <li>one</li> <li>two</li> <li>tre</li> </ul> </div> <script> function aa(){ document.getElementsByTagName('ul')[0].style.display='block' } function bb(){ document.getElementsByTagName('ul')[0].style.display='' } </script> </body> </html>
  15. dostel1

    context menu

    Gодскажите удобный плагин для реализации! Пока нашел только на coolwebmasters.com.
  16. if(input.value==""){ ваши действия } скриптов полно в интернете и тяжелых и легких !Пропиши "валидация форм" ,событие submit()
  17. Это делается через javascript! 1.нужно получить значение value поля через поиск элементов DOM 2.на ccылки вешаем onclick="function (){ input.value=parseInt(input.value)+1 }"
  18. изображение на весь экран делаеся приблизительно так html,body{height:100%} img{width:100%;height:100%;} а сам контент страници помещается в блок div{position:absolute} <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{padding:0;margin:0} html,body{height:100%;} div{position:absolute} img{width:100%;height:100%} </style> </head> <body> <img src="кличко_найкращий.jpg" > <div>content </div> </body> </html>
  19. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <!--[if IE]> <link rel="stylesheet type="text/css" href="1.css"> <script src="1.js"></script> <![endif]--> </head> <body> </body> </html> // JavaScript Document window.onload=function (){ alert('1') document.body.innerHTML='<div class="one">' document.body.innerHTML+='<ul>' document.body.innerHTML+='<li><a href="">google</a></li>' document.body.innerHTML+='<li><a href="">google</a></li>' document.body.innerHTML+='<li><a href="">google</a></li>' document.body.innerHTML+='<li><a href="">google</a></li>' document.body.innerHTML+='</ul>' document.body.innerHTML+='<div>'; } стили подключаются перед js кодом который формирует новую разметку поэтому и не применяются? Как можно обойти?
  20. 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? Проблема в IE скролла не будет, но текст не дает прокрутку <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> textarea{width:100px; overflow:hidden; height:100px;} div{border:1px solid red; overflow:hidden; width:100px; float:left;} </style> </head> <body> <div id="one"> <textarea> </textarea> </div> </body> </html> можно убрать прокрутку так <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> textarea{width:110px;/***закрыл скролл на 10px***/ overflow-y:scroll; height:100px;} div{border:1px solid red; overflow:hidden; width:100px; float:left;} </style> </head> <body> <div id="one"> <textarea> </textarea> </div> </body> </html> Вроде работает,символ не перекрывает. ИЛИ через http://markup-javascript.com/2009/05/24/krossbrauzernyj-mousewheel-obrabotka-sobytiya-skrolinga/
×
×
  • 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