Jump to content

Shatun

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by Shatun

  1. Просто в первом посте наверное не совсем чётко выразился. Я имел ввиду тот же пример, но с использованием картинок. Иначе говоря.. 1 состояние по умолчанию: страница открыта на ней картинка - (в нашем случае - DotSH-Bullet-Smile.png) элемент (сама картинка) неактивная. 2 состояние - поставили флаг картинка изменилась на smile.png и элемент (картинка smile.png) стал активным.
  2. 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" но ведь они одинаковые
  3. Мда... только сильно не пинайте.. но не выходит.. В Вашем примере всё работает (правда без блокировки кнопки), а у меня вообще ничего не получилось на сервер заливал, тоже не работает.. вот в таком виде (картинки как и прежде в корне диска) <!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> что не так?
  4. Да вроде всё в порядке.. убрал лишнее поле <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 ошибок не показывает, но и картинка при установке флага не меняются. Да и сама кнопка активная как до установки флага так и после.
  5. спасибо. правда теперь у меня не получается подцепить картинки if (f.agree.checked) f.submit.src = 'yes.gif'; else f.submit.src = 'no.gif'; может не так их цепляю?
  6. мне нужно из <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.
  7. нашёл то, что хотел но как в этом коде: <!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="$('может здесь указать переменную');"> Ответ очевидно простой, но мои попытки заменить кнопку разными картинками не увенчались успехом. Помогите пожалуйста.
  8. 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, но тесты продожаются
  9. Фуууухх. примпарился разные ковычки и запятые расставлять. Для проверки выложил отдельным файлом и прописал 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">
  10. Ну да.. время быстро летит, да и всё не стоит на месте вроде совсем недавно ксс впихивали в тело штмл странички и только начинали выводить стили отдельно в ксс. Вы уж меня так далеко пнули ) можно сказать к азбуке . мол изучай давай ) Я конечно не гуру, но и не такой безнадёжный )) С 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/ показывает немеренно ошибок
  11. sigma77 спасибо ценная инфа! Но я не искал карту, а искал как победить мой трабл. Searcher спасибо за отклик и порку конечно по вёрстке, действительно неделю назад взялся, уж извиняйте, выбыл из темы лет этак 10 назад. Теперь пытаюсь всё вспомнить и наверстать. про доктайп поверхностно знаю. дык я это знаю поэтому и начал всё проверять в FireFox, дойдёт дело и до остальных даю ссылку, интерактивная карта только по верстке сильно не пинайте (там ещё много работы) на задвоение тегов типа <html> <head> прошу носом не тыкать, это эксперименты вкорячивания страницы через двиг
  12. Методом научного тыка и бессонной ночи я выяснил причину трабла. Похоже, теперь мой вопрос нужно переносить в другой раздел, но раз его поднял здесь, то продолжу в этой теме. Оказывается всю жизнь портит вот эта строка в ШТМЛ страничке- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> IE просто проглатывает эту строку а вот Mozilla Firefox нет Люди знающие, подскажите как это обойти. Дело в том, что в движке эта строка цепляется вверху всех документов в т.ч. и новых страниц.
  13. Уважаемые! Есть карта (фон. картинка 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 работает.. Или я заблуждаюсь? Если нужно выложу скрипт и скрины.
×
×
  • 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