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

@аываа · Регистрация: 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()" >

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

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

@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 Супер-модератор 3971 / 2093 / 832 Регистрация: 13.03.2010 Сообщений: 6,914
	18.09.2021, 20:18
	аываа, если указана контрольная сумма (integrity) браузер должен проверить ее. Таким образом страхуемся от случайного или умышленного повреждения или от подмены подключаемых файлов. Подробнее. 0

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

Опции темы