К JS всё это имеет очень отдалённое отношение
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Общие вопросы > Заголовок bold в js таблице и форматирование |
| Автор: Guest 15.10.2005, 22:51 | ||||
| Доброе время суток! Ищу инфу, как сделать заголовок bold в js таблице. А также, каким макаром сделать абзац в тексте таблицы - допустим, здесь:
чтобы выглядело Ein War /абзац/ unersättlich viel tausend Küssen. То есть я ищу аналоги html-евским тегам <p> и <li>. Возможно, кто подскажет (или линк на подобную литературу в инете) Спасибо. Вот таблица.
|
| Автор: Aliance 16.10.2005, 12:37 |
| 1) Регистрируйтесь у нас 2) Используйте кнопку код 3) Прочтите Правила форума: http://forum.vingrad.ru/index.php?s=&act=SR&f=27 4) Постарайтесь сделать постановку вопроса понятной всем. |
| Автор: bagar 16.10.2005, 21:39 |
| 1. С удовольствием зарегистрировался. 2. Про кнопку - понял. 3. Правила читаны. 4. Сорри, если неточно/неверно сформулирована тема. Если я правильно понимаю, раздел называется "JavaScripts для начинающих", а начинающим в силу незнания вопроса даже вопрос правильно сформулировать бывает сложно. Исправляю это досадное упущение. Итак, вопрос. Нужно сделать в таблице, генерируемой из массива, заголовок bold, чтобы заголовок отличался от дальнейшей массы данных в таблице. Далее - в таблице существует текст, который внутри самой ячейки нужно разбить на абзацы. |
| Автор: Aliance 16.10.2005, 21:55 | ||||
Просто генерируй такой кусок коды
По какому признаку его нужно рабить? И почему бы не пользоваться обычными CSS? |
| Автор: bagar 17.10.2005, 08:52 |
| В разметке html вставить <th> не выйдет, потому как в html размечается только <table> и <tbody>, а сам заголовок находится в массиве, и синтаксис JS требует того, что я не знаю. Весь требуемых текст также находится в массиве, и я не знаю, применим ли тут CSS? |
| Автор: Zeroglif 17.10.2005, 14:10 | ||||
В твоём коде создаются ячейки данных, с тем же успехом можно создавать ячейки заголовков. Для первой строки создаём th для остальных td (в примечании старый код):
Что касается абзацев, то нужно понять саму логику разбиения на такие абзацы. Сейчас ты просто вставляешь в ячейку текстовую ноду, а надо теги, соответственно, стоит пересмотреть fullArray и добавить в него текст для абзацев и т.п. логику. |
| Автор: Sardar 17.10.2005, 15:16 |
| bagar нужно понять что структура (что, разметка), стили (как, отображение) и скрипты это три разные вещи. Можешь генерить сколь угодно разных ячеек таблицы (вообще что угодно), а в стилях задать как она будет выглядеть. В браузере поддерживающим CCS2.1 можно вообще заставить таблицу с ячейками выглядеть как обычный "word'овский" документ. К JS всё это имеет очень отдалённое отношение |
| Автор: bagar 17.10.2005, 21:57 | ||
Zeroglif, спасибо огромное, прежде всего за
Sardar, принцип построения документа и влияние на него стилей я понимаю. Но в данном случае меня особенно интересует именно то, что имеет отношение к JS, если в данном случае это вообще целесообразно. Sardar, я поробую просто спросить, раз Вы так загадочно улыбаетесь. Либо JS генерирует таблицу и стиль можно пришить к этой виртуальной таблице (точнее все же к html), либо все эти абзацы можно задать в том же JS. Либо я нахожусь очень далеко от истины и существует еще третий вариант. |
| Автор: Zeroglif 18.10.2005, 01:36 | ||
Не пойму, смайлик - это навроде маркёра сарказма? Зря. Под "понять логику" подразумевалось подойти к решению своей проблемы сразу правильно, и в этом же русле спросить. Можно сейчас 10 вариантов нарисовать с абзацами и проч., но я же не знаю, как рвать текст, и насколько это укладывается в решение твоей задачи по динамическому построению... |
| Автор: bagar 18.10.2005, 09:59 | ||||
| Zeroglif, ни в коем случае не сарказм. Я иронизирую над собой, над пробелами в своем образовании. Пресловутая фраза "понять саму логику" мне действительно кое-что подвинула в голове и имеет для меня определенную ценность. И если я так прямо об этом говорю, не воспринимайте это как иронию, пожалуйста. Я понимаю, о чем Вы говорите "Можно сейчас 10 вариантов нарисовать..." Пытаюсь правильно сформулировать задачу, но боюсь, что моих знаний прдмета и даже терминологии на это не хватит. Ок, сидит дама в канцелярии, выдает мне тексты в вордовском документе, которые я преобразовываю в html, или как в данном случае, в сортируемую таблицу. В тексте этом в ячейке существует такое разбиение на подпункты:
и вот в таком виде нужно иметь этот тест в таблице. Сейчас он выглядит как
то есть все свалено в кучу. Поэтому я и задаюсь вопросом, при помощи каких средств эту ячейку привести в надлежащий вид. |
| Автор: Sardar 19.10.2005, 00:01 | ||
Не совсем третий. JS генерит разметку (и стили, но это сложней), для браузера нет разницы, было ли это написанно в вёрстке или это сгенерировал скрипт. Следовательно тебе нужно в ручную собрать таблицу так, как ты её хочешь видет и определить все стили. Затем полученную вёрстку загоняем в скрипт, при этом не обязательно всё через createElement создавать, innerHTML во многих ситуациях проще и быстрей. Сверстай таблицу так как хочешь её видеть, в обычном HTML. Закинь сюда, а мы поможем перенести генерацию кода на JS. |
| Автор: bagar 19.10.2005, 22:42 | ||||
| Наверное, целесообразней было бы ячейку дать, как она должна выглядеть. Иначе сверстаем таблицу, а потом опять сортировку делать (мне хватило впечатлений при создании сортировки в силу своей некомпетентности в JS). Ячейка должна выглядеть так:
Таблица в целом так:
|
| Автор: Sardar 20.10.2005, 15:59 | ||
Попробуй разобраться с этим кодом, это не сложно
Замечаем что внешний вид задаёться стилями в head секции, в скриптах генерим структуру. Заметь как выполненна сортировка, помни что программисты ленивые люди, чем меньше кода - тем лучше. Кликай по заголовкам что бы увидеть эффект сортировки. |
| Автор: bagar 20.10.2005, 20:42 |
| С кодом разобрались, и принцип совершенно понятен, спасибо. Непонятно только, каким образом соеденить мой способ сортировки с указанием стиля. И вопрос возникает: неужели было проще переделывать всю структуру скрипта, чем неким способом (вот тут я теряюсь, каким. Из-за этого и на форуме) отформатировать эту ячейку нужным образом? |
| Автор: Sardar 20.10.2005, 21:17 | ||
Потратил 20 минут что бы написать скрипт и показать что форматирование и структура это две разные вещи! Такое ощущение что у тебя в уме есть некий блок, мешающий увидеть решение, т.к. ожидаешь ты его совсем в другом месте, скорее всего в виде методов makeItBold и подобных  Глянь на то что лежит между тегами <style>, почитай что есть CSS, посмотри какую разметку генерит мой скрипт(почти ничем не отличаеться от твоей), откинь все предубеждения, выпей чаю, свежим взглядом опять глянь на стили. Если не дошло... это серьёзно Не какое то особое API, ни какая то особая вёрстка/структура, стили задают внешний вид! Теб даже код не особо менять нужно, напиши пару классов, задай ячейкам соотвествующие классы(ячейка.className=css_class) и наслаждайся результатом. |
| Автор: bagar 21.10.2005, 09:45 |
Йо! Sardar, хорошо сказал. В первом абзаце вообще в глаз попал, действительно, мои мысли крутятся на уровне "где тут кнопка Bold".  Спасибо за направление, начну раскапывать дальше. |