Member 8731683 Ответов: 5

Как создать всплывающее окно в php?

В php как создать всплывающее окно...

5 Ответов

Рейтинг:
2

Sachin Geh 

<!doctype html>
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(function() {
  // CODE TO CLOSE THE POPUP
  // USE THE .on METHOD IN CASE WE
  // WANT TO MODIFY THIS TO LOAD POPUP
  // CONTENT VIA AJAX
  $('body').on('click','.closePopup', function() {
    // CHANGE BACKGROUND TO GREEN 
  // FOLLOWED BY A FADEOUT TO GIVE
  // A DELAY TO SHOW CHANGE IN COLOUR
    $('.action input').css({backgroundColor: 'green'}).fadeOut(300, function() {
    // REMOVE ALL ELEMENTS WITH THE 
    // popupElement STYLE - INCLUDES OVERLAY
    // AND POUP
      $('.popupElement').remove()
    });
  });
  // HANDLE THE WINDOW RESIZE.
  // WHEN WINDO IS RESIZED - MAKE SURE
  // POPUP STAYS CENTERED.
  $(window).resize(function() {
    // FIND THE POPUP
    var popup = $('#popupWindow');
  // IF IT EXISTS CENTRE IT
    if (popup.length > 0) {
      centerPopup();
    }
  });
  // TRIGER DISPLAY OF POPUP
  $('a').click(function(e) {
    // DISABLE DEFAULT CLICK FUNCTIONALITY FOR <a>
    e.preventDefault();
  // CREATE OUR OVERLAY AND APPEND TO BODY
    var overlay = $('<div/>').addClass('overlay').addClass('popupElement');
    $('body').append(overlay);
  // CREATE OUR POPUP AND POSITION OFFSCREEN.
  // WE DO THIS SO WE CAN DISPLAY IT AND CALCULATE
  // ITS WIDTH AND HEIGHT SO WE CAN CENTRE IT
    var popup = $('<div/>').attr('id','popupWindow').addClass('popup').addClass('popupElement').css({left: '-999px'});
  // CREATE THE HTML FOR THE POPUP
    var html = '<img src="' + $(this).attr('href') + '" /><div class="action"><input type="button" value="Continue" class="closePopup"/></div>';
    popup.html(html);
  // APPEND THE POPUP TO THE BODY
    $('body').append(popup);
  // AND CENTER IT
    centerPopup();
  });
});
// FUNCTION TO CENTER THE POPUP
function centerPopup()
{
  var popup = $('#popupWindow');
  // LEFT AND TOP VALUES IS HALF THE DIFFERENCE 
  // BETWEEN THE WINDOW AND POPUP METRICS.
  // USE THE SHIFT RIGHT OPERATOR TO DO DIV BY 2
  var left = ($(window).width() - popup.width()) >> 1;
  var top = ($(window).height() - popup.height()) >> 1;
  // SET LEFT AND TOP STYLES TO CALCULATED VALUES
  popup.css({left: left + 'px', top: top + 'px'});
}
</script>
<style type="text/css">
.overlay {
  background: #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.95;
  filter: alpha(opacity=95);
  z-index: 1;
}
.popup {
  background: #fff;
  border: 2px solid #333;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
}
.popup img {
  display: block;
  margin-bottom: 15px;
}
.popup div.action {
  text-align: right;
}
.popup div.action input {
  background: red;
  color: white;
  border: red;
}
</style>
</head>
<body>
<a href="images/a3.jpg">Click me</a>
</body>
</html>

Рейтинг:
1

Member 9993787 

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello! I am an alert box!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Show alert box" />

</body>
</html>

Killzone DeathMan

Хорошая попытка мужчины, но это javascript! Он имеет в виду в PHP!
PHP-это серверная сторона, и я думаю, что вы не можете показать всплывающее окно с PHP :P
Но с PHP вы можете печатать так:

эхо '
<!DOCTYPE html>
<html>
<голова>
<скрипт>
тревога("Привет! Я-бдительный ящик!");
</script>
</head>
<тело>

</body>
</html>';

Рейтинг:
0

Om Prakash Pant

Смотрите следующие ссылки:

http://www.php-development.ru/javascripts/popup-window.php[^]

Используя javascript, вы можете создавать окна, а не PHP.

http://www.codingforums.com/archive/index.php/t-64888.html[^]

Рейтинг:
0

W∴ Balboos, GHB

Как было отмечено в одном из приведенных выше комментариев, php является серверной стороной - он заканчивает всю свою работу еще до того, как доберется до пользователя. Я понимаю возможную необходимость всплывающего окна на стороне сервера в том, что содержимое может быть настроено на лету с помощью содержимого сервера.

Вам понадобится что-то на стороне клиента, чтобы ответить пользователю (клиенту).
Один из способов сделать это-создать пустой div в центре экрана. Он не имеет никакого содержания и полностью прозрачен во всех отношениях. Внутри него вы можете создать любой Тип HTML, который вы хотите. Это делается с помощью АЯКС [^] (и, следовательно, требует javaScript). Вы создаете видимое поле, изменяя содержимое невидимых полей [через innerHTML]. Кнопки (или что-то еще) могут быть частью этого контента. Если вы хотите, чтобы кнопки взаимодействовали с пользователем, то это взаимодействие уже существует на Вашей странице (в противном случае это трудно сделать) и у вас есть события, вызывающие его. Можно даже включить javaScript в ваше обновление AJAX - a b это больше навыков, необходимых для его выполнения. Вы можете заставить поле исчезнуть в вашем скрипте, изменив его содержимое (innerHTML) на ничто.

Все это говорит о том, что если вы уже используете javaScript на стороне клиента, если только данные не существуют только на сервере, вы не хотите использовать php - вы хотите использовать javascript.

Если этот или любой другой ответ решает вашу проблему, пожалуйста, используйте его, чтобы отметить вопрос закрытым.

Рейтинг:
0

ntechsolution

//всплывающее окно в php
$a=1;
если ($a==1)
{
$message = "спасибо".;
<скрипт>
echo "alert('$message')";
</SCRIPT>
}
?>

Richard MacCutchan

Этому вопросу уже более трех лет; Пожалуйста, не тратьте время на ответы на такие вопросы.