Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2008, 22:19
Блондинко
 
Сообщений: n/a

javascript, css и iexplorer
Здравствуйте! Помогите, плиз!
Делаю печатную версию с помощью css. В firefox, Opera и еже с ними все тип-топ, а вот в explorer при переключении с "печатной" версии обратно на "обычную" пропадает содержимое той таблицы, которую надо было печатать... объяснение, наверное, путанное, но в коде все сказано. Заранее спасибо )


Код страницы:
Код:
<sc_ript type="text/javasc_ript">
<!--
function ed()<!--переключение на версию для печати-->
{
    document.styleSheets[0].disabled=false;
    document.styleSheets[1].disabled=true;
}
function edd()<!--переключение на нормальный просмотр-->
{
    document.styleSheets[0].disabled=true;
    document.styleSheets[1].disabled=false;
}

-->
</sc_ript>
<link href="2.css" rel="stylesheet" type="text/css" id="css0"  /><!--css для печати-->
<link href="3.css" rel="stylesheet" type="text/css" id="css1" /><!--css для нормального просмотра-->
<link rel="stylesheet" type="text/css" media="print" href="2.css" />

</head>

<body>
<div id=glavtab><!--окружение-->
<table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#999900" bgcolor="#99CC33">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>
    <div id="text2"><!--div содержимого. Если обвести его границей, она остается, а содержимое пропадает-->
    <table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#333399" bgcolor="#9966CC"><!--эта таблица исчезает в explorere (а не должна!)-->
  <tr>
    <td>исчезающее в explorer'е содержимое</td>
    <td>&nbsp;</td>

  </tr>
</table></div>
</td>
  </tr>
</table></div>
<!--переключение на просмотр печати--><p><a  onClick="ed();" >версия для печати</a><br />
 <!--переключение на нормальный просмотр-->    <a  onClick="edd();" >обычная версия</a></p>
</body>
</html>
код 2.css (для печати)
Код:
/* CSS Document */
#text2 {/*содержимое показывать и absolute в левом верхнем углу*/
visibility:visible;
position:absolute;
z-index:110;
    top:0px;
    left:0;
    border:solid;
    border-width:1px;
    border-color:#bababa;}
#glavtab {/*окружение не показывать*/
position:relative;
    z-index:50;
visibility:hidden;
}
Код 3.css (для нормального вида)
Код:
/* CSS Document */
#text2 {/*содержимое*/
position:relative;
    z-index:110;
    border:solid;
    border-width:1px;
    border-color:#bababa;
    top:4px;
    margin-bottom:40px;

}
#glavtab {/*окружение*/
position:relative;
    z-index:50;

visibility:visible;}
Ответить с цитированием
  #2 (permalink)  
Старый 15.02.2008, 02:06
Профессор
Отправить личное сообщение для lancer Посмотреть профиль Найти все сообщения от lancer
 
Регистрация: 30.01.2008
Сообщений: 230

Здравствуйте, Блондинко.
Конкретно решать Вашу проблему не буду, т.к. задача не локализирована и код выравнен не как подобает. Чем лучше Вы подготовите вопрос на форум, тем быстрее и точнее получите ответ, в будущем придерживайтесь этого правила.

Недочеты, которые режут глаза:

1.Зачем при релативном позиционировании z-index? Зачем z-index'ы аж 50 и 100? Чтобы надежнее)?

2.
Код:
   border:solid;
   border-width:1px;
   border-color:#bababa;
=
Код:
border:1px solid #bababa;
Это называется стенографическая запись, как видите более удобна в использовании и чтении. Найдите справочник CSS на русском, там объясняется.

3.Приводите код с доктайпом.

4.Комментарии на русском в файле html и css могут служить причиной подвисания браузеров. Плюс ко всему, коменнтировать файл html желательно совсем немного, чтобы разметить основные разделы, иначе внутренняя сео-оптимизация сайта пострадает. Чем ближе текст страницы к началу, тем он значимее для роботов-индексаторов, а комментарии здесь либо займут самое начало, либо отдалят отдельные части, что в обоих случаях плохо.

5.
Код:
<sc_ript type="text/javasc_ript">
-- зачем вместо буквы r подчеркивание? В связи с данным пунктом возникает вопрос, как это вообще все работает. Исправьте ошибки(в этом Вам поможет валидатор, который можно найти на сайте World Wide Web Consortium ).

6.Таблицы следует использовать для отображения табличных данных, иначе вы нарушаете стандарты html и Ваша верстка не будет ценится среди профессионалов и знающих заказчиков, а возможно даже будет вызывать раздражение и негативные эмоции.

Последний раз редактировалось lancer, 15.02.2008 в 02:29.
Ответить с цитированием
  #3 (permalink)  
Старый 21.02.2008, 10:01
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

lancer, сколько пафосных слов и все не по делу.
Сообщение от lancer
Комментарии на русском в файле html и css могут служить причиной подвисания браузеров.
В css-файле действительно лучше не использовать русские комментарии, но html-то тут причем?

Сообщение от lancer
Плюс ко всему, коменнтировать файл html желательно совсем немного, чтобы разметить основные разделы, иначе внутренняя сео-оптимизация сайта пострадает. Чем ближе текст страницы к началу, тем он значимее для роботов-индексаторов, а комментарии здесь либо займут самое начало, либо отдалят отдельные части, что в обоих случаях плохо.
Полный бред.

Сообщение от lancer
Таблицы следует использовать для отображения табличных данных, иначе вы нарушаете стандарты html и Ваша верстка не будет ценится среди профессионалов и знающих заказчиков, а возможно даже будет вызывать раздражение и негативные эмоции.
Раздражение и негативные эмоции табличная верстка будет вызывать у школьников, любящих холивары, но никак не у профессионалов и знающих заказчиков, для которых важно качество верстки, а не способ.


Теперь по теме: а зачем переключать стили на странице? Браузер и так напечатает по стилю, для которого media=print, а пользователь при желании может посмотреть предварительный просмотр печати в браузере.
Ответить с цитированием
  #4 (permalink)  
Старый 21.02.2008, 10:52
Профессор
Отправить личное сообщение для lancer Посмотреть профиль Найти все сообщения от lancer
 
Регистрация: 30.01.2008
Сообщений: 230

Статьи и рекомендации w3c читать и головой думать(про табличную верстку твое мнение), а потом чужие советы называть бредом.
Ответить с цитированием
  #5 (permalink)  
Старый 21.02.2008, 11:39
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от lancer
твое мнение
На брудершафт вроде не пили.

Сообщение от lancer
Статьи и рекомендации w3c читать и головой думать
Сам верстаю не таблицами, но не потому, что это может вызвать негатив у псевдо-профессионалов, а потому, что так удобнее. Признаком хорошей верстки является не отсутствие ошибок в валидаторе или отсутствие таблиц, а правильное (с точки зрения задуманного дизайна) отображение в большинстве браузеров при различных разрешениях экрана.

Сообщение от lancer
а потом чужие советы называть бредом
Бредом был назван только этот абзац
Сообщение от lancer
Плюс ко всему, коменнтировать файл html желательно совсем немного, чтобы разметить основные разделы, иначе внутренняя сео-оптимизация сайта пострадает. Чем ближе текст страницы к началу, тем он значимее для роботов-индексаторов, а комментарии здесь либо займут самое начало, либо отдалят отдельные части, что в обоих случаях плохо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JavaScript и CSS demoniqus Элементы интерфейса 47 16.03.2010 21:51
Определение свойств стиля в javascript, если в CSS он задан особым образом SunnyDay Общие вопросы Javascript 13 13.03.2010 18:09
Выпадающее меню на css и javascript Jackky Общие вопросы Javascript 3 13.09.2008 17:30
Изменение имиджа по таймеру с помощью CSS и JavaScript Aimless Общие вопросы Javascript 10 15.08.2008 17:09