Удобная таблица

[beze]

Уважаемые знатоки, у меня следующая проблема.

Решив изучить ЯваСкрипт, купил книгу на эту тему Дэвида Макфарланда. Попутно скачал с его сайта учебные задания.

В одном из первых приводился пример, как с помощью ЯваСкрипт сделать чётные строчки таблицы выделенными. Это была просто агитка, там еще не говорилось как и почему, но я решил, поскольку код дан, применить её на своём сайте.

Вот эта часть из примера

  Quote

}

.even {

background-color: #E7F7FF;

}

</style>

<link href="../css/global.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src=../js/jquery.js">,</script>

<script type="text/javascript">

$(document).ready(function( ) {

$('table.striped tr:even').addClass('even');

});

</script>

</head>

И эта тоже

  Quote

<table width="98%" border="0" cellspacing="0" cellpadding="0" class="striped">

И тут же возникает вопрос - в стилях не было класса striped, а далее, в коде начала таблицы он возник. Почему?

Я скопировал док jquery.js в корневую папку. там же находится и индексовская страница.

Однако у меня ничего не получилось, вдобавок ИЕ написал, что у меня ошибка на странице.

Сама страничка, но без встравленных кодов находится по адресу http://www.po-miry.ru/POHOD/PVD/raspisaniei.htm

Корочен говоря, классический вопрос - что делать?

Кто, может, посоветует мне дочитать книгу до конца, но теория, оторванная от практики, немного стоит. Надо и читать и пытаться сразу что-то делать

[hf3]

  Quote

И тут же возникает вопрос - в стилях не было класса striped, а далее, в коде начала таблицы он возник. Почему?

Класс striped здесь нужен только для ссылки на нужную таблицу

  Quote

$('table.striped tr:even')

вот в этом селекторе

[beze]

Спасибо hf3, стало немного ясней.

Но все-таки вопросы основные пока без ответа. Я, используя, готовый код, вставил его в свой

  Quote

<style type="text/css">

.meny a:link {color: red; text-decoration: none;}

.meny a:hover{color: red;text-decoration:underline overline;}

.meny a:visited {color: red; text-decoration: none;}

.meny1 a:link {color: blue; text-decoration: none;}

.meny1 a:hover{color: blue;text-decoration:underline overline;}

.meny1 a:visited {color: blue; text-decoration: none;}

.meny2 a:link {color: green; text-decoration: none;}

.meny2 a:hover{color: green;text-decoration:underline overline;}

.meny2 a:visited {color: green; text-decoration: none;}

td {padding: 5px;}

.even {

background-color: #E7F7FF;

}

</style>

<script type="text/javascript" src=../script/jquery.js">,</script>

<script type="text/javascript">

$(document).ready(function( ) {

$('table.striped tr:even').addClass('even');

});

</script>

</head>

На веб-узле, там, где хранится как индексовская страничка, так и главные папки, я создал папку script и поместил в неё файл jquery.js В вышеприведенном примере это

  Quote

<script type="text/javascript" src=../script/jquery.js">,</script>

В самой таблице я добавил класс

  Quote

<table border="1" cellspacing="0" cellpadding="0" width="100%" class="striped">

<caption> <p><b>МАРТ</b></p>

Однако нет выделения чётных полос, а ИЕ выдаёт сообщение об ошибке

[hf3]

  Quote

<script type="text/javascript" src=../script/jquery.js">,</script>

Кавычку забыл

А вообще должно быть src=script/jquery.js

если ошибка повторяется только 6 ИЕ - может помочь удаление всех комментариев // из файла jquery.js - не знаю с чем это связано

[beze]

Переделал. уже немного лучше

Немного, но не совсем. Почему это, всё же недопустимый знак?

А обозреватель у меня ИЕ8

[Great Rash]

Какая-то очень хреновая книга у вас если там изучение языка начинается с фреймворка

Какая у вас структура папок можете написать?

[hf3]

Кстати да. Я бы посоветовал Дэвида Фланагана - Javascript. Полное руководство для начала.

Такой косяк только в ИЕ или все браузеры отказываются работать?

[beze]

  Great Rash said:

Какая-то очень хреновая книга у вас если там изучение языка начинается с фреймворка

Какая у вас структура папок можете написать?

Нормальная. Вначале примеры приводились, какой ЯваСкрипт хороший. Я и подумал сразу что-то использовать.

Структуру эту вы имели в виду?

В папке ПОХОД лежит папка ПВД а в ней тот файл Расписание, с которым я мучаюсь

[Great Rash]

Под структурой я имею в виду написать путь до файлов, например вот как у меня обычно все лежит:

C://
	mysite
		index.html
		style.css
		ie6.css
	img
		logo.gif
		some_photo.jpg
	js
		script.js
		script2.js

[beze]

Со структурой разберусь и напишу.

А вообще это зачем так сложно? Скрин есть, путь до файла с расписанием я в первом же посте привёл.

Edited March 18, 2010 by beze

[Great Rash]

Елки-моталки так вы ж не правильно путь пишете!!!

Что это за портянка?

file:///E:/и_т.п._и_т.д.

Вас походу надо сперва учить как пути до файлов прописывать...

Путь до файла прописывается относительный, т.е. если у вас html-файл лежит в папке "А", а javascript-файл лежит в папке "Б", то путь до скрипта прописывается "Б/имя_скрипта.js". О чем вам написал hf3 в сообщении №4. Вы вообще читаете что вам пишут?

UPD:

И потом, кириллица в названии папок - это неправильно. Отвыкайте срочно. Кириллица в пути к файлу вообще недопустима (проблем не оберетесь).

[beze]

Читаю. Вот этот код как он вписан и я его пирводил в самых первых сообщениях темы

  Quote

<script type="text/javascript" src="script/jquery.js">,</script>

Я просто не понимаю, что у меня неправильно.

Я знаю, что кирилицей нельзя и вы видиет, что я кирилицей не писал. Если же на скрине она есть, то это фронтпейдж сам её поставил при проверке ошибок. Почему он так сделал - я не знаю

[Great Rash]

Как же не писали если у вас на скриншоте эта фигня есть. Может ну его нафиг ваш фронтпейдж, а? Может ручками попробуете написать в блокноте?

[hf3]

Фронтпйэдж дико устарел - он давно заматерел и превратится в Expession Web - очень удобная штука. - там довольно продвинутый интеленс и сниппеты. И пути к файлам - он рисует верные.

Или вообще в Визуал студия))) - это вообще всё умеет почти. - Монстр.

Или и правда в блокноте - Notepad2 или Notepad++ - для истинных джедаев.

Edited March 18, 2010 by hf3

[beze]

убрал я скрин, чтобы он вас не смущал.

Кроме того я ручками написал в блокноте

Так что у меня неправильно в том, что написано в моих первых двух сообщениях?

И не зацикливайтесь на редакторе. У меня страничка в ИЕ не работает

Edited March 18, 2010 by beze

[Great Rash]

Ну не знаю тогда. Медицина тут бессильна. Проверяйте правильность путей к jQuery.

ИЕ ошибку выдает потому, видимо, что не может проинициализировать объект jQuery. Выдает ли у вас что-нибудь такая строка:

$(document).ready(function(){
	alert('все ок!');
});

???

Зачем запятая тут: <script type="text/javascript" src=../script/jquery.js">,</script>?

[hf3]

  Quote

У меня страничка в ИЕ не работает

попробуйте использовать вместое jquery.js - jquery.min.js

Или как я уже писал поудалять все комментарии в файле. У меня была такая проблема с этой бибилиотекой - личилось только так.

[beze]

  Quote

Выдает ли у вас что-нибудь такая строка

ничего

  Quote

попробуйте использовать вместо jquery.js - jquery.min.js

Тот ж самый отрицательный результат

[hf3]

попробуйте прописать абсолютный путь к файлу на сервере

[beze]

Огромное спасибо тем, кто мне отвечал на этом форуме, а именно hf3 и Great Rash. Вы заставили меня думать. В полемике с вами (поскольку я, хоть и не разбираюсь в ЯваСкрипт, но интуитивно чувствовал, что что-то в ваших советах не так) я вчитался в Макфарлафта и дошло.

Моя ошибка действительно была в адресе, на что и указывал, хоть и неправильно, фронтпейдж

Выше я писал, да и скрин давал, что есть корневая папка, в ней папка "Поход" в ней "ПВД" в уж в ней искомый файл. Я написал

  Quote

<script type="text/javascript" src="../../script/jquery.js"></script>

и всё пошло. так чудесно. Осталось сделать это на базовом сайте, а не на экспериментальном.

Ещё раз вам спасибо

[Great Rash]

Вот просил же, напишите структуру папок... в вы скрины да скрины...