Вставить код php в div
 

Привет мир!

Имеется простенькая форма с инпутом и кнопкой:

<form>
            <p class="flex">Режим защиты от спама
                <input id="pass-kide" type="text" name="" value="">
				<input id="pass-btn" type="submit" value="Ok">
            </p>
        </form>

задача что бы при клике на "pass-btn" скрипт удалял со страницы див с айди "secure", а в див

<div id="form-kide"></div>

Вставлял вот такую строку

<?php include "kide.form.hide.php"; ?>

Кое как написал это:

let formKide = document.querySelector('#form-kide')
    let btnKide = document.querySelector('#pass-btn').onclick = myClick;
    
    function myClick() {
        let inputKide = document.querySelector('#pass-kide').value;
        if (inputKide == 'xxx') {
            document.querySelector('#secure').remove();
            formKide.innerHTML = '<?php include "kide.form.hide.php"; ?>';
            
        };
    };

Див удаляет, а вот php вставлять не хочет :( и наверное нужно что бы сохранял эти изменения в localStorage :help:

Ubivectel,
браузер не умеет в php ...

Строго говоря мне нужно в тег

<div id="form-kide"></div>

добавить вот такое содержимое:

<div id="KIDE_form"<?php if (!$this->user->captcha) echo ' style="display:none"'; ?>>
		<div class="nikname">
			<?php echo JText::_("COM_KIDE_NOMBRE"); ?>
			<?php if ($this->user->id) : ?>
			<em id="KIDE_my_name"><?php echo stripslashes($this->user->name); ?></em>
			<?php else : ?>
			<input size="15" minlength="2" type="text" name="KIDE_nuevo_nick" onkeyup="return kide.change_name_keyup(event, this)" onblur="kide.change_name(this)" value="<?php echo stripslashes($this->user->name); ?>" />
			<?php endif; ?>
		</div>
		<?php $this->display('bbcode'); ?>
		<div class="inline">
		<textarea <?php echo $this->maxlength; ?> class="<?php echo KideHelper::getRango($this->user->rango, 'KIDE_dc_'); ?>" id="KIDE_txt" placeholder="т" cols="50" rows="4" name="txt" onkeypress="return kide.pressedEnter(event, false)" onkeydown="kide.check_shift(event, false, false)" onkeyup="kide.check_shift(event, true, false)"></textarea>
		
		<?php if ($this->button_send) : ?>
			<div id="KIDE_button_send" onclick="kide.sm()">
			<img src="/images/send.png" class="animated kbs" id="ksanim" draggable="false">
			<?php echo JText::_("COM_KIDE_SEND"); ?></div>
		<?php endif; ?>
	</div>

Одним словом нужно, что бы после клика на

<input id="pass-btn" type="submit" value="Ok">

оно отображалось на странице, пока в растерянности...

Ubivectel,
:-?

Ubivectel,

<div id="form-kide"></div>
  <script>
fetch("kide.form.hide.php")
  .then(response => {
    return response.text()
  })
  .then(data => {
    document.querySelector("#form-kide").innerHTML = data;
  });
  </script>

Ubivectel,

function myClick() {
            let inputKide = document.querySelector('#pass-kide').value;
            if (inputKide == 'xxx') {
                document.querySelector('#secure').remove();
                fetch("https://noviy-kovcheg.ru/smoking/kide.form.hide.php")
                    .then(response => {
                        return response.text()
                    })
                    .then(data => {
                        document.querySelector("#form-kide").innerHTML = data;
                    });

            };
        };

        document.querySelector('#pass-btn').addEventListener('click', myClick);

Интересный эффект получился, при вводе xxx дублирует в

<div id="form-kide"></div>

содержимое всей страницы
а после того как отрабатывает document.querySelector('#secure').remove();
страница обновляется, #secure снова появляется

Ubivectel,
js это код, а не магия)))

По моему все же магия, и порой черная

В принципе все как-то близко уже работает ))))))))))

Заменил

"https://noviy-kovcheg.ru/smoking/kide.form.hide.php"

на

"https://noviy-kovcheg.ru/components/com_kide/templates/desctop/tmpl/kide.form.hide.php"

тоже самое...