Shatun
Newbie-
Posts
13 -
Joined
-
Last visited
Shatun's Achievements
Explorer (1/14)
0
Reputation
-
Просто в первом посте наверное не совсем чётко выразился. Я имел ввиду тот же пример, но с использованием картинок. Иначе говоря.. 1 состояние по умолчанию: страница открыта на ней картинка - (в нашем случае - DotSH-Bullet-Smile.png) элемент (сама картинка) неактивная. 2 состояние - поставили флаг картинка изменилась на smile.png и элемент (картинка smile.png) стал активным.
-
Great Rash огромное спасибо. Заработала смена картинки! Пытался вставить - параметр disabled <script type="text/javascript"> function test(f) { if (f.testCh.checked) document.getElementById('testSubm').src = 'smile.png'; else document.getElementById('testSubm').src = 'DotSH-Bullet-Smile.png'; } </script> <form action="linc.php" method="get"> <input type="checkbox" id="testCh" name="testCh" onclick="test(this.form);" /> <input type="image" id="testSubm" disabled name="testSubm" src="DotSH-Bullet-Smile.png" /> </form> но он просто делает картинку не активной. Похоже для него нужно указать параметр ID. Например - disabled="testSubm" но ведь они одинаковые
-
Мда... только сильно не пинайте.. но не выходит.. В Вашем примере всё работает (правда без блокировки кнопки), а у меня вообще ничего не получилось на сервер заливал, тоже не работает.. вот в таком виде (картинки как и прежде в корне диска) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Блокировка поля</title> </head> <body> <script type="text/javascript"> function test(f) { if (f.testCh.checked) f.getElementById('testSubm').src = 'smile.png'; else f.getElementById('testSubm').src = 'DotSH-Bullet-Smile.png'; } </script> <form action="" method="get"> <input type="checkbox" id="testCh" name="testCh" onclick="test(this.form);" /> <input type="image" id="testSubm" name="testSubm" src="DotSH-Bullet-Smile.png" /> </form> </body> </html> что не так?
-
Да вроде всё в порядке.. убрал лишнее поле <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Блокировка поля</title> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.src = "yes.gif"; // В противном случае вновь блокируем кнопку else f.submit.src = "no.gif"; } </script> </head> <body> <form action="handler.php"> <p><input type="checkbox" name="agree" onClick="agreeForm(this.form)"> Я согласен со всеми условиями</p> <p><input type="image" name="submit" src="no.gif"></p> </form> </body> </html> Для проверки залил new.htm в корень (диск D) картинки (no.gif и yes.gif) находятся там же Explorer ругается когда поставишь флаг Firefox ошибок не показывает, но и картинка при установке флага не меняются. Да и сама кнопка активная как до установки флага так и после.
-
спасибо. правда теперь у меня не получается подцепить картинки if (f.agree.checked) f.submit.src = 'yes.gif'; else f.submit.src = 'no.gif'; может не так их цепляю?
-
мне нужно из <input type="submit" name="submit" value="Далее" disabled> сделать графическую кнопку. Например, когда в <input type="checkbox" name="agree" onClick="agreeForm(this.form)"> галку не поставили граф. кнопка серого цвета и не активная, а если поставили подтягивается другая картинка и кнопка становится активной. Может уже есть готовые решения, а я пытаюсь сделать велосипед? <input name="agree" type="image" id="cartconfirm" src="no.gif" alt="net zakaza" disabled="true" onclick="$('может здесь указать переменную');"> Это мои попытки прикрутить картинку и заменить обычную кнопку: <input type="submit" name="submit" value="Далее" disabled> на картинку - no.gif.
-
нашёл то, что хотел но как в этом коде: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Блокировка поля</title> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку else f.submit.disabled = 1 } </script> </head> <body> <form action="handler.php"> <p><textarea cols="30" rows="4" readonly> Типовой договорОтдаю свою душу, а взамен получаю здоровье и бессмертие. </textarea></p> <p><input type="checkbox" name="agree" onClick="agreeForm(this.form)"> Я согласен со всеми условиями</p> <p><input type="submit" name="submit" value="Далее" disabled></p> </form> </body> </html> вместо кнопки использовать разные картинки (например при подтверждении картинка- yes.gif а если галку не ставили ссылка не активна и стоит картинка no.gif) ума не приложу. <input name="agree" type="image" id="cartconfirm" src="no.gif" alt="net zakaza" disabled="true" onclick="$('может здесь указать переменную');"> Ответ очевидно простой, но мои попытки заменить кнопку разными картинками не увенчались успехом. Помогите пожалуйста.
-
Searcher Спасибо!!! воистину - эксперт путь в доктайпе обязательно укажу (уже читал что лучше прописывать) alt="" и атрибут action поставил. а я сижу и туплю.. думаю нафиг ему alt (в подсознании сидело, что для поисков. ботов) stars тебе тоже большое спасибо, что откликнулся и конкретные замечания! при - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> всё корректно отображается в Google Chrome, Mozilla Firefox и Internet Explorer, но тесты продожаются
-
Фуууухх. примпарился разные ковычки и запятые расставлять. Для проверки выложил отдельным файлом и прописал Doctype: HTML 4.01 Transitional первые результаты просто убили - 71 Errors, 3 warning(s) сейчас Result: 2 Errors результат здесь но никак понять не могу что ещё исправить нужно.. ткните пальцем пожалуйста. файл с картой в FF при Doctype: HTML 4.01 Transitional не отображается корректно. получается будет нормально отображаться только с <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-
Ну да.. время быстро летит, да и всё не стоит на месте вроде совсем недавно ксс впихивали в тело штмл странички и только начинали выводить стили отдельно в ксс. Вы уж меня так далеко пнули ) можно сказать к азбуке . мол изучай давай ) Я конечно не гуру, но и не такой безнадёжный )) С CSS вроде немного знаком, но вот по CSS 2 пришлось почитать до того как постить сообщение ) для меня была очень полезная Ваша ссылка – какой-нибудь html. А именно - Пример 4.2. Допустимые DTD Раньше не предавал такое большоё значение доктайпу. Ответ по сути лежал на поверхности, а я лез в дебри ). Только ещё до конца не разобрался, как определять в кассу доктайп или нет (буду грызть гранит науки) :-) Если ткнёте носом где кратко, но ёмко это определение описано (без подробностей) буду премного благодарен. Но все-таки, вопрос для меня остался открытым - Т.е. я например заменяю – <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> На – <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> И всё на карте прекрасно отображается, но тогда могут начаться траблы с отображением в других местах по движку. Может подскажите, как применительно к <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> подкорректировать код? Или всё не так просто. если по пунктам 1. решение есть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2. так там вроде всё в порядке, ничего лишнего. Я ведь не на движке упрожняюсь. Взял ШТМЛ файлик и его мучаю (если нужно, могу выложить). редакция... опсссс со 2-м пуектом явно погорячился - validator.w3.org/ показывает немеренно ошибок
-
sigma77 спасибо ценная инфа! Но я не искал карту, а искал как победить мой трабл. Searcher спасибо за отклик и порку конечно по вёрстке, действительно неделю назад взялся, уж извиняйте, выбыл из темы лет этак 10 назад. Теперь пытаюсь всё вспомнить и наверстать. про доктайп поверхностно знаю. дык я это знаю поэтому и начал всё проверять в FireFox, дойдёт дело и до остальных даю ссылку, интерактивная карта только по верстке сильно не пинайте (там ещё много работы) на задвоение тегов типа <html> <head> прошу носом не тыкать, это эксперименты вкорячивания страницы через двиг
-
Методом научного тыка и бессонной ночи я выяснил причину трабла. Похоже, теперь мой вопрос нужно переносить в другой раздел, но раз его поднял здесь, то продолжу в этой теме. Оказывается всю жизнь портит вот эта строка в ШТМЛ страничке- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> IE просто проглатывает эту строку а вот Mozilla Firefox нет Люди знающие, подскажите как это обойти. Дело в том, что в движке эта строка цепляется вверху всех документов в т.ч. и новых страниц.
-
Уважаемые! Есть карта (фон. картинка map.gif) с возможностью выбора региона, так вот при наведении на один из регионов (город), картинка (star.gif) подсвечивает выбранный регион. В IE все вроде прекрасно работает. Но вот решил проверить в Mozilla Firefox, а там картинка (star.gif) не перемещается к выбранному региону (городу), весит в самом верхнем углу хоть убейся . Пол ночи ковыряюсь (методом тыка), но никак не пойму, где копать и на какой участок кода смотреть.. Здесь на форуме тоже порылся, но ничего не нашёл похожего. Есть правда упоминания про отрицательный - Z-INDEX: но вот сижу и туплю, никак разобраться не могу пните меня в нужное место или помогите с участком кода. Вот с-но кусок кода: <MAP id=city name=city> <AREA onmouseover=showAddress(1,83,198) href="#" shape=RECT alt=Москва coords=81,170,161,188> <AREA onmouseover=showAddress(2,78,162) href="#" shape=RECT alt=Санкт-Петербург coords=81,136,193,155> </MAP> <DIV style="POSITION: relative; WIDTH: 100%; HEIGHT: 525px"> <DIV style="Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden" id=divBlink><IMG border=0 src="templates/NIV/img/star.gif" width=11 height=11></DIV> <DIV style="Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden; TOP: 0px" id=divCity1> <H3>ООО"....."</H3> <DIV>Россия, 105005, г. Москва, ........</DIV></DIV> <DIV style="Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden; TOP: 0px" id=divCity2> <H3>Филиал ООО"......"</H3> <DIV>Россия,197022, г. Санкт-Петербург, ул. .......... </DIV></DIV> <DIV style="Z-INDEX: 0; POSITION: absolute; TOP: 25px"><IMG border=0 alt="Карта России" src="templates/NIV/img/map.gif" width=525 height=389 useMap=#city></DIV> там конечно и ява есть, но мне кажется трабла со стилем. ведь в IE работает.. Или я заблуждаюсь? Если нужно выложу скрипт и скрины.