Как спрятать вывод строки из файла в спойлер?

Question

[Владислав]

Добрый день, пользователи Тостера! Моя программа работает следующим образом: Есть файлы на сервере, есть php-модуль, который содержит функцию поиска ключевого слова в текстовых файлах и выводит строку, содержащую это слово. Мне необходимо, чтобы результат поиска выводился в спойлер, который по умолчанию будет закрыт, и при нажатии на него разворачивался результат поиска. Вот код:

<?php 

function getFiles() {

	$dir = './files';
	$files = array_diff(scandir($dir), array('..', '.'));
	foreach ($files as $key => $value) {
		// echo $value . ', ';
	}
	return $files;
}

function search($fileName, $searchText, $pattern) {

	$contents = file_get_contents('./files/' . $fileName);

	if(preg_match_all($pattern, $contents, $matches)) {
		echo "<br>" . "Результат поиска в файле: " . $fileName . "<br>";
		$string = implode($matches[0], "<br>");
		$search = preg_quote($searchText);
		$string = preg_replace("/($search)/iu", "<span style='background-color: #44FF00'>$1</span>", $string);
		//$substring = mb_substr($string, 0, strlen($string));
		echo $string;
	} else {
		echo "<br>" . "Нет совпадений в файле " . $fileName . "<br>";
	}
}

function searchAnyWord() {

	if ($_POST['word'] != '' && $_POST['word'] != ' ') {
		$arSeacrh = GetFiles();
		$searchText = $_POST['word'];
		foreach ($arSeacrh as $k=>$fileName) {
	    	search($fileName, $searchText, "/^.*?$searchText.*$/imu");
	    	echo "<br>";
		}
	} else {
		echo '<span style="color: #D10000">Ошибка, заполните поле поиска!</span>';
	}
}

function searchSpecWord() {

	if ($_POST['word'] != '' && $_POST['word'] != ' ') {
		$arSeacrh = GetFiles();
		$searchText = $_POST['word'];
		foreach ($arSeacrh as $k=>$fileName) {
	    	search($fileName, $searchText, "/^.*?$searchText.*$/mu");
	    	echo "<br>";
		}
	} else {
		echo '<span style="color: #D10000">Ошибка, заполните поле поиска!</span>';
	}

}

function changeOptions() {

	if($_POST['anyWord'] == true) {
		searchAnyWord();
	} else {
		searchSpecWord();
	}
}

changeOptions();

?>

Answer 1

[Stalker_RED]

Простейший пример спойлера: https://jsfiddle.net/f8x64822/

P.S.: код ужасный, лапша же.

Comments

[Владислав]

В чем он ужасный? Я просто начинающий кодер. И либо я что то не так вставляю, либо какой то косяк. Теперь вместо совпадений он выводит
"); = preg_quote(а); = preg_replace('/()/iu', '$1', ); echo ; ?>"

[Stalker_RED]

Владислав, https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B0%D...

У вас куски разметки прямо внутри бизнес-логики, это очень сложно поддерживать.

теперь вместо совпадений он выводит
"); = preg_quote(а); = preg_replace('/()/iu', '$1', ); echo ; ?>"

Ничего не могу подсказать, так как без понятия что вы изменили в коде, что он выводил раньше и что должен выводить. А угадывать все это - сложно.

[Владислав]

Stalker_RED, Огромное спасибо за решение, а как быть, если у меня много спойлеров)? Как указать каждому дата-таргету, чтоб он открывал свой спойлер, а не срабатывал на первом?

[Stalker_RED]

Владислав, прописать каждому разный target, например.
https://jsfiddle.net/f8x64822/1/

Или ,если вы уверены, что блок с контентом всегда будет идти сразу за спойлером, можно без всяких таргетов, раскрывать ближайший:
https://jsfiddle.net/f8x64822/2/

[Владислав]

Stalker_RED, спасибо!

Answer 2

[Василий Черненков]

Простейший пример с использованием jQuery:

jQuery(document).ready(function($) {
  $('box_head').on('click', function() {
    $(this).siblings('.box_body').slideToggle();
  });
});

<div class="box">
  <div class="box_head">Название сполйлера</div>
  <div class="box_body" style="display:none;">Контенет спойлера</div>
</div>

Дальше все зависит от нужд и воображения..

Comments

[Владислав]

Решение замечательное, но я не знаю, как это выводить в своем php-модуле....