Клик по картинке

@аываа · Регистрация: 19.08.2019

Студворк — интернет-сервис помощи студентам

Добрый день ! помогите я в php не силён.
Нужно чтобы при загрузке страницы картинка по умолчанию должна быть нажатой
Вот эта картинка [del]

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
function buy(id) {
             
            swal({
  title: 'Выберите платёжную систему',
  html: '<input id="email" name="email" placeholder="Email"> <input id="count" name="count"  placeholder="Кол-во"> <input id="cupon" name="cupon" placeholder="Купон"><? if (config_item('site_pwebmoney') == '1') { ?><label class="" title="WMR" > <input type="radio" id="fund" name="fund" value="1" />  <img src="https://i.**********/xzHmsvU.png"> </label><? } ?><? if (config_item('site_pqiwi') == '1') { ?><label class="" title="Qiwi" > <input type="radio" id="fund" name="fund" value="4" /> <img src="https://i.**********/xX7w3Aj.png"> </label><? } ?>',
  showCancelButton: true,
  closeOnConfirm: true,
  allowEscapeKey: true,
  allowOutsideClick: true
  
 
}).then(function(isConfirm) {
  if (isConfirm) {
        var email = $('#email').val();
        var count = $('#count').val() || 0;
        var cupon = $('#cupon').val();
        var fund = $('input[name="fund"]:checked').val();
        
 
        if (!validateEmail(email)) {
            swal("Ошибка!", 'Указан неверный email адрес ', "error");
            return false;
        }
        document.getElementById('loadImg').style.display = 'block';
        $.post("/order/", {
                email: email,
                count: count,
                type: id,
                fund: fund,
                cupon: cupon
            },
            
            function(data) {
                document.getElementById('loadImg').style.display = 'none';
                try {
                    var res = JSON.parse(data);
                    if (res.ok == 'TRUE') {
                        window.location.href = "/oplata"
                    }
                    if (typeof(res.error) !== "undefined" && res.error !== null) {
                        showerr(res.error);
                    }
                } catch (err) {
                    eval(data);
                }
            });

@mr_dramm · 18.09.2021, 13:41

использовать куки

@аываа · 18.09.2021, 14:36 **[ТС]**

Сообщение от mr_dramm

использовать куки

нужно использовать чтото типо <input onclick= document.getElementById('doSmbBt').click ();>
а не это твоё КУКИ

@mr_dramm · 18.09.2021, 16:19

Сообщение от аываа

а не это твоё КУКИ

если бы они были мои, но нет

В июне 1994 года Лу Монтулли пришла идея использовать их при веб-соединении[8]. В то время он был сотрудником Netscape Communications, которая разрабатывала по заказу пакет электронной коммерции. Cookie стали решением проблемы надёжной реализации виртуальной корзины покупок.

Сообщение от аываа

Нужно чтобы при загрузке страницы картинка по умолчанию должна быть нажатой

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

Вариантов как это сделать много. например выполнить клик по картинке как вы и предлагаете. Но тогда Ваш вопрос связан с поиском селектора картинки, который в вашем случае не назначен. Например пусть это будет селектор id = image-for-click

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
 
<head>
    <style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
 
    img {
        width: 100%;
        height: auto;
        display: block;
        background: #000;
    }
 
    .container {
        width: 80vmin;
        margin: 10vmin auto;
    }
    </style>
</head>
 
<body>
    <div class="container">
        <a href="javascript:void(0)">
            <img id="image-for-click" width="400" height="400">
        </a>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script>
    $(document).ready(function() {
        setTimeout(_ => $("#image-for-click").click(), 0)
        $("#image-for-click").click(_ => alert("click"))
    });
    </script>
</body>
 
</html>

@аываа · 18.09.2021, 19:38 **[ТС]**

Хотелось бы узнать что вы мне тут интегрируете integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"

@gogolik · 18.09.2021, 20:18

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

Подробнее.

@аываа · 18.09.2021, 21:08 **[ТС]**

не подходит ваш пример к моему скрипту

@mr_dramm · 19.09.2021, 02:24

Сообщение от аываа

не подходит ваш пример к моему скрипту

скорее всего в таком виде не подходит, потому что, вы наверняка вставляете html код картинки с помощью js. Т.е. картинка на странице появляется не сразу после window.onload + пару мс а после того как ваш скрипт добавит html код с картинкой на страницу. И тут есть пара вариантов:
1 написать ваш скрипт так чтобы поиск и клик по картинке был после добавления ее html, это можно отследить через MutationObserver и еще можно дождаться когда картинка точно будет видна тоже через onload хотя в контексте этой задачи скорее всего это не важно. И как только обсервер скажет код загружен можно кликать
2 Вставить какой нибудь скрипт после картинки который будет загружаться вместе с картинкой и кликать по ней, может это даже проще. И тогда в мой скрипт подходит нужно только сделать минимальные изменения

Добавлено через 21 минуту
Пример для понимания

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
 
<head>
    <style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
 
    img {
        width: 100%;
        height: auto;
        display: block;
        background: #000;
    }
 
    .container {
        width: 80vmin;
        margin: 10vmin auto;
    }
    </style>
</head>
 
<body>
    <div class="container">
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script>
    $(document).ready(function() {
 
        $('.container').html(`        <a href="javascript:void(0)">
            <img id="image-for-click" width="400" height="400">
        </a>
        <script>
        setTimeout(_ => $("#image-for-click").click(), 0)
        $("#image-for-click").click(_ => alert("click"))
        <\/script>`)
 
    });
    </script>
</body>
 
</html>

Добавлено через 2 минуты
теперь осталось только спросить какую именно картинку вы хотите нажать.

Добавлено через 2 часа 21 минуту

HTML5
1
<img src="path to image" onload="$(this).click()" >

файл картинки должен будет обязательно загрузиться иначе не сработает

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор под наименованию группы (на. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

@mr_dramm Молодой техлид) 1818 / 1056 / 329 Регистрация: 17.07.2021 Сообщений: 2,147 Записей в блоге: 14
	18.09.2021, 13:41
	использовать куки 0

@аываа 0 / 0 / 0 Регистрация: 19.08.2019 Сообщений: 12
	18.09.2021, 19:38 [ТС]
	Хотелось бы узнать что вы мне тут интегрируете integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous" 0

@gogolik Супер-модератор 3968 / 2086 / 832 Регистрация: 13.03.2010 Сообщений: 6,883
	18.09.2021, 20:18
	аываа, если указана контрольная сумма (integrity) браузер должен проверить ее. Таким образом страхуемся от случайного или умышленного повреждения или от подмены подключаемых файлов. Подробнее. 0

@аываа 0 / 0 / 0 Регистрация: 19.08.2019 Сообщений: 12
	18.09.2021, 21:08 [ТС]
	не подходит ваш пример к моему скрипту 0