Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Нажатие кнопок на форме через расширение

Здравствуйте!
Подскажите пожалуйста как реализовать данную функцию:
https://xxxx/audios/ -это страница с музыкой

Название: Screenshot_5.jpg
Просмотров: 13

Размер: 2.4 Кб это кнопки на этой странице



Код расширения:
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
 
<html>
<head>
 
<script type="text/javascript" src="js/popup.js"></script>
    <title></title>
</head>
<body>
      <input type="image" src="images/121.png"  id="1" alt="Submit Form"  />
      <input type="image" src="images/120.png"   id="2" alt="Submit Form" />
      <input type="image" src="images/122.png"   id="3" alt="Submit Form" />
      <input type="image" src="images/123.png"  id="4" alt="Submit Form" />
</body>
</html>

Нужно сделать так,что бы по нажатию к примеру на id="1" на этой странице https://xxxx/audios/ нажималась кнопка
: id="ac_play" Нажатие кнопок на форме через расширение
Ответ: kalabuni, понял,пишу для хрома

Добавлено через 22 часа 37 минут
Может кто не понял сути:
Есть расширение с кнопками как нажимая на эти кнопки управлять плеером ,код кнопок управления плеером http://www.cyberforum.ru/attachments/514291d1428952800
Вопрос: Стилизация кнопки отправки формы

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

Это вот она:
HTML5
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <style type="text/css">
            /** Классы **/
            .vbuttons {width: 100px; float: left; margin: 0px 0;}
            .vbuttons li {float: left; list-style-type: none; position: relative;}
            .vbuttons a {float: left; height: 50px; overflow: hidden; position: relative;}
            .vbuttons span {background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 50px; left: 0; position: absolute; top: 0; width:100px;}
            .vbuttons a:hover {visibility: visible; /* --- IE6 bugfix --- */}
            .vbuttons a:hover span {background-position: left bottom;}
            
            /** Графическое меню **/
            .menu1 {width: 100px;}
            .menu1 span {background-image: url(img/bla-bla1.jpg);}
        </style>
    </head>
    <body class="body" onload="finished()">
        <form name=log style="display: inline;" action='login.php' method=post>
            <table style="width:100px; height:50px;" border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td align=center>
                        <div class="vbuttons">
                            <a href="http://tratata.ru/tratata.php" class="menu1">Кнопка с выделением
                                <span title="Кнопка с выделением"></span>
                            </a>
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>
И есть вторая, которая редиректит там куда - то(LOGIN_redirect), но у неё нет этого класса, и картинка одинарная.

Вот:
HTML5
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <style type="text/css">
            /** Классы **/
            .hbuttons {width: 100px; float: left; margin: 0px 0;}
            .hbuttons li {float: left; list-style-type: none; position: relative;}
            .hbuttons a {float: left; height: 50px; overflow: hidden; position: relative;}
            .hbuttons span {background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 50px; left: 0; position: absolute; top: 0; width:100px;}
            .hbuttons a:hover {visibility: visible; /* --- IE6 bugfix --- */}
            .hbuttons a:hover span {background-position: left bottom;}
        </style>
    </head>
    <body class="body" onload="finished()">
        <form name=log style="display: inline;" action='login.php' method=post>
            <input type=hidden name=LOGIN_redirect value=1>
            <table style="width:100px; height:50px;" border="1" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td align=center>
                        <div class="hbuttons">
                            <input type=image src="img/bla-bla.jpg" title="Кнопка!">
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>
Вся разница между ними вот в этом:
CSS
1
2
3
/** Графическое меню **/
.menu1 {width: 100px;}
.menu1 span {background-image: url(img/bla-bla1.jpg);}
И ещё вот сами они:

HTML5
1
2
3
4
5
<div class="vbuttons">
    <a href="http://tratata.ru/tratata.php" class="menu1">Кнопка с выделением
        <span title="Кнопка с выделением"></span>
    </a>
</div>
HTML5
1
2
3
<div class="hbuttons">
    <input type=image src="img/bla-bla.jpg" title="Кнопка!">
</div>
Так вот, как вторую, неказистую кнопку сделать тоже светящейся при наведении?

Понятно для начала нужно картинку сделать - сделал.
Потом такую фиговину создать:
CSS
1
2
3
/** Графическое меню **/
.menu2 {width: 100px;}
.menu2 span {background-image: url(img/bla-bla.jpg);}
Сделал. Потом нужно в самой кнопке это указать.

Так картинка полностью отображается:
HTML5
1
<input class="menu2" type=image src="img/bla-bla.jpg" title="Кнопка!">
Так вообще ввод текста, и без картинки:
HTML5
1
<input class="menu2" type=image title="Кнопка!">
Так вообще ввод текста, и без картинки:
HTML5
1
<input class="menu2" title="Кнопка!">
Как правильно - то? Ненавангую чую
Ответ: А как хоть гуглу объяснить что я ищу?
Нахожу только это:

Добавлено через 43 минуты
Нашел что - то:

HTML5
1
2
3
4
input[type="submit"]:hover {
    border: 1px solid #999;
    color: #000;
}
Не понял куда это ставить...

Добавлено через 1 час 0 минут
Сделал:

HTML5
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
<!DOCTYPE html>
<html>
    <head>
        <style>
            input[type="submit"] {
                background: url(http://htmlbook.ru/example/images/mark.png); /* Путь к файлу с исходным  рисунком */
                display: block; /* Рисунок как блочный элемент */
                width: 151px; /* Ширина рисунка в пикселах */
                height: 40px; /* Высота рисунка */
            }
            input[type="submit"]:hover {
                background-position: 0 -40px; /* Смещение фона */
            }
        </style>
    </head>
    <body>
        <form name=log action='/login.php' method=post>
            <input type=hidden name=LOGIN_redirect value=1>
            <p><input name="login" type="text" maxlength=16 title='Логин' value='Логин'></p>
            <p><input type=hidden name="lreseted" value=0></p>
            <p><input name="pass" type="password" maxlength=20 title='Пароль' value='Пароль'></p>
            <p><input type=hidden name="preseted" value=0></p>
            <p><input type="submit" value="Войти в игру!"></p>
        </form>
    </body>
</html>
Вопрос: Как сделать кнопку необычной формы?

Всем привет! У меня такой вопрос: как сделать на сайте кнопку такой формы ?

Пробовал поиграться с бордерами, но не вышло. Рисовать кнопку и вставлять как картинку это крайний вариант. Буду очень признателен за помощь! Заранее спасибо.
Ответ: Работает! Спасибо большущее!
Вопрос: Html Кнопка в форме сердечка

Нужно сделать кнопку в форме сердечка вроде "лайков" в социальных сетях, чтобы сначала был просто контур, а когда наводиш мышкой кнопка окрашивалась в цвет и при нажатии цвет оставался.
Ответ: Огромное спасибо, выручили!
Вопрос: Как по нажатию кнопки на форме что-то сделать на JS и потом запустить сервлет?

Здравствуйте.

Возникла необходимость по нажатию кнопки на форме что-то сделать на JS и потом запустить сервлет.

Каким образом это возможно сделать?

p.s.

нашел

document.location.href="${pageContext.request.contextPath}/NewServlet";


Но этот метод инициирует GET обращение, возможно ли его обратить в POST?
Ответ: Petro123,

да, сервлет Java
Вопрос: Узнать какой кнопкой отправляется форма

Есть форма с обработчиком onsubmit.
Форма содержит один текстовый input и может быть отправлена одной из трёх кнопок с type=submit или или нажатием Enter при заполнении input-а.
Код:
<form onsumit="...">
  <input size=30 name=email type=email placeholder="Введите e-mail">
  <input type=submit name=auth value=Вход>
  <input type=submit name=auth value=Регистрация>
  <input type=submit name=auth value="Восстановление пароля">
</form>
Возможно ли, не вешая обработчики на элементы формы, определить чем собственно была инициирована отправка формы?

Спасибо
Ответ: form onclick="return fun(event)"

function fun(e) {
    e = e.target || e.srcElement;
    alert(e.name) //если имя каждой кнопки уникально, то этого будет достаточно
    .....
}
Вопрос: Несколько submit в одной форме + Jquery

Дано:
1) Некоторая форма
<form id="newhotelextraid" name="newhotelextraid" action="/newhotelextrasave.page" method="POST" >...

2) Несколько кнопок submit в ней. Нужная
<button type="submit" id="newhotelextraid_newhoteldeleteextra" name="action:newhoteldeleteextra"...


Сама кнопка отлично работает, если на ней щелкнуть в браузере. Но конструкция
$('#newhotelextraid_newhoteldeleteextra').click();
работает только из консоли самого браузера. Нажать её из кода не выходит. Firefox и Chrome не выводят ошибок, но и ничего не делают. В остальном с кнопкой можно делать что угодно.

Простой submit сделать нельзя, так как форма тогда пойдет по другому пути.

Вопрос, как же все-таки заставить форму сделать submit именно по условию на этой кнопке?
Ответ: правильные посоны, спасибо. На горох не мне. Приходится чужую форму дорабатывать.
Вопрос: Динамическое добавление форм

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

и так несколько раз.
На серваке эти данные будут приходить как многомерный массив.

<form>
<input ......./>
<input ......./>

//  блок полей которые надо повторять
<input name="year_1" ......./>
<input name="make_1" ......./>
<input name="engine_1" ......./>
// конец блока полей которые надо повторять

</form>


но при этом имена полей должны соответственно менять индексы... чтоб потом это весть большой массив перебрать foreach

Спасибо!
Ответ: Не формы надо добавлять, а поля одной форме, которым давать имена принадлежащие массиву - name="name[]".
Вопрос: Ajax Получение кода по клику в форме регистрации

Здравствуйте, уважаемые форумчане!
Есть задача: в форме регистрации есть поля логин, почта, телефон, поле проверочный код и две кнопки.
1) При нажатии на первую проверяется заполненность полей "логин" "телефон" и если все заполнено на сервере это записывается в базу данных и формируется проверочный код, который отправляется по смс. Процесс отправки происходит с помощью Ajax
2) При нажатии на вторую проверяются все поля и происходит процесс регистрации.

Я уже извелся, плохо у меня с js. Начиная от того, как сделать две кнопки одной формы перенаправляющие на разные action, заканчивая правильной отправкой на сервер. Прошу помощи.
Ответ:
Сообщение от yourmaze
Да, спасибо!)
Лучше бы в карму.
Вопрос: Как отправить форму, если в ней имеется еще одна форма, через ajax?

Здравствуйте, знатоки. Имеется главная простая форма для отправки с вложенной формой для загрузки файлов. Как отправить главную форму без перезагрузки страницы через ajax?
Ответ: Я об этом выше написал. Я в курсе куда файл ложится. Ссылка загружается все равно в форму. Вот и ответь, как загрузить ссылки на файлы в форму?

Добавлено через 15 часов 27 минут
Так я подгружаю файл на сервер и получаю ссылку. Файл upload.php стандартный php скрипт для загрузки.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
        $("#uploadForm").on('submit', function(e){   
            e.preventDefault();
            $.ajax({
                url: "upload.php",
                type: "POST",
                    data: new FormData(this),
                    contentType:false,
                    processData:false,
                success:function(data){
                    $("#files_link_tmp").html(data);
                    /*file links as text*/
                    $("#upload_field").append($("#files_link_tmp").find('#file_link').html());
                    /*file links as href*/
                    $("#files_link").append($("#files_link_tmp").find('#file_name').text());
                    $("#files_link_tmp").empty();   
                    alert("Загружено");
                    $("#file").val('');
                }
                });
                             });

Так я отправляю главную форму.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
            $("#sendform").submit(function(e){
                e.preventDefault();
                $.ajax({
                    url: "action.php",
                    type: "POST",
                    data: new FormData(this),
                    contentType:false,
                    processData:false,
                    success:function(data)
                    {
                        alert(data);
            //Reset form
            $("#sendform")[0].reset();
            $("#incoming_flag").css("background-image", "none");
            $("#outgoing_flag").css("background-image", "none");
        }
    });
            });
Суть проблемы в том, что когда я жму на кнопку загрузить файл в форме uploadForm, то отправляется вся главная форма sendform.