Николай Шабалин, да, я понял, но если писать стрелку в обработке события теряем контекст вызова, так что лучше новичкам не злоупотреблять стрелками, а то потом если в обработке события, например, ссылаться на контекст вызова, то будут сплошные андефайнды :)
Просто хотел Ваши советы дополнить уточнением этого нюанса.
AlphaDMQ, дело в том, что браузер каждый элемент на странице представляет в виде объекта, в этом объекте по ключам лежат свойства и методы этого объекта, вот у любого дива есть свойство onclick, onmouseenter, onscroll и так далее, и когда пишете div.onclick, вы обращаетесь к объекту, к его полю и в него присваиваете функцию, которая присвоится туда как ссылка, и при наступлении события браузер посмотрит, что в данном объекте в соответствующем поле и вызовет эту функцию.
Можете через querySelector найти элемент и вывести его в консоль, все там наглядно поймете, я думаю:)
Еще простой вариант: общий контейнер для картинки и блока с текстом, далее родителю display: flex, одному и второму flex-basis ставите как на макете, ширину, и первому блоку фоновую картинку, а второму остальную верстку, флексы по умолчанию растягивают детей по размеру самого большого контейнера.
Именно фоном обязательно? Не проще поставить блок с картинкой слева? Картинке задать max-width 100%, object-fit cover. Если надо фоном, то напишу в ответ.
Самое первое, что вижу, Вы используете иттератор для вызова функции по клику, это не будет работать, так как иттератор пройдет по циклу и его значение к тому моменту, как кто-то кликнет куда-то будет уже максимальное, и функция всегда будет вызываться с одним и тем же значением параметра. Вместо этого либо надо вызывать с this, либо передавать объект-события в функцию., смотря, что в итоге надо сделать.
А что не так? Если не работает - напишите, что не работает, если хотите спросить, как оно со стороны, то другое дело) Чтоб Вам скорее помогли закиньте это сюда: https://jsfiddle.net/ Иначе тем, кто захочет ответить придется самим копировать Ваш JS, потом самим выдумывать разметку под Ваш скрипт и потом что-то советовать. Вопрос дооформите, плиз, и ответ будет адекватным и вовремя.
Alexey, да, я svg люблю, и про smil много читал/смотрел. Ждем-с поддержки) Я вот с радостью бы использовал svg вместо того же fa-fa, но меня напрягают гигантские куски разметки внутри итак немаленькой разметки html, сворачивать в редакторе кода это вариант, конечно, но все равно, мне это не по душе. Спасибо, за информацию выше, что-то отметил для себя интересное!
Alexey,
1) то что svg кроссбраузерное это я знаю, я говорил, что ЕСЛИ, если есть другое решение, то вряд ли оно будет кроссбраузерное, а svg железобетон)
2) С svg умею работать, знаю про polygon, path, id, class, group и прочее, и в CSS умею с ними управлять, я говорил о том, что если svg не вставить в html, а подключить, например тегом img, или вставить фоном через css, то в DOM не будет классов и id из svg файла, поэтому теряем возможность управлять им через стили. Знаю, что тегом img точно не будут работать стили, а вот если вставить через css/base64, то не уверен, скорее всего тоже не будет(
3) Изображение не мое, я лишь отвечал, но спасибо большое! Думаю, автор вопроса оценит)
Можно использовать шаблонизаторы. Можно делить php код на model, view, controller, то есть mvc, в одной папке php + html (во view), в других папках чисто php код. Есть архитектуры MVC, MVP, MVVM.. они помогают распределять все по своим назначениям.
$_POST - глобальная переменная, в которую попадают запросы присланные POST методом, а в $_GET - методом GET. Попробуйте, в качестве эксперимента, пропишите в принимающем php файле что-то типа:
<pre>
<?php echo print_r($_POST);
?>
</pre>
А в приложении выведите ответ от сервера, посмотрите, что во-первых все отработало, а во-вторых увидите структуру $_POST.
нет не работал, но перспективы вижу, и я в конце добавил оговорку, что да, все равно нативные технологии никто не отменял. К тому же, я написал это не в ответ, а как комментарий, просто свое мнение) А что не так с PWA? Что Вам не понравилось в этой технологии?
Лично я тоже хотел в эту сферу попасть, но сейчас вижу, что веб-технологии развиваются, и решил, что это перспективнее, например, слышали ли Вы про PWA? Progressive Web Application, которые можно установить как нативные прямо из браузера! Вот, советую познакомится: https://www.youtube.com/watch?v=Bhd5HQ1I2LM
Очень интересное видео, как и канал в целом. Вот от автора доклада сайт по теме: https://pwa.rocks/
Как по мне, это будущее. Хотя, конечно, будет софт, который и на нативных технологиях придется писать.
