Подгрузка html кода формы из отдельного файла только при клике

12 3
S_A_N_T_A
На сайте с 23.11.2009
Offline
146
1612

Всем доброго времени суток!

У меня на сайте 3 разных формы, которые открываются в модальных окнах. С точки зрения сео хочу подгрузку html кода формы из отдельного файла, чтобы он подгружался в исходный код страницы ТОЛЬКО при клике на кнопку. Буду очень признателен за помощь.

Кнопка:

<a class="call-f" data-toggle="modal" data-target="#call" title="название" data-innerhtml=" название"> название </a>

HTML код:

<div id="call">

<form method="post" action="" id="formname" name=" formname ">

Тут куча кода

</form>

</div>

Bootstrap

Знаний маловато, сайт делаю не в коммерческих целях. Для себя.

Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

А почему не хотите добавить форму сразу в скрытом виде, и отображать ее при нажатии на кнопку? Это же проще.

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
M
На сайте с 04.10.2011
Offline
90
#2
S_A_N_T_A:
хочу подгрузку html кода формы из отдельного файла

Либо перебирайтесь с голого html на рнр

Либо пилите ajax

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг - контакты в профиле... VPS от 5€ (https://gmhost.com.ua/?partner=10255)
S_A_N_T_A
На сайте с 23.11.2009
Offline
146
#3
Оптимизайка:
А почему не хотите добавить форму сразу в скрытом виде, и отображать ее при нажатии на кнопку? Это же проще.

Так и происходит, Но при открытии страницы и просмотре исходного кода отображается

<div id="call">

<form method="post" action="" id="formname" name=" formname ">

Тут куча кода

</form>

</div>

мне нужно чтобы этого кода не было, а подгружался он только если посетитель кликнет на кнопку

<a class="call-f" data-toggle="modal" data-target="#call" title="название" data-innerhtml=" название"> название </a>

M
На сайте с 04.10.2011
Offline
90
#4
S_A_N_T_A:
Знаний маловато

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

S_A_N_T_A
На сайте с 23.11.2009
Offline
146
#5
mmkulikov:
Либо перебирайтесь с голого html на рнр
Либо пилите ajax

Для меня это пельменный аппарат с точки зрения амебы))

Есть кое-какие знания только в верстке.

А попроще никак?)

M
На сайте с 04.10.2011
Offline
90
#6
S_A_N_T_A:
А попроще никак?)

Это и есть очень просто.

А так - html - это язык разметки, а не программирования ))

Оптимизайка
На сайте с 11.03.2012
Offline
396
#7

S_A_N_T_A, для подгрузки придется овладеть таинствами javascript:

http://jsfiddle.net/h0d4u7b9/

так что подумайте над тем, чтоб скрытая форма была сразу и показывать скрытое по клику, так можно ограничиться только знаниями верстки (html/css).

S_A_N_T_A
На сайте с 23.11.2009
Offline
146
#8
Оптимизайка:
S_A_N_T_A, для подгрузки придется овладеть таинствами javascript:

http://jsfiddle.net/h0d4u7b9/

так что подумайте над тем, чтоб скрытая форма была сразу и показывать скрытое по клику, так можно ограничиться только знаниями верстки (html/css).

Ребят я понял, что мне эти варианты не по зубам и решил пойти немного другим путем. Вместо трех форм, сделаю 1 со всеми полями, а не нужные поля скрою через display: none. То есть там где эти поля не нужны буду скрывать, а где нужны будут показываться.

Но есть одно НО

Кнопка 1:

<a class="call-f" data-toggle="modal" data-target="#call" title="название" data-innerhtml=" название"> название </a>

Кнопка 2:

<a class="call-f" data-toggle="modal" data-target="#call" title="название 2" data-innerhtml=" название 2"> название 2</a>

HTML код:

<div id="call">

<form method="post" action="" id="formname" name=" formname ">

Тут куча кода

</form>

</div>

Было бы круто использовать несколько id для div, но я так понимаю, что так нельзя. Как при нажатии кнопки заставить присвоить уникальный класс? Чтобы потом скрыть не нужные поля в разных формах.

Это бы в корне решило вопрос

Оптимизайка
На сайте с 11.03.2012
Offline
396
#9

S_A_N_T_A, так вам не нужен уникальный:

https://jsfiddle.net/4p6wc7m8/

S_A_N_T_A
На сайте с 23.11.2009
Offline
146
#10
Оптимизайка:
S_A_N_T_A, так вам не нужен уникальный:

https://jsfiddle.net/4p6wc7m8/

Не совсем оно.

Как полностью спрятать поле "No Secret" в одной форме и показать "No Secret"?

Если формы используют один и тот же <form></form>

А так же используют один и тот же Id.

Кнопка 1:

<a class="call-f" data-toggle="modal" data-target="#call" title="название" data-innerhtml=" название"> название </a>

Кнопка 2:

<a class="call-f" data-toggle="modal" data-target="#call" title="название 2" data-innerhtml=" название 2"> название 2</a>

HTML код:

<div id="call">

<form method="post" action="" id="formname" name=" formname ">

Тут куча кода

</form>

</div>

У кнопок одинаковые ID, а поля в форме они должны одни скрыть, а другие показать.

Вот нарисовал - https://ibb.co/jG2bGV

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий