Dannymh
Active member
Hi all,
When I try to use an ajax submit and use the replace it with a selector elsewhere it returns an error "Could not find new selector '.theSelector'
The way I have structured this is similar to use something similar to the Demo notepad tool. I have a Macro that looks like
I then have another template which is my form again. What I want to do is that on submit of the form it replaces the inline form with the form in the template, kind of like the inserter when you press a link.
The other form looks like
My JS is firing and appending the hidden field before submit so that it fires as AJAX. Then it pops up with an error saying
"No Cntent was returned"
and the console says
"Could Not find new selector '.js-bidders'"
I know that essentially its saying it can ot find the new div of js-bidders but I can't see how it differs in functionality to the say an edit link with "inserter" and replace
When I try to use an ajax submit and use the replace it with a selector elsewhere it returns an error "Could not find new selector '.theSelector'
The way I have structured this is similar to use something similar to the Demo notepad tool. I have a Macro that looks like
PHP:
<xf:macro name="otb" arg-otb="!" arg-thread="!">
<xf:js src="otb/otb.js"/>
<xf:form action="{{ link('otb/save', $otb)}}"
class="block otb" ajax="1"
data-xf-init="bid-edit"
data-replace="#js-otbform with .js-bidders">
<div class="block-container">
<div class="block-body otb-main">
<div class="otb-header">
<h2>
Estimate
</h2>
</div>
<article class="otb-article">
<div id="js-otbform" class="js-otbform">
<xf:hiddenval name="thread_id">{$thread.thread_id}</xf:hiddenval>
<xf:textboxrow name="max_estimate" value="{$otb.max_stimate}" labe="estiamte"/>
<xf:submitrow submit="{{phrase('save')}}" fa="fa-gavel"/>
</div>
</article>
</div>
</div>
</xf:form>
</xf:macro>
<xf:macro name="otb" arg-otb="{$otb}" />
I then have another template which is my form again. What I want to do is that on submit of the form it replaces the inline form with the form in the template, kind of like the inserter when you press a link.
The other form looks like
PHP:
<xf:form action="{{ link('otb/save', $otb) }}" class="block" ajax="1">
<div class="block-container">
<div class="block-body">
<div class="js-bidders">
<xf:hiddenval name="thread_id">{$thread.thread_id}</xf:hiddenval>
<xf:textboxrow name="max_estimate" value="{$otb.max_estimate}" label="Estimate"/>
<xf:submitrow submit="{{phrase('save')}}" fa="fa-gavel"/>
</div>
</div>
</div>
</xf:form>
My JS is firing and appending the hidden field before submit so that it fires as AJAX. Then it pops up with an error saying
"No Cntent was returned"
and the console says
"Could Not find new selector '.js-bidders'"
I know that essentially its saying it can ot find the new div of js-bidders but I can't see how it differs in functionality to the say an edit link with "inserter" and replace
Last edited: