Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: CSS в кнопке.

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » CSS в кнопке.

Страниц (1): [1]

1. Russer - 13 Февраля, 2015 - 15:23:25 - перейти к сообщению

Здравствуйте !
У меня есть кнопка которая обрабатывается в java script

PHP:
скопировать код в буфер обмена

btn.click(function(){
            if($(this).hasClass('disabled')){
              lightEmpty();
              return false
            } else {
              form.submit();
 

Как сделать так , чтобы по мимо form.submit() он выводил белую полупрозрачную рамку по верх всех окон ?

2. skiphog - 13 Февраля, 2015 - 19:58:44 - перейти к сообщению

Russer пишет:

он выводил белую полупрозрачную рамку по верх всех окон ?

Вопрос не совсем понятен.
Что вы хотите сделать?

3. Russer - 13 Февраля, 2015 - 20:48:27 - перейти к сообщению

У меня есть форма , и Jquery скрипт к ней , который проверяет правильность заполнения полей , после того ,как все поля заполнены кнопка подсвечивается ,и начинает выполняться скрипт , я хочу чтобы в это время по верх всех окон появлялся экран загрузки , в css я его реализовал , а как подключить к кнопке не знаю.

4. skiphog - 13 Февраля, 2015 - 22:43:48 - перейти к сообщению

Вы отправляете форму c помощью ajax jQuery так? ...
Можете так попробовать.

CODE (javascript):
скопировать код в буфер обмена

$.ajax({
  url: 'ваш урл',
  type: 'post', // или get
  data: {данные, которые отправляете},
  beforeSend: function(data){
    /*
    * в этом болоке и будут все ваши танцы с бубном
    * делаете появление экрана загрузки 
    * подключаете ваш волшебный css
    */ 
  },
  success: function(data){
    // если все хорошо, то тут обрабатываете этот "хорошо"
    // выключаете экраны загрузки и все то, что делали в предыдушем блоке
  }
});

5. Russer - 14 Февраля, 2015 - 09:53:06 - перейти к сообщению

Я через

PHP:
скопировать код в буфер обмена

<form action="pn/rtf.php" method="post" class="form_check form_style">
 

Но все равно спасибо , про ajax почитаю!

6. IllusionMH - 15 Февраля, 2015 - 13:43:22 - перейти к сообщению

Russer, поправить только способ получения элемента который будет перекрывать

CODE (javascript):
скопировать код в буфер обмена

document.getElementById('fader').style.display = 'block';
form.submit();

7. Russer - 16 Февраля, 2015 - 21:03:51 - перейти к сообщению

IllusionMH пишет:

Russer, поправить только способ получения элемента который будет перекрывать

CODE (javascript):
скопировать код в буфер обмена

document.getElementById('fader').style.display = 'block';
form.submit();

Спасибо за подсказку , попробовал решить таким способом :

PHP:
скопировать код в буфер обмена

form onsubmit="showPic(); return false;" 

PHP:
скопировать код в буфер обмена

<script type="text/javascript">
function showPic() {
document.getElementById("picDiv").style.display = "block";
}
</script>
 

8. Russer - 17 Февраля, 2015 - 08:23:07 - перейти к сообщению

IllusionMH пишет:

Russer, поправить только способ получения элемента который будет перекрывать

CODE (javascript):
скопировать код в буфер обмена

document.getElementById('fader').style.display = 'block';
form.submit();

Подумал , понял что нагородил , сделал как вы сказали все работает , спасибо!