Как сделать счетчик кол-во информации на странице на сайте?

Question

[licvis]

В общем, у меня на сайте-портфолио есть "N" кол-во фотографий и есть отдельна страница "Категории".
Я бы хотел, чтобы на странице "категории" условно возле "логотипы" было число, которое говорит кол-во фотографии тобишь работ на странице с "логотипы". я надеюсь доступно объяснил :). В интернете перерыл и около 2 недель пытаюсь решить этот вопрос. Буду рад любой полезной информации

Comments

[ThunderCat]

Ну и как у вас формируется страничка с логотипами? Откуда вы знаете какие картинки у вас относятся к логотипам и как вы их выводите?

[licvis]

ThunderCat, Из-за своего "опыта" те его отсутствия, я это делаю пока что в ручную. Говорю же, мне интересно это все и по мере получения информации из интернета совершенствую это. Логично было бы заказать разработку сайта и экономить время, но тк это лишь просто портфолио и + желания научится делать это самому - делаю так

[ThunderCat]

licvis,

Из-за своего "опыта" те его отсутствия, я это делаю пока что в ручную.

Ну так если картинки добавляете вручную, почему количество вручную не указать? Когда (и если) дорастете до использования программных методов вывода и хранения, тогда и есть смысл что-то "программно" считать. А такие сайты на 2-3 странички вполне нормально править вручную, так как динамики там кот наплакал, раз в год поменяется 3 картинки...

[licvis]

Нашел такое решение:
$(document).ready(function(){
var counts = $('#grid').size();
$('#v3').text('(' +counts );
});
Просто задал класс и туда запихнул нужные мне объекты для подсчёта.
Ребята, я просто новичок :) Зачем столько негатива. Просто можно было сказать "Это не правильно на php/ это делается через js". Я ж сюда пришел чтобы и узнать как правильно реализовать то, что мне необходимо. И готовый вариант где "Скопировать - вставить" мне не интересно тк это ничему меня не научит. А цель всего - научиться делать. Всем в любом случае спасибо

Answer 1

[HardBot]

const http = new XMLHttpRequest() 
http.open('GET', 'index.html') 
http.onreadystatechange = function () { 
   if (this.readyState == 4 && this.status == 200) { 
      const doc = new DOMParser().parseFromString(this.responseText, 'text/html') 
      console.log(doc.querySelectorAll('img').length)
   } 
} 
http.send()

Comments

[licvis]

Спасибо большое. А есть можно раскрыть что к чему ?
Не сочтите за наглость, но тк толком ничего не знаю, хочется еще понимать что отвечает за что)
А то просто скопировать не очень для меня. Спасибо)

[HardBot]

licvis, Прочитайте про XMLHttpRequest, в интернете куча информации.

[licvis]

Понятие не имею что с этим делать. Надеюсь кто-то проверит и отпишет. Тогда поставлю что был ответ решением. Пойду к фрилансерам заказывать это

[scottparker]

licvis, с этого и нужно было начинать)

[HardBot]

licvis, даже думать логически не способен. Подключаешь этот скрипт, вместо index.html указываешь свою страницу, с откуда хочешь получить и вместо console.log укажи элемент, где ты хочешь чтобы оно выводилось, типа так:

document.querySelector('.text').innerText = doc.querySelectorAll('img').length;

[ThunderCat]

HardBot, Даже если отбросить то что в тегах пхп, а решение на жс, запрос на страничку сайта чтобы посчитать фото не выглядит адекватным решением, тем более что картинок там может быть дофига, и бОльшая часть из них будет относиться к дизайну.

[AUser0]

ThunderCat, а как же doc.querySelectorAll('img[fattagrafiyi]')?

[licvis]

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

[licvis]

HardBot, Логически способен, знания расшифровки кодов отсутствует. Удачи в новых начинаниях. Дай бог вам также помогут чтобы разобраться. А за совет почитать ту тему - спасибо. Хоть понимаю в каком направление смотреть чтобы изучить подобную тему

[HardBot]

ThunderCat, я лишь показал пример

[HardBot]

ThunderCat, я в принципе не могу знать, как у него картинки в портфолио называются, а ответ на его вопрос - верный!

А то, чтобы делать запрос на пхп, дабы получить кол-во картинок - смешно

А в тегах вопроса указан "веб-разработка", что в принципе относится любой язык.

[ThunderCat]

AUser0, не меняет сути - костыль, да еще и на другой технологии.

HardBot,

я в принципе не могу знать, как у него картинки в портфолио называются, а ответ на его вопрос - верный!

Во первых - нет смысла отвечать на вопрос если не понимаешь что нужно автору (я вот не написал ответ, хотя очевидно что решение скорее всего не сложное, просто автор не указал ничего что относится к программной части, а только обозначил что хочет, в виду того что очевидно сам не знает как все работает). Во вторых - так и на пхп можно было курлом вытащить и распарсить страничку, что очевидно бредовое, но тоже верное решение. Все же не хочется откровенный говнокод выносить в решения, данный ресурс как раз для избегания таких практик придуман.

[HardBot]

ThunderCat, я тебе ещё раз повторяю, использовать северный язык для того, чтобы чисто просто посчитать кол-во фото - бред полнейшей.

Вопрос у него понятный и раз речь пошла про пхп, где твой ответ? То, что ты не понял вопроса, проблема твоя. Ответ дан корректно.

[HardBot]

ThunderCat, что тебя смущает вопросе?

> Как получить кол-во картинок на другой странице.

Что тут непонятного? Что тебя смущает в этом вопросе?