пару вопросов

extrabass4 · June 19, 2014

Здравствуйте.Значит есть в html таблица и нужно добавить пару скритпов ,а именно :

1) add a separate text field (label) displaying the first entry from the table.

2) add a button NEXT;

3) add JS code which provides the following functionality: clicking the button changes the the text label to the next entry in the table.

как я понимаю первые 2 пункта делаются посредством HTML элементов <form> и тэгом <label> с помощью которого я установлю связь между текстом из таблицы и элементом формы ? только касательно первого пункта не понятно с помощью какого элемента формы сделать окно в котором будет отображаться первая запись из таблицы.

Edited June 19, 2014 by extrabass4

extrabass4 · June 19, 2014

как я понял лучше всего подходит элемент формы <output> но как сделать так , чтоб результатом получалось к примеру первая ячейка из таблицы ?

afdw · June 19, 2014

http://jsfiddle.net/bxVf2/

extrabass4 · June 19, 2014

http://jsfiddle.net/bxVf2/

спасибо - а то я совершенно не в ту степь полез уже хотел найти Jquery слайдер и разобрать его до нужного функционала ))))

extrabass4 · June 22, 2014

Странно создал фаил .js ине могу присоединить код - вернее он у меня не работает и пишет вот такую ошибку Uncaught TypeError: Cannot read property 'innerHTML' of undefined .

var output = document.getElementsByTagName("output")[0];

var button = document.getElementsByTagName("button")[0];

var tds = document.getElementsByTagName("td");

var n = 0;

function next()

{

output.innerHTML = tds[n].innerHTML;

n = (n + 1) % tds.length;

}

next();

button.onclick = next();

amelice · June 22, 2014

думаю поэтому

button.onclick = next();

нужно здесь без скобок, так как вам нужно вызвать обработчик (в вашем случае функция next) только при наступлении события, а не при парсинге кода браузером.

Edited June 22, 2014 by amelice

extrabass4 · June 22, 2014

спасибо , но всё равно главная ошибка ещё актуальна Uncaught TypeError: Cannot read property 'innerHTML' of undefined .

amelice · June 22, 2014

приводите пример сюда http://jsfiddle.net/

amelice · June 22, 2014

Upd: и вообще в ошибке ведь все написано.

extrabass4 · June 23, 2014

да смысл ошибки понятен - но в силу своей неопытности в javascript я не знаю как её исправить. И дело в том что она работает здесь , вот : http://jsfiddle.net/bxVf2/ , а когда я делаю это всё уже физически(создаю файлы .html .js) , если конечно так это можно назвать - то нет

afdw · June 23, 2014

Всё понятно. При подключение скрипта в head он не видит элементы в body. Попробуйте так:

window.onload = function(){    output = document.getElementsByTagName("output")[0];    button = document.getElementsByTagName("button")[0];    tds = document.getElementsByTagName("td");    n = 0;    function next()    {        output.innerHTML = tds[n].innerHTML;        n = (n + 1) % tds.length;    }    next();    button.onclick = next;}

Здесь скрипт дожидается загрузки всех элементов страницы, а уже потом выполняет необходимые действия. В JSFiddle к коду, написанному в "Javascript" onload добавляется автоматически (см. ПКМ по "Result"->"Просмотр кода фрейма").

extrabass4 · June 23, 2014

Всё понятно. При подключение скрипта в head он не видит элементы в body. Попробуйте так:
window.onload = function(){    output = document.getElementsByTagName("output")[0];    button = document.getElementsByTagName("button")[0];    tds = document.getElementsByTagName("td");    n = 0;    function next()    {        output.innerHTML = tds[n].innerHTML;        n = (n + 1) % tds.length;    }    next();    button.onclick = next;}
Здесь скрипт дожидается загрузки всех элементов страницы, а уже потом выполняет необходимые действия. В JSFiddle к коду, написанному в "Javascript" onload добавляется автоматически (см. ПКМ по "Result"->"Просмотр кода фрейма").

Спасибо , а куда более корректно вставлять тэг <script> в <head> прописывая window.onload = function() или в конце <body> после других блоков ?

Edited June 23, 2014 by extrabass4

afdw · June 23, 2014

Если после после других блоков, то onlod можно и не писать. Лучше писать ка можно ближе к концу файла, чтобы страница загружалась асинхронно, иначе загрузка страницы скриптом. Также можно использовать:

<script async>...</script>

Edited June 23, 2014 by afdw

extrabass4 · June 23, 2014

Если после после других блоков, то onlod можно и не писать. Лучше писать ка можно ближе к концу файла, чтобы страница загружалась асинхронно, иначе загрузка страницы скриптом. Также можно использовать:
<script async>...</script>

ну да это понятно , но я хотел узнать как более правильно оформлять , либо в конце body и не писать onload или же с onload , Ho B head ?async как понимаю атрибут благодаря которому можно в .js файле можно не писать onload и размещать в head tag script . Но какой из этих 3 вариантов более практичный ?

extrabass4 · June 25, 2014

Ребята , а где можно найти бесплатный слайдер JQuery именно для элементов <table> ? а то все в основном для <img>

И чтобы слайдер был с авто прокруткой

Edited June 25, 2014 by extrabass4

Great Rash · June 25, 2014

Можно заглянуть мне в подпись.

extrabass4 · June 25, 2014

Можно заглянуть мне в подпись.

так у вас всё платное , да и для таблиц я бегло ничего не нашёл

psywalker · June 26, 2014

Можно заглянуть мне в подпись.
так у вас всё платное , да и для таблиц я бегло ничего не нашёл

А если тут порыться?

Great Rash · June 27, 2014

так у вас всё платное , да и для таблиц я бегло ничего не нашёл

Там платный плагин для wordpress и бесплатный для jQuery. По поводу таблиц: вы можете запихнуть в блоки всё что угодно, нужно просто включить фантазию и не полениться почитать документацию.

Sign In

пару вопросов

Question

Link to comment

Share on other sites

18 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information