событие onclick открывает окно и при отправке отправляет ссылки на функцию php, которая устанавливает некоторые значения в db

Question

Я пытаюсь создать своего рода окно оповещения с событием onClick.Основная идея здесь состоит в том, чтобы создать поле, которое просит пользователя выбрать какое-либо значение (флажок), а затем отправить.После того, как пользователь нажмет кнопку отправки, он должен отправить значения формы в db.

Я думаю, что не смогу напрямую связать php-функцию в событии onClick.

Любые советыначать создавать этот функционал?

Answer 1

Вы можете попробовать это ...

<script type='text/javascript'>
    function box(){

                document.getElementById('light').style.display='block';
                document.getElementById('fade').style.display='block';
        }

</script>

<style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 30%;
            width: 30%;
            height: 19%;
            padding: 8px;
            border: 8px solid #a31d21;
            background-color: white;
            z-index:1002;
            overflow: auto;

        }
    </style>

И тело ...

<a href="#" onclick="box();">Click</a> 

<div id="light" class="white_content">

 Your form here...      

  </div>
        <div id="fade" class="black_overlay"></div>

Answer 2

вы должны использовать методы javascript и ajax .. вы не можете вызывать php-функции в вашем html, как при отправке ... вы можете вызвать функцию javascript, и эта функция вызовет ajax-запрос для вызова php-функции ....

html на стороне клиента, php на стороне сервера.вы можете общаться между ними, используя JavaScript, если хотите.