Различия в работе для разных браузеров
у меня есть функция
var collapse_or_expand_symb = "+"; var collapse = false; function ShowNews(capt,tdid,newstxt,shortNews) { var td = document.getElementById(tdid); var cap = document.getElementById(capt); if(collapse) {//сворачиваем, показывая сокращенынй вариант новости collapse_or_expand_symb = "+"; collapse = false; td.innerHTML = shortNews+"...."; } else {//сворачиваем, показывая полный вариант новости collapse_or_expand_symb = "-"; collapse = true; td.innerHTML = newstxt; } cap.innerHTML = collapse_or_expand_symb; } работает ТОЛЬКО в IE. Вопросов два: 1) почему работает тольк в IE? 2) еслть ли какой нибудь источник информации по сабжу? пока что такими источниками для меня являются ращличные статьи в которых делают оговорку что вот такой то кусок кода будет работать только в этом браузере, а для того чтобы он работал в таком то браузере надо сдлать вот так то. Вопрос - каким образом узнать наверняка как реализовать нужную функцию хотя бы для самых распространенных браузеров? Куда надо обращаться(исключая гугль :) )? З.Ы. я в курсе что я ламер и код у меня такойже, поэтому жду только конструктивной критики и коненчо же помощи :) |
вообще-то Ваш код работает.
Потестил в Opera 9.25, Safari, Chrome, FF 2.0.0.9 |
Цитата:
<a onClick="ShowNews('capt0','td0','news_full','news_short');"><td id=capt0 align=center width=3%>+</td></a> на <td align=center width=3%><a id=capt0 onClick="ShowNews('capt0','td0','news_full','news_short');">+</a></td> хотя, не помйу почему раньше не работало в фаерфоксе и опере. P.S. вопрос №2 остается открытым - можете ли посоветовать какой нибудь справочник хороший где все такие тонкости более-менее подробно освещены? |
<a><td></td></a> какие же это тонкости. у вас неправильная вложенность тегов, это основы. По js учебники посмотреть можно на этом сайте. например хорошая для начала Денни Гудман Библия пользователя. По HTML и CSS есть хороший ресурс htmlbook.ru Там можно много почерпнуть из статей. И посмотреть какие рекомендуют книги. Смотрите книги в которых учат верстать современно. Например, <td align=center width=3%>это верстка 98 года. Надо отделять разметку от оформления, т.е. задавать все стили в CSS файле. - такой вот устаревший код браузеры могут отображать по-разному, - вес html файла увеличивается. - и если верстальщик и программист разные люди, то возникнет геморой с представлением данных на странице. Смотрите книги в которых уделяется внимание различным браузерам, соответствию их стандартам W3C. Сам уже давно книжек по html+css не читал, читаю блоги и статьи, поэтому конкретную литературу посоветовать не могу. Скажу лишь что на русском языке достойной литературы очень мало. |
Цитата:
|
в зависимости от доктайпа тег align может как поддерживаться так и не поддерживаться. При отсутствии доктайпа браузер переходит в режим совместимости, поэтому на странице можно увидеть совсем не то что мы хотим.
Это что касается данного примера. Я говорю вообще о таком устаревшем коде. более подробно здесь |
Цитата:
|
Цитата:
Цитата:
ширина 3% - правильно сработает только в HTML 3.2 |
Вы писали
Цитата:
Цитата:
|
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 13:57. |