В общем, у меня на сайте-портфолио есть "N" кол-во фотографий и есть отдельна страница "Категории".
Я бы хотел, чтобы на странице "категории" условно возле "логотипы" было число, которое говорит кол-во фотографии тобишь работ на странице с "логотипы". я надеюсь доступно объяснил :). В интернете перерыл и около 2 недель пытаюсь решить этот вопрос. Буду рад любой полезной информации
Дополнительно:
Содержание
Ну и как у вас формируется страничка с логотипами? Откуда вы знаете какие картинки у вас относятся к логотипам и как вы их выводите?
Из-за своего "опыта" те его отсутствия, я это делаю пока что в ручную.
Ну так если картинки добавляете вручную, почему количество вручную не указать? Когда (и если) дорастете до использования программных методов вывода и хранения, тогда и есть смысл что-то "программно" считать. А такие сайты на 2-3 странички вполне нормально править вручную, так как динамики там кот наплакал, раз в год поменяется 3 картинки...
$(document).ready(function(){
var counts = $('#grid').size();
$('#v3').text('(' +counts );
});
Просто задал класс и туда запихнул нужные мне объекты для подсчёта.
Ребята, я просто новичок 🙂 Зачем столько негатива. Просто можно было сказать "Это не правильно на php/ это делается через js". Я ж сюда пришел чтобы и узнать как правильно реализовать то, что мне необходимо. И готовый вариант где "Скопировать - вставить" мне не интересно тк это ничему меня не научит. А цель всего - научиться делать. Всем в любом случае спасибо
Ответы:
|
1 |
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() |
- Спасибо большое. А есть можно раскрыть что к чему ?
Не сочтите за наглость, но тк толком ничего не знаю, хочется еще понимать что отвечает за что)
А то просто скопировать не очень для меня. Спасибо) - licvis, Прочитайте про XMLHttpRequest, в интернете куча информации.
- Понятие не имею что с этим делать. Надеюсь кто-то проверит и отпишет. Тогда поставлю что был ответ решением. Пойду к фрилансерам заказывать это
- licvis, с этого и нужно было начинать)
- licvis, даже думать логически не способен. Подключаешь этот скрипт, вместо index.html указываешь свою страницу, с откуда хочешь получить и вместо console.log укажи элемент, где ты хочешь чтобы оно выводилось, типа так:
PHP1document.querySelector('.text').innerText = doc.querySelectorAll('img').length;
- HardBot, Даже если отбросить то что в тегах пхп, а решение на жс, запрос на страничку сайта чтобы посчитать фото не выглядит адекватным решением, тем более что картинок там может быть дофига, и бОльшая часть из них будет относиться к дизайну.
- ThunderCat, а как же doc.querySelectorAll('img[fattagrafiyi]')?
- ThunderCat, По сколку хочу научится, но нет никакой базы и понимания что за что отвечает. Столкнулся с проблемой. Грубо говоря абсолютный новичок в этом всем. Поэтому давайте отбросим то, что тут специалисты и обычный, плохо понимающий человек пытается разузнать хоть что-то. С уважением.
- HardBot, Логически способен, знания расшифровки кодов отсутствует. Удачи в новых начинаниях. Дай бог вам также помогут чтобы разобраться. А за совет почитать ту тему - спасибо. Хоть понимаю в каком направление смотреть чтобы изучить подобную тему
- ThunderCat, я лишь показал пример
- ThunderCat, я в принципе не могу знать, как у него картинки в портфолио называются, а ответ на его вопрос - верный!
А то, чтобы делать запрос на пхп, дабы получить кол-во картинок - смешно
А в тегах вопроса указан "веб-разработка", что в принципе относится любой язык.
- AUser0, не меняет сути - костыль, да еще и на другой технологии.
HardBot,
я в принципе не могу знать, как у него картинки в портфолио называются, а ответ на его вопрос - верный!
Во первых - нет смысла отвечать на вопрос если не понимаешь что нужно автору (я вот не написал ответ, хотя очевидно что решение скорее всего не сложное, просто автор не указал ничего что относится к программной части, а только обозначил что хочет, в виду того что очевидно сам не знает как все работает). Во вторых - так и на пхп можно было курлом вытащить и распарсить страничку, что очевидно бредовое, но тоже верное решение. Все же не хочется откровенный говнокод выносить в решения, данный ресурс как раз для избегания таких практик придуман.
- ThunderCat, я тебе ещё раз повторяю, использовать северный язык для того, чтобы чисто просто посчитать кол-во фото - бред полнейшей.
Вопрос у него понятный и раз речь пошла про пхп, где твой ответ? То, что ты не понял вопроса, проблема твоя. Ответ дан корректно.
- ThunderCat, что тебя смущает вопросе?
> Как получить кол-во картинок на другой странице.
Что тут непонятного? Что тебя смущает в этом вопросе?
Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.
Оставить комментарий Отменить
Ответы
- Есть ответ! к записи Как уменьшить масштаб меньше 100% в Windows 10 (22H2)
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Как называется человек, который дизайн придумает для сайта и сверстает его?
- Есть ответ! к записи Можно ли установить Яндекс.Диск на АльтЛинукс?
- Есть ответ! к записи Картинки мутные только на сафари, есть выход?
- Есть ответ! к записи Keenetic. Как настроить SSTP клиент с сертификатом?
- Есть ответ! к записи Чем заменить executor в aiogram 3?
Для создания счетчика количества информации на странице сайта можно использовать JavaScript. Ниже представлен пример кода на JavaScript, который позволит подсчитывать количество слов на странице:
htmlWord Counter
Number of words: 0
document.getElementById('text').addEventListener('input', function() {
var text = this.value;
var words = text.split(/\s+/).filter(function(word) {
return word.length > 0;
});
document.getElementById('wordCount').textContent = words.length;
});
В данном примере создается текстовое поле, в которое пользователь может вводить текст. При каждом изменении текста в поле, с помощью события 'input' происходит подсчет количества слов. Текст разбивается на слова с помощью метода split и регулярного выражения /\s+/, затем фильтруются пустые строки, и отображается количество слов на странице.
Данный код можно расширить и доработать, добавив другие функции подсчета информации на странице, например, подсчет символов, абзацев и т.д. В зависимости от требований и целей сайта, можно настроить счетчик по-разному, чтобы отслеживать нужную информацию на странице.