e1f
-
Posts
170 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by e1f
-
А как именно надо по центру? Можно центрировать сам внешний див относительно окна, скажем так: .center { width: 80%; margin: 0 auto; }
-
Хм, не то. Все равно остался отступ, это я чего-то протупил... Вот так работает: <!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>Untitled Document</title> <style> #sidebar { padding:0px;float:left;width:200px;background-color:red; } #content { padding:0px;background-color:black;width:200px;float:left; } </style> </head> <body> <div id="sidebar"> </div> <div id="content"> </div> </body> </html> Очень странно, мне нет А какой код получился рабочий?
-
Это так называемый 3-хпиксельный баг в ИЕ. Можно либо выставить для дива #content свойство height:1%, либо с помощью условных комментариев задать отрицательный margin
-
Ну, как же он будет работать? В imagepreload ты создаешь в переменной name объект Image (в той, которая как параметр передана). В changeimages вообще вызываешь 'oleg2'.src, то есть берешь у строки поле src... С минимальными переработками, твой вариант рабочий так: <html> <head> <title>function</title> <script type="text/javascript"> function changeimages(img1,img2){ document.images[0].src=name.src; } var name = new Image(); function imagepreload(img_name,pic){ name.src = pic; } imagepreload('oleg2','oleg2.jpg'); </script> </head> <body> <img src="oleg.jpg" name="oleg" onMouseOver="changeimages('oleg','oleg2');"/> </body> </html>
-
Странно, вроде оно вообще не должно работать, а не выдавать картинку... Так, на скорую руку, работает: <html> <head> <title>function</title> <script type="text/javascript"> var image_names = { oleg2 : 'oleg2.jpg' }; var images = {}; imagepreload(image_names); function changeimages(img1,img2) { document.getElementById(img1).src = images[img2].src; } function imagepreload(names) { for ( var i in names ) { images[i] = new Image(); images[i].src = names[i] } } </script> </head> <body> <img width="100" height="100" src="oleg.jpg" id="oleg" onMouseOver="changeimages('oleg','oleg2');"/> </body> </html> Но лучше поищи в нете готовую болванку прелода рисунков... И кстати, тебе же скорее всего надо вернуть старую картинку когда onMouseOut
-
Что значит не помещается? Второе? Так и не должно, оно же смещено на 20px... А тег <table> вообще имеется? Без него вроде как и не должно ничего равняться
-
Пожалуйста
-
Если тебе надо поменять просто поменять value у <param>, то можно так: <html> <head> <script type="text/javascript"> function change_params() { var data = document.getElementById("val").value || 0; var params = document.getElementsByTagName("param"); for ( var i=0; i<params.length; i++ ) { if ( params[i].getAttribute("name") == "message" ) { params[i].setAttribute("value", data); break; } } } </script> </head> <body> <form> <input type="text" id="val" value="0" /> <input type="button" value="Ok" onclick="change_params()" /> </form> <applet codebase="classes" code="javaapplication9/ParamBanner.class" width="350" height="200"> <param name="message" value="0" > </applet> </body> </html> Но я совсем не знаком с апплетами, поэтому интересно, будет ли он ощущать такое изменение.
-
В ИЕ у option вообще нет свойства disabled, в принципе. Лопухнулись они, что ли... 2koxa: Почитай, вот здесь вроде есть, как это эмулировать.
-
Юзай onkeyup + onchange. Тут единственный бок -- если юзер вставит в поле копипастом. Тогда отработает после того как он уйдет из поля. Есть правда такое событие -- onpaste, но я не помню, везде ли оно работает. Попробуй в довесок к onchange.
-
Если RegExp писать строкой, то надо экранировать все спецсимволы, то есть к примеру так: var prep = "[.,;:!?\\/\\\\]";
-
Решил. Помогло это. В результате вышло так: <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { height : 100%; width : 100%; display : table; text-align : center; overflow : hidden; } #message { display : table-cell; vertical-align : middle; } </style> <!--[if IE]> <style type="text/css"> #inner { top : 50%; position : absolute; } #message { top : -50%; position : relative; } </style> <![endif]--> <div id="container"> <div id="inner"> <div id="message">String with vertical and horizontal alignment</div> </div> </div>
-
По горизонтали не проблема, а по вертикали так не пройдет... просто наружный контейнер может иметь произвольный размер, и line-height в пикселах не прокатит... Нашел способ... но он заведомо неправильный. Вставить внутрь таблицу с height = 100% <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { width : 100%; height : 100%; } </style> </head> <body> <div id="container"> <table id="inner"> <tbody> <tr><td align="center" valign="middle">Message</td></tr> </tbody> </table> </div> </body> </html> Может, есть более корректный способ?
-
Через CSS можно навесить свойство list-style-type: decimal-leading-zero, тогда будут добавлятся нули спереди, в зависимости от количества элементов списка: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> li { list-style-type: decimal-leading-zero; } </style> </head> <body> <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> </body> </html>
-
Подскажите пожалуйста, каким образом можно текст в диве с заданными height && width выровнять во центру по вертикали и горизонтали. То есть имееется код примерно следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { vertical-align : middle; text-align : center; width : 100%; height : 100%; } </style> </head> <body> <div id="container"> <div id="inner">Message</div> </div> </body> </html> Возможно ли содержимое внутреннего дива выровнять по вертикали? Наружный трогать нельзя...
-
Очень странно. У меня Firefox 3.0.1. -- скопировал код в файл, открыл -- работает :-) Вводятся только цифры, максимум 7 штук, можно юзать Del, Bksp, Arrows, Home. End.
-
Вот это работает в ИЕ6, ФФ3, Опера9.50 (правда не пускает копипаст в поле с клавиатуры :-) ) <script type="text/javascript"> function onlyDigit(e) { var code = e.keyCode ? e.keyCode : e.charCode; if ( !( code == 8 || // Backspace code == 9 || // Tab code == 33 || // PageUP code == 34 || // PageDown code == 35 || // End code == 36 || // Home code == 37 || // LeftArrow code == 39 || // RightArrow code == 45 || // Insert code == 46 || // Delete ( code >= 48) && (code <= 57) ) ) { if ( typeof(e.cancelBubble) != undefined ) { e.cancelBubble = true; } if ( typeof(e.stopPropagation) != 'undefined' ) { e.stopPropagation(); } if ( e.cancelable ) { e.preventDefault(); } if ( typeof( e.returnValue ) != undefined ) { e.returnValue = false; } return false; } } </script> <INPUT TYPE=text style='BACKGROUND-COLOR: #fff7e6;' SIZE=7 MAXLENGTH=7 ID='odometr' NAME='odometr' onKeypress="onlyDigit(event);" TITLE='Только цифры не более 7 разрядов'>
-
To Sserg-135: Ну да, надо добавить еще коды служебных клавиш типа стрелок, бакспейса, дела и.т.п. А в какой ИЕ не работает? у меня в ИЕ6 нормально, ловит только цифры...
-
Такой вариант у меня работает в ИЕ6, ФФ3, Опера9.50: <input name='my_name' type='text' onKeyPress="keyCheck(event)" /> ... function keyCheck(e) { var code = e.keyCode ? e.keyCode : e.charCode; if ( (code < 48) || (code > 57) ) { e.cancelBubble = true; if (e.stopPropagation) { e.stopPropagation(); } if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } return false; } }
-
С использованием jQuery можно так: $(".someclass li:has('a')") ...