-
Posts
289 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by dostel1
-
может у тебя красная полоска малая по высоте? . Задай ей высоту большую
-
DrStrangeLove какие книги толковые по аяксу можеш подсказать?
-
а как задать сглаживание для всех браузеров без Cufon?
-
Great Rash интересный способ,пасиб
-
ну я хочу чтобы после загрузки 1 картинки выводилось alert('1') ,а остальные картинки были не загружены ,пока не нажму "OK" в окне с ALERT
-
Привет люди! Можно пример работы 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>
-
http://www.coolwebmasters.com/education-and-learning/1741-adaptive-mobile-design-with-css3-media-queries.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> *{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>
-
<!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
-
что не так?
-
Это js! <input type="checkbox" onclick="ФУНКЦИЯ()"> ФУНКЦИЯ() проверяет checkbox.checked !Если true -input[type=button] присаиваем disabled=true
-
http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html
-
Вроде вийшло! Еще 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>
-
Gодскажите удобный плагин для реализации! Пока нашел только на coolwebmasters.com.
-
if(input.value==""){ ваши действия } скриптов полно в интернете и тяжелых и легких !Пропиши "валидация форм" ,событие submit()
-
Это делается через javascript! 1.нужно получить значение value поля через поиск элементов DOM 2.на ccылки вешаем onclick="function (){ input.value=parseInt(input.value)+1 }"
-
как применить стиль для разметки после window.onload
dostel1 replied to dostel1's question in JavaScript
пасиб -
изображение на весь экран делаеся приблизительно так 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>
-
<!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 кодом который формирует новую разметку поэтому и не применяются? Как можно обойти?
-
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/