Как показать тег Div только после отправки формы?

Как показать тег div только после отправки формы...?

Используя js или php..!

Я хотел бы показать <div id=submitButton> после отправки формы

Код тега div:

<script type = "javascript">
function onSubmit(){
    document.getElementById('submitButton').style.display = "none";
    document.getElementById('progressBar').style.display = "block";
}
</script>

<video id='video01'  width='160' height='90' data-autoresize='fit' data-volume = ".5"  >
  <source type = "video/mp4" src = "<?php $data = json_decode($getGP, true); echo $data[1]['file'];?>" />
 <source type = "video/mp4" src = "<?php $data = json_decode($getGP, true); echo $data[0]['file'];?>" data-quality = "hd"/>
</video>

<div id = "submitButton">

<button class = "button button1" ><a class='afterglow' id = "mytrigger" href = "#video01">Play Now</a></button>

</div>

Код HTML-формы:

<form action = "" method = "POST" onSubmit = "return onSubmit()"return false;>
    <input type = "text" size = "80" name = "url" value = "https://photos.google.com/share/AF1QipMTEPAiVF8t0YqLukflnOSQjwfd8ARIoT2h37AXvYO1uaWodbeiFoBUDuD_19tEbg/photo/AF1QipPA2Bq0JlAR9LoGD3mogsxSb9OZWEG4XqBDD4Rv?key=cjhUT0xrZjM5NGN2SVRLOVptZU5SMUlKV0lQYWpB"/>
    <input type = "submit" value = "Load Now" name = "submit" />
</form>

Так что показывай только если isset($_POST['submit']);

— 06.04.2019 16:11

php html forms

06.04.2019 16:01

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

<?php
    if ( $_SERVER['REQUEST_METHOD']=='POST' ){
?>

<div id = "submitButton">
    <button class = "button button1" ><a class='afterglow' id = "mytrigger" href = "#video01">Play Now</a></button>
</div>

<?php
    }//close if
?>

06.04.2019 16:12

Ответ принят как подходящий

Если вам нужна реализация JavaScript, вы можете создать правило класса CSS, чтобы изначально скрыть <div id = "submitButton">, а затем в обратном вызове функции onSubmit() добавить класс CSS, чтобы изменить отображение с display:none; на display:block; Что-то вроде следующего:

function onSubmit(){
  var element = document.getElementById('submitButton')
  element.className += "show-ele";
}

.hide-ele {
  display: none;
}

.show-ele {
  display:block;
}

<!DOCTYPE html />
<html>
  <head>
  </head>
  <body>
    <div id = "submitButton" class = "hide-ele">Submit Button Div</div>

    <form action = "/" method = "POST" onSubmit = "return onSubmit()"return false;>
      <input type = "text" size = "80" name = "url" value = "<Insert your Video URL here>"/>
      <input type = "submit" value = "Load Now" name = "submit" />
    </form>
  </body>
</html>

Затем вы можете управлять отображением/скрытием элементов, добавляя соответствующие классы CSS hide-ele и show-ele.

Надеюсь, это поможет!

06.04.2019 16:20