Ajaxify and two forms

[transam]

Hi A & A,

According to the documentation I have implemented two forms on two different pages.

The problem I encounter, because of the use of jQuery Ajaxify is that when I go to on page it work but
when I go to the second page it doesn’t.

The two pages are:

http://finalbuiten.yourweblab.nl/reserveren.php

http://finalbuiten.yourweblab.nl/contact.php

Any suggestion to solve this is more then welcome!

Regards and thanks,

David

• This topic was modified 8 years, 9 months ago by transam.
• This topic was modified 8 years, 9 months ago by transam.

[transam]

Solved by duplicating the scripts folder and rename one.

Regards and thanks,

David

• This reply was modified 8 years, 9 months ago by transam.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[transam]

Hi Ally,

Thanks for the code, that works almost perfect. I placed the code in my head.js file

The problem I have now is on other pages besides the forms pages without qform js and css links on it I get:
Uncaught TypeError: $(…).Quform is not a function

Do you advice to place the qform js and css links on every page to prevent this error.

Or put your code in a script tag only in the form pages head.

Or I was thinking add it somewhere to the qform.js script ?

The two pages are:

http://finalbuiten.yourweblab.nl/reserveren.php

http://finalbuiten.yourweblab.nl/contact.php

Regards and many thanks,

David

• This reply was modified 8 years, 9 months ago by transam.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[transam]

Hi Ally,

Thanks for the snippet!

When I place that in the script I get a error in the console.

There must be missing a little thing, but I’m not so good in JavaScript.

Can you please check what the error is!?

Regards and thanks!

David

[transam]

And how do I describe this form element in the process.php?

<div class=”quform-element quform-element-multi-select quform-large”>
<div class=”quform-spacer”>
<label for=”multi_select”>Kamperen met<span class=”quform-required”>*</span></label>
<div class=”quform-input”>
<select class=”quform-tooltip” title=”Houd Ctrl ingedrukt + klik om één of meerdere items te selecteren” id=”multi_select” name=”multi_select[]” multiple=”multiple”>

<option value=”Multi option 1″>Tent</option>
<option value=”Multi option 2″>Vouwwagen</option>
<option value=”Multi option 3″>Caravan</option>
<option value=”Multi option 4″>Camper</option>
</select>
</div>
</div>
</div>

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[transam]

Thanks Ally, I will test it!

I have two multiselect inputs:

<!– Multi Select element –>
<div class=”quform-element quform-element-multi-select quform-large”>
<div class=”quform-spacer”>
<label for=”multi_select”>Kamperen met<span class=”quform-required”>*</span></label>
<div class=”quform-input”>
<select class=”quform-tooltip” title=”Houd Ctrl ingedrukt + klik om één of meerdere items te selecteren” id=”multi_select” name=”multi_select[]” multiple=”multiple”>

<option value=”Multi option 1″>Tent</option>
<option value=”Multi option 2″>Vouwwagen</option>
<option value=”Multi option 3″>Caravan</option>
<option value=”Multi option 4″>Camper</option>
</select>
</div>
</div>
</div>
<!– End Multi Select element –>

<!– Multi Select element –>
<div class=”quform-element quform-element-multi-select quform-large”>
<div class=”quform-spacer”>
<label for=”multi_select”>Appartement<span class=”quform-required”>*</span></label>
<div class=”quform-input”>
<select class=”quform-tooltip” title=”Houd Ctrl ingedrukt + klik om één of meerdere items te selecteren” id=”multi_select” name=”multi_select[]” multiple=”multiple”>
<option value=”Multi option 1″>Appelzicht (2-4 pers.)</option>
<option value=”Multi option 2″>Heuvelzicht (2-8 pers.)</option>

</select>
</div>
</div>
</div>
</div>
<!– End Multi Select element –>
Can you please give me the code I need in the process.php for both form inputs? I can’t get it working.

Regards and thanks a lot!

David

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[transam]

Thanks Ally,

It works now!

Regards and thanks,

David

• This reply was modified 8 years, 9 months ago by transam.
• This reply was modified 8 years, 9 months ago by transam.

[transam]

Hi Ally,

I have put your code in the head.js and it works, but the tool tips on the “RESERVEREN” page
don’t initialize.

They only work when refreshing the page it self.

The two pages are:

http://libeek-1.yourweblab.nl/reserveren.php
http://libeek-1.yourweblab.nl/contact.php

Regards and many thanks,

David

• This reply was modified 8 years, 9 months ago by transam.
• This reply was modified 8 years, 9 months ago by transam.
• This reply was modified 8 years, 9 months ago by transam.
• This reply was modified 8 years, 9 months ago by transam.

[transam]

When I put this code in the head.js script the tool tips work!
Can you please explain what part I don’t need to make the code snippet smaller?

Regards and thanks,

David

if ($.isFunction($.fn.qtip)) {
$(‘.quform-tooltip’).qtip({
content: {
text: false
},
style: {
classes: ‘qtip-default qtip-shadow quform-tt’,
width: ‘180px’
},
position: {
my: ‘left center’,
at: ‘right center’
}
});
}

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[transam]

Hi Ally,

Have a problem with a guest book that disturbs the functioning of the 2 other forms.

The two forms are:

http://libeek-1.yourweblab.nl/reserveren.php
http://libeek-1.yourweblab.nl/contact.php

The guest book is here:

http://libeek-1.yourweblab.nl/gastenboek.php

The problem occurs when I load the guest book page click SUBMIT and after that go to the “CONTACT” or “RESERVEREN” page.

Hope it’s a simple fix!

Thanks and regards,

David

• This reply was modified 8 years, 8 months ago by transam.
• This reply was modified 8 years, 8 months ago by transam.

[Author]

Posts