Как отобразить html-скрытый div после нажатия кнопки «Отправить» в другом php-файле

#javascript #php #html #css

#язык JavaScript #php #HTML #CSS

Вопрос:

У меня есть этот раздел в seosystem/index.php

 lt;div class="class" id="ScoreResult" style="display:none;"gt;   lt;div class="row border border-5 " style="background:whitesmoke;"gt;   lt;div class=" col toast w-20 z-depth-5 shadow-lg p-3 mb-5 bg-white rounded show w-100"gt;  lt;div class="toast-header"gt;  lt;strong class="me-auto"gt;Descriptionlt;/stronggt;  lt;!-- lt;button type="button" class="btn-close" data-bs-dismiss="toast"gt;lt;/buttongt; !--gt;  lt;/divgt;  lt;div class="toast-body "gt;  lt;div class="progress" style="height:20px; width:200px;"gt;  lt;div class="progress-bar bg-success" style="width:33.33%"gt;lt;/divgt;  lt;div class="progress-bar bg-warning" style="width:33.33%"gt; lt;/divgt;  lt;div class="progress-bar bg-danger" style="width:33.33%"gt; lt;/divgt;  lt;/divgt;  lt;pgt;10/10lt;/pgt;  lt;/divgt;  lt;/divgt;   lt;div class="col-sm border border-5 col-xxl mx-auto"gt;  lt;h4gt;lt;?php echo "Title: " . $title; ?gt;lt;/h4gt;  lt;?php echo "lt;iframe style="background-color:whitesmoke;" position="center"allow="accelerometer"; gyroscope; width="100%" height="315" src="http://www.youtube.com/embed/$ytcode" frameborder="0" allowfullscreengt;lt;/iframegt;lt;/divgt;";  ?gt;  lt;/divgt;  lt;/divgt;  

и у меня есть эта функция, seosystem/controller/youtubedata.php я пытался использовать Js, она не работала , поэтому я хочу, чтобы, когда пользователь отправит кнопку, она отобразит div для отображения данных

 if($_SERVER['REQUEST_METHOD'] == "GET" amp;amp; isset($_GET['url']) amp;amp; isset($_GET['submit'])){   /* echo "lt;/br gt;" ;   echo $input_Url_data . "Button clicked" ; */   $id_position = strstr($input_Url_data,"=");  $id_position = trim($id_position, "=" );  echo 'lt;script type="text/javascript"gt;',  'showtable(){  document.getElementById(lt;?php echo "ScoreResult" ;?gt;).style.display = "block";   }',  'lt;/scriptgt;' ;   }  

Это форма ввода и кнопка, я не уверен, должен ли я выполнить действие index.php или seosystem/controller/youtubedata.php

 lt;form class="d-flex justify-content-center " method="GET" action="index.php"gt;  lt;div class="input-group "gt;  lt;input type="text" class="form-control" name="url" placeholder="Enter Youtube Video URL" aria-label="Example text with button addon" aria-describedby="button-addon1"gt;  lt;input class="btn" value="Analyze" name="submit" type="submit" id="button-addon1"gt;lt;/inputgt;  lt;/divgt;  lt;/formgt;  

Комментарии:

1. В JS вы определяете функцию, но не запускаете ее.

2. Я думал, что он будет вызван автоматически, я отредактировал его и все еще не работает if($_SERVER['REQUEST_METHOD'] == "GET" amp;amp; isset($_GET['url']) amp;amp; isset($_GET['submit'])){ /* echo "lt;/br gt;" ; echo $input_Url_data . "Button clicked" ; */ $id_position = strstr($input_Url_data,"="); $id_position = trim($id_position, "=" ); echo 'lt;scriptgt; showtable(); lt;/scriptgt;'; }

3.и добавил эту часть в первую в seosystem/controller/youtubedata.php lt;htmlgt; lt;headgt; lt;script type="text/javascript"gt; function showtable() { document.getElementById( "ScoreResult").style.display = "block"; } lt;/scriptgt; lt;/headgt; lt;bodygt; lt;script src="..bootstrapscriptname.js"gt;lt;/scriptgt; lt;/bodygt; lt;/htmlgt;

4. Я выполнил образец js, и он работает, как вы думаете, функция не может прочитать идентификатор div, потому что он из другого файла ?

Ответ №1:

там две недопустимые переменные.. ЗАГОЛОВОК и YTCODE. Ну, я не знаю, как ты их раздобыл.

Но для отображения DIV Только в том случае, если ответ действителен, вот код;

 youtube.php  
 lt;?php  if($_SERVER['REQUEST_METHOD'] == "GET" amp;amp; isset($_GET['url']) amp;amp; isset($_GET['submit'])){  /* echo "lt;/br gt;" ;  echo $input_Url_data . "Button clicked" ; */  $id_position = strstr($input_Url_data,"="); $id_position = trim($id_position, "=" ); $verified_success = "yes"; // This is the conditional variable. /* echo 'lt;script type="text/javascript"gt;', 'showtable(){ document.getElementById(lt;?php echo "ScoreResult" ;?gt;).style.display = "block";  }', 'lt;/scriptgt;' ; */  }  
 index.php  
 lt;?php  // Stop Irrelevant Warning Signs From Showing such as invalid variables error_reporting(E_ERROR | E_PARSE); include("youtube.php"); ?gt;  lt;?php  if ($verified_success == NULL) {  ?gt; lt;form class="d-flex justify-content-center " method="GET" action=""gt;  lt;div class="input-group "gt;  lt;input type="text" class="form-control" name="url" placeholder="Enter Youtube Video URL" aria-label="Example text with button addon" aria-describedby="button-addon1"gt;  lt;input class="btn" value="Analyze" name="submit" type="submit" id="button-addon1"gt;lt;/inputgt;  lt;/divgt; lt;/formgt; lt;?php } ?gt;   lt;?php  if ($verified_success != NULL) { ?gt;  lt;div class="class" id="ScoreResult"gt;   lt;div class="row border border-5 " style="background:whitesmoke;"gt;   lt;div class=" col toast w-20 z-depth-5 shadow-lg p-3 mb-5 bg-white rounded show w-100"gt;  lt;div class="toast-header"gt;  lt;strong class="me-auto"gt;Descriptionlt;/stronggt;  lt;!-- lt;button type="button" class="btn-close" data-bs-dismiss="toast"gt;lt;/buttongt; !--gt;  lt;/divgt;  lt;div class="toast-body "gt;  lt;div class="progress" style="height:20px; width:200px;"gt;  lt;div class="progress-bar bg-success" style="width:33.33%"gt;lt;/divgt;  lt;div class="progress-bar bg-warning" style="width:33.33%"gt; lt;/divgt;  lt;div class="progress-bar bg-danger" style="width:33.33%"gt; lt;/divgt;  lt;/divgt;  lt;pgt;10/10lt;/pgt;  lt;/divgt;  lt;/divgt;   lt;div class="col-sm border border-5 col-xxl mx-auto"gt;  lt;h4gt;lt;?php echo "Title: " . $title; ?gt;lt;/h4gt;  lt;?php echo "lt;iframe style="background-color:whitesmoke;" position="center"allow="accelerometer"; gyroscope; width="100%" height="315" src="http://www.youtube.com/embed/$ytcode" frameborder="0" allowfullscreengt;lt;/iframegt;lt;/divgt;";  ?gt;  lt;/divgt;  lt;/divgt;   lt;?php } ?gt;  

Комментарии:

1. спасибо, что это решено, переменная YTCODE предназначена для сохранения идентификатора видео youtube и использования его для lt;iframegt;