Карта сайта

Это автоматически сохраненная страница от 14.01.2020. Оригинал был здесь: http://2ch.hk/b/res/211528682.html
Сайт 2ch-b.ru не связан с авторами и содержимым страницы
жалоба / abuse: 2ch-b.ru@mail.ru

Втр 14 Янв 2020 12:35:47
В тренд призываются JS/HTML/CSS программисты
В тренд призываются JS/HTML/CSS программисты
В тренд призываются JS/HTML/CSS программисты !

Как на HTML закодить что-то вроде списка ответов в тред на дваче ?
Прикрепил пикрелейтед.

У меня есть скрипт на питоне, который генерирует json файл с какими-то данными - время, количество сообщений, картинка, текст первого сообщения, он должен запускаться на локалхосте, и при запросе к /index возвращать HTML-код.

Мне нужно составить из этих данных HTML-код, как на пикрелейтед.

Варианта у меня есть 2, делать HTML-код самим питоном и возвращать уже сформированную страницу, либо же делать это скриптом на JS, который будет делать запрос к скрипту, и из json-а самостоятельно формировать HTML-код.

Скрипт будет запускаться на локалхосте. Помогите, я вообще нихуя не шарю в HTML/JS.



Втр 14 Янв 2020 12:39:17
>>211528682 (OP)
Бамп


Втр 14 Янв 2020 12:46:46
>>211528682 (OP)
Если скажешь в чем смысл затем то помогу.

Втр 14 Янв 2020 12:49:52
>>211529317
Скрипт будет выводить актуальный список тредов на доске + можно будет искать треды по ключевым словам. Как-то так.

Втр 14 Янв 2020 12:50:13
Бамп


Втр 14 Янв 2020 12:51:13
>>211529488
Так уже же все это есть.

Втр 14 Янв 2020 12:51:58
>>211529574
Где

Втр 14 Янв 2020 12:54:44
>>211528682 (OP)
>HTML
>Кодить
Как под себя кодить перестанешь тогда приходи. Хтмл это средство для разметки страниц такое, оно ничего новое не создаёт, на нём нельзя скрипты писать, оно просто показывает как странице выглядеть. Иди в прогач, там тебе всё разжуют.

Втр 14 Янв 2020 13:01:03
>>211529628
Каталог на дваче, лол

Втр 14 Янв 2020 13:01:53
>>211530130
нет, там некрасиво

Втр 14 Янв 2020 13:05:34
>>211529793
Вы говорите что HTML невозможно программировать. По-моему вы просто жутко наелись конфет… Этот язык заводится из простого текстового редактора и для его исполнения нужен только веб-браузер, к вашему сведению сидя на Windows я писал в блокноте копию рабочего стола (писал например в функцию кнопки пуск т.е. ее смена на более светлую картинку и обратно, так же меню картиночное высвечивалось и прочее) Язык вполне удобный, но его не совершенство это минус

Втр 14 Янв 2020 13:06:49
>>211528682 (OP)
Тебе прямо скрипт написать, или написать алгоритм для реализации? Если второе, то:
Получаешь свои данные, и делаешь из них в JS массив объектов, вида, после этого делаешь обработчик на какой-нибудь элемент, кнопочку там или на событие onload, и через функцию map для каждого элемента массива выполняй функцию, где создаёшь одно сообщение, и встраиваешь его в html.

Если псевдо-кодом, то получится что-то вроде:

let dataArray = [];
const btnLoad = document.querySelector('.load-button');
btnLoad.addEventListener('click', function() {
return fetch([url]).then(response => dataArray = response);
}

const insertData = () => {
const insertPlace = document.quertSelector('.div-thread');
dataArray.map( post => return {
//создаём обёртку
const post = document.createElement("div");

//разбиваем входящий элемент массива на данные
const postDate = post.date;
const postImg = post.img;

//создаём каждый отдельный элемент и стилизуем
const postDateElement = document.createElement("div");
postDateElement.innerHTML = postDate;
postDateElement.className = "div-date";

//вставляем все элемент в обёртку
post.appendChild(postDateElement);

//а саму обёртку в html
insertPlace.appendChild(post);
} )
}

мимо-самоучка-джун, может и хуйню советую, а вообще такое лучше бы на React делать >>211528682 (OP)

Втр 14 Янв 2020 13:09:19
>>211530432
Мне просто HTML разметку написать которая пикрелейтед делает и все, как его добавлять я разберусь потом.

Втр 14 Янв 2020 13:12:38
Ты совсем блядь дурак? Это либо таблицей, либо дивами делается + css

Втр 14 Янв 2020 13:13:19
>>211530432
>>211530565
ну то есть просто код на html который там рамку делает размером 1 пиксель, картинку текст и прочее, просто пример типа с любым абсолютно текстом но чтобы было как на пикрелейтед >>211528682 (OP)
если это можно реактом то как
>>211530750
я понимаю как это делается, но я ни разу не писал на html

Втр 14 Янв 2020 13:13:59
>>211530565
>>211530565
разметка не должна ничего делать, так как бы разделение власти в этом вашем программировании, можно инлайново писать стили или код js, но в разметке должна быть разметка, стили в цсс, а работа вся в скрипта. Может я не так понимаю, что значит "разметка которая пикрелейтед делает"? Делает что?

Втр 14 Янв 2020 13:16:18
>>211530814
ну вон так картинка видишь ? это скрин с двача, просто я в паинте потер все и сделал что-то вроде макета
вот мне нужен код на HTML который делает то что на картинке
то есть типа рамка, внутри нее текст наверху, потом картинка и текст слева, это все что мне нужно

Втр 14 Янв 2020 13:16:58
>>211530960
стили написать как на картинке?

Втр 14 Янв 2020 13:17:57

Втр 14 Янв 2020 13:21:17
>>211530361
Чистым HTML?

Втр 14 Янв 2020 13:36:31
https://jsfiddle.net/5bt4wqh3/

Втр 14 Янв 2020 13:37:10
тест

Втр 14 Янв 2020 13:38:34
>>211531242
https://jsfiddle.net/5bt4wqh3/

Втр 14 Янв 2020 13:39:37
>>211531242
для нормальной вёрстки всё делает не совсем так, но если ты этой хуйнёй для себя занимаешься, то подойдёт. Если есть вопросы, могу ответить

Втр 14 Янв 2020 13:40:02
>>211531242
Конечно, чистым! Правда, потом он мне надоел и я пошел учить qt4 и bash, писать свое ядро для линукса

Втр 14 Янв 2020 13:59:02
>>211532205
ооо, ты шикарен !

Втр 14 Янв 2020 14:46:39
>>211532205
скажи еще пожалуйста вот что, что нужно сделать чтобы фотокарточка не растягивалась по размеру блока для фотокарточки, а масштабировалась с сохранением пропорций ?



← К списку тредов