ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как скрыть кнопку и показать вместо нее текст
12 сообщений из 12, страница 1 из 1
Как скрыть кнопку и показать вместо нее текст
    #39201703
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
Пытаюсь так разместить
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
        <p>
            <input type="button" onclick="location='GetDolg.jsp'" value="Назад">
            <input type="button" id="pay" onclick="Pay()" value="Оплатить" style="margin-left:30px;">
            <div id="load" style="display:none">Регистрация оплаты...</div>
         </p>

                $('#pay').css("visibility","hidden");
                $('#load').css("display","block");


НО когда кнопку скрываешь - текст появляется вообще на другой строке (еще и свдигает все вниз), а нужно чтобы было прям на месте кнопки
...
Рейтинг: 0 / 0
28.03.2016, 09:06
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39201709
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
естественно, а не визибле пробовал
$('#pay').css("display","none");
...
Рейтинг: 0 / 0
28.03.2016, 09:11
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39202025
Фёдор К
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фёдор К
Гость
wolverin,
С вашим пофигизмом к постановке задачи и так сойдёт...
...
Рейтинг: 0 / 0
28.03.2016, 13:17
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39202044
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
Фёдор К,

а что с ней не так? )
есть 2 кнопки, хочу чтобы одна пряталась и вместо нее появлялся текст
временно сделал появление текста над кнопками, хоть сдвигаться перестало
...
Рейтинг: 0 / 0
28.03.2016, 13:39
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39203170
Фёдор К
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фёдор К
Гость
wolverinФёдор К,

а что с ней не так? )
есть 2 кнопки, хочу чтобы одна пряталась и вместо нее появлялся текст
временно сделал появление текста над кнопками, хоть сдвигаться перестало
1. Так и непонятно, по какому событию должны замены происходить (предположительно "Оплатить") - но я не должен гадать.
2. Инлайн контейнер (<p>) не должен содержать блочный (<div>). Только инлайн или инлайн-блок (картинки).
3. ХТМЛ в стандартном варианте (не переопределенный) - поточный. Слева-направо, сверху-вниз. Как элементы описываются, так и выводятся.

Изучайте ХТМЛ.

Вот вариант:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
    <div>
        <input type="button" onclick="location = 'GetDolg.jsp'" value="Назад" />
        <span id="load" style="display: none">Регистрация оплаты...</span>
        <input type="button" id="pay" onclick="Pay()" value="Оплатить" style="margin-left: 30px;" />
    </div>
    <script>
        function Pay()
        {
            $('#pay').css("display", "none");
            $('#load').css("display", "");
        }
    </script>
...
Рейтинг: 0 / 0
29.03.2016, 13:43
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39203211
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FishHook
Участник
Ребят, если уж использовать jQuery, то как-то так
...
Рейтинг: 0 / 0
29.03.2016, 14:10
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39203374
Фёдор К
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фёдор К
Гость
FishHookРебят, если уж использовать jQuery, то как-то так
С чего вы взяли, что так правильней? Религия?

С точки зрения разработчика я четко вижу что произошло с элементом. И кто ковырять будет - также.

А этот перегруженный .show()/hide() - фз какой по производительности и что он делает с элементом.

И потом, я максимально близко к его исходнику сделал, чтобы наглядней - ТС явно новичок в этом деле.


Так, что - ваш коммент не обоснован.
...
Рейтинг: 0 / 0
29.03.2016, 16:29
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39203541
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FishHook
Участник
Фёдор КС точки зрения разработчика я четко вижу что произошло с элементом
Ну и зачем тогда jQuery? Пиши на чистом JS, всё видно всё прозрачно. Ну а если уж ты решил использовать библиотеку, упрощающую тебе жизнь, то почему ты используешь её возможности?
Фёдор Ки что он делает с элементом
Так в том то и дело, что тебя вообще не должно это интересовать, что там происходит с элементом.
Тебе нужно его скрыть, для этой невероятно часто использующейся плюшки тебе предоставили специальный метод. Ну а если ты считаешь разработчиков jQuery недостаточно квалифицированными и боишься, что тебе
испортят перфоманс, то глупо вообще использовать сторонний код.
...
Рейтинг: 0 / 0
29.03.2016, 18:33
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39203563
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FishHook
Участник
FishHookто почему ты НЕ используешь её возможности
...
Рейтинг: 0 / 0
29.03.2016, 18:48
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Как скрыть кнопку и показать вместо нее текст
    #39584769
EvgenyNazarov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EvgenyNazarov
Гость
Фёдор К,

Классный вариант!

Но у меня возникла проблемка!

На странице есть 10 кнопок, все внутри table.
При клике на кнопку должна появляться иконка, а сама кнопка должна исчезнуть.

С одной кнопкой работает всё прекрасно, но когда подключаешь другую возникает конфликт и при клике по первой открывается крайняя.

Возможно подскажете как это реализовать. Сам ни бум-бум. Сижу вторые сутки читаю, пробую.
...
Рейтинг: 0 / 0
16.01.2018, 06:43
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39584801
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
EvgenyNazarovНо у меня возникла проблемка!

На странице есть 10 кнопок, все внутри table.
При клике на кнопку должна появляться иконка, а сама кнопка должна исчезнуть.

С одной кнопкой работает всё прекрасно, но когда подключаешь другую возникает конфликт и при клике по первой открывается крайняя.

Возможно подскажете как это реализовать. Сам ни бум-бум. Сижу вторые сутки читаю, пробую.
Тестовый пример начинай делать. Выкладывай его тут, может и поможем тебе...
...
Рейтинг: 0 / 0
16.01.2018, 09:05
| Ответить | Цитировать | Написать  
Как скрыть кнопку и показать вместо нее текст
    #39587043
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
EvgenyNazarovФёдор К,

Классный вариант!

Но у меня возникла проблемка!

На странице есть 10 кнопок, все внутри table.
При клике на кнопку должна появляться иконка, а сама кнопка должна исчезнуть.

С одной кнопкой работает всё прекрасно, но когда подключаешь другую возникает конфликт и при клике по первой открывается крайняя.

Возможно подскажете как это реализовать. Сам ни бум-бум. Сижу вторые сутки читаю, пробую.
Код: html
1.
2.
3.
4.
5.
<button onclick="Pay(this)">

function Pay(button){
    $(button).hide();
}
...
Рейтинг: 0 / 0
19.01.2018, 13:22
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как скрыть кнопку и показать вместо нее текст
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39201703&tid=1444328]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 31ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 57ms
get tp. blocked users:
 2ms
others: 14ms
total:  150ms
созд. / загр.: 150ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]