[Ripla]

Hi Ally,

Thanks for this – it is now almost displaying as I wanted.

I am still not sure how to change the font style and size of the tooltips.

Please point me in the right direction

The more I use this plugin the more things I find it can do.

Many Thanks

[Ripla]

Thanks very much – will give it a go

[Ripla]

Bingo,

I thought I had already tried that but it must have been on the the one without the ($) bit in it.

Thanks for your assistance and patience

Regards

[Ripla]

Hi Ally,

That is popping up the same form as ID2.

I am making you work for this am I not 🙂

[Ripla]

Yes that works, thank you very much.

Now if I want a different form ID3 on the same page which bits do I change.

Many Thanks

[Ripla]

Mind you

I dont see any difference in the 2 bits of code.

Which character did you miss out?

[Ripla]

Nope, that stops all the forms working on the page.

I can give you access to the site if you would like to investigate further otherwise I think I am going to give up and find another solution.

Your form is great for single forms but is getting too complicated when more than one on a page.

There must be a solution to this somewhere.

Shame

[Ripla]

Further to the above question,

In this case using the quform shortcode on the page all the forms work its just the text link is on a line of its owm, just want it to be a part of the sentence.

Is this maybe something in the css which would make it say in the line????

[Ripla]

Hi Ally,

Sorry but that does not work. I thought it might be because i have other the forms on the page which display via a widget.

Th code for those is

<div style="width:1000px">
<div style="width:200px; margin-top: 250px; float: left">
[button link="#form-2" color="#ff0000" size="4" style="4" dark="0" radius="5" target="self"]Get a Quote[/button]
[iphorm_popup id=2][/iphorm_popup]
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('a[href="#form-2"]').click(function () {
$('.iphorm-fancybox-link-2').click();
return false;
});
});
</script>

</div>

<div style="width:200px; margin-top: 250px; float: left">
[button link="#form-3" color="#ff0000" size="4" style="4" dark="0" radius="5" target="self"]Contact Us[/button]
[iphorm_popup id=3][/iphorm_popup]
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('a[href="#form-3"]').click(function () {
$('.iphorm-fancybox-link-3').click();
return false;
});
});
</script>

</div>
</div>


I used the code you gave but it stops the other forms working as well as not working itself

Becoming a bit frustrated now, the plugin is great for a single form, but gets a bit complicated for multiple forms on the same page.

Ani Ideas

[Ripla]

nope – let me try that again

<a href="#form" class="button button_large button_" style="margin-top: 20px;">Contact Us <i class="icon-envelope-alt"></i></a>
[iphorm_popup id="4" name="contact"][/iphorm_popup]
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('a[href="#form"]').click(function () {
$('.iphorm-fancybox-link').click();
return false;
});
});
</script>


[Ripla]

Hi vegas

I would try this solution, change the conact us text for the image.

No expert here but worth a try

Contact Us
[iphorm_popup id=”1″ name=”contact”][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link’).click();
return false;
});
});

[Ripla]

Excellent it is now working a treat, many thanks

[Ripla]

I have just managed to get to this solution but I still dont seem to be able to get it to work

The code I am now using is as follows (notice I have dropped it to 2 forms instead of three)

[button link="#form" color="#ff0000" size="4" style="4" dark="0" radius="5" target="self"]Get a Quote[/button]
[iphorm_popup id=2][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link-2’).click();
return false;
});
});

[button link="#form" color="#ff0000" size="4" style="4" dark="0" radius="5" target="self"]Contact Us[/button]
[iphorm_popup id=3][/iphorm_popup]

jQuery(document).ready(function ($) {
$(‘a[href=”#form”]’).click(function () {
$(‘.iphorm-fancybox-link-3’).click();
return false;
});
});

Any ideas?

Oh, yes I am using version 1.4.2

Many Thanks

[Ripla]

Thats sounds really great, so there is no need to use the other captcha options at this stage.

[Ripla]

great thank you

[Author]

Posts