Print not working as desired in Lightbox

[raihan]

Thank you. Yeah, I saw those extended codes inside the script.
Sorry, I may need some more time from you, please, as your reply arises some more questions in my mind:

1. If I wish to use this in any other pages, should I just need to change 'contact-us' with my page name, in the script?

2. If I use say, multi-lightboxes in different situation, in many different pages, for a single web site - is the same script will work for all? Cause, the template is always the same for Joomla website, and script.responsive.js file also using the same for all pages. As example, I have use a template created by myself, named 'raihans' and that's I have to use for all the pages. I mean I cannot use multi-templates for a Joomla build site, as far I know.

3. If no. 1 and/or 2 is yes, then what I will change instead of 'contact-us', as there will be actually many different pages. For example, in my site - I have already use the lightbox for contact-us page. Now, if I also wish to use in 'Our Services' page, what changes I may need?

As you are busy, don't worry please and take your time. I may not need those answers immediately, as long as you don't forget and keep an eye into this forum.

Thanking you.

[jscheuer1]

Could we have that in plain English please?

[raihan]

Sorry, I haven't catch you properly. But, I have edited my post. Have a look, please. Thanks.

[jscheuer1]

Thanks, that's much better.

BTW - the forum is considering and will probably adopt a new policy on that. We prefer when possible that members use English. It cuts down on misunderstandings.

So it would be a good idea to avoid that sort of short hand in your other posts as well.



In answering these questions, make sure you're looking at the annotated version of the code that I added to the end of my post#30 in this thread:

http://www.dynamicdrive.com/forums/s...566#post291566


For #1, yes. But then it will only work for that page, not contact-us.

For #2 and $3, yes. If you are only using a.model for this and only the pages with a.modal on them need this, then get rid of:

if(location.href.indexOf('contact-us') > -1){ //if the page has contact-us in it's address

and get rid of:

} //END if the page has contact-us in its address

Those are the first and last lines. If there are other uses of SqueezeBox (the Lightbox) that use a.modal, use an additional class name to mark the ones that need this and add that here (the added class could be "iframeprint"):

$('a.modal

	
	
.iframeprint
').click(function(){ //when an a tag with a class of modal and a class of iframeprint is clicked

Then on the page(s) with one or more of these, change:

<a class="modal" href="/component/chronoforms/?chronoform=contact&amp;tmpl=component" rel="{handler: 'iframe', size: {x: 500, y: 600}}"><font color="#CC00FF">  click here</font></font></a>

to:

<a class="modal iframeprint" href="/component/chronoforms/?chronoform=contact&amp;tmpl=component" rel="{handler: 'iframe', size: {x: 500, y: 600}}"><font color="#CC00FF">  click here</font></font></a>

[raihan]

Thank u. Sorry, a bit late to reply.
I have tried as u suggest me and it's working. Thanks a lot.
Now, if I wish to turn off the lightbox automatically, say after clicking submit button - what I may need to do, please?
Actually, what I am looking is, after submission, the lightbox will automatically close and get back to the page from where I started to lightbox. Please, help!
Thanking you again.

Raihan

[jscheuer1]

Well, I just tried out the form using bogus data and after I submitted, I got this message:

Thank you Joe Shmo, for your message. A copy of your message also been sent to your email. If you don't have the email in your Inbox, please also check your spam folder.

We will responde to your enquiry as soon as possible.

BTW, 'responde' and 'enquiry' should be 'respond' and 'inquiry'. And 'message also' should be 'message has also'. And there should either be a <br> tag in there somewhere so you don't have to scroll the iframe to see all of the text, or (better yet) the text should be in a div on the thank you page and that div's width should be set to slightly less than the width of the iframe.

Anyways, what you want is relatively simple. The javascript command:

SqueezeBox.close();

will close the lightbox. However, since I take it you want to do that from within the iframe, it would be:

parent.SqueezeBox.close();

Now I'm wondering if you want the box to close when the person submits, before they see the thank you message, or after. I would think after. So you can either have a button on the thank you page:

<input type="button" onclick="parent.SqueezeBox.close();" value="Close">

or you could put this script on the page:

<script type="text/javascript">
setTimeout(function(){parent.SqueezeBox.close();}, 3000);
</script>

Put it as the last thing before the </body> tag on the thank you page and it will give then 3 seconds to read the thing before it closes.

You could do both, and maybe increase the timeout from 3000 to 10000, giving them 10 seconds. If they use the button sooner, that's fine, if not it will close on its own after 10 seconds.

If you don't want them to see the thank you page, you could add the event to the submit of the form on the submit page. But we would have to make sure that there's enough time for the form to actually submit before the box closes. It would probably be easiest to just use the thank you page, with the timeout, but set it to like 500 (half a second). That way the form will have all the time it needs to submit and the thank you page will not be seen, or not be seen for very long.

[raihan]

Thanks and sorry, yeah, I know, the message I am using just as an example. Not really maintained properly yet.

As you saw, on that time I was working on this. My email responses was not working properly, still not. Email goes to inquirer, but not going a copy to related department. Instead all going to admin email. Anyway, I will try to fix that. Thanks a lot for your reply.

[raihan]

Hi, thanks for your reply.
I am having another problem,not related to lightbox though. If you can help me, please, I will gratefull to you.
In my contact-us page, I have used a picture to write my contact email, as you may see, 'info@raihans.co.uk'. But if I write that in my article, I get the message instead, like:
This email address is being protected from spambots. You need JavaScript enabled to view it.
What I may can do to avoid this message, please? I haven't change my article for your convenience, so you can realize.
Thanking you.

Raihan

[jscheuer1]

That's probably a Joomla thing. I have no idea how that works. It's a pretty good idea though, but doesn't seem to be working properly.

If you just want to show the text (probably the best idea, not everyone has an email client), try using the HTML entities:

info@raihans.co.uk

For a link you could try:

<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;%69%6e%66%6f%40%72%61%69%68%61%6e%73%2e%63%6f%2e%75%6b"><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAUCAYAAAC9Kc5pAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAABgRJREFUaIHtWU1ME2sU/YrUlJq0dFoSjUlRazVAomJEjUhIaC1BsYKK/MSFUgMbExeIMXGhbk2UhREJUTYqEqPdGaOLUrTGn7qBCpRWIUg6NbSOUmiHzeS8hXHC1P5Mqw/fM3OSm3Ruv3vm3vOdzkxbGSEERIIEEcj50w1I+P9AMosE0ZDMIkE0fqtZ9Ho9cblcJBwOk0uXLv1Oagn/ASQ0C8dxWZHduHGD3L9/nxQVFRGPx5NR7fr168n169eJ1+slsViMfP36lTidTtLY2JhVL4kQP1e2c/6NEKsF4oPjuJ9yYoJhGCiVyozr6urqEIlE0NXVhZKSEsjlcqhUKhw4cAButxu3bt3Kqp90c2U7598YIrVY9hMKwmAwIBKJ4ODBgyCEoL6+HlNTUwiFQrh27Ro8Hg+cTidaW1sT1q9cuXJZ+/1bI2uzJPoE6vV6DAwMgGEYhMNh2O12rFmzhn8/Pn7UHjp0CB6PByzLYmRkhDfFj7h9+zauXr0KQgiKi4vx4cMHbNq0CY2NjeA4Dn19fdi1axfcbjdfEwqFUFBQAIfDAbvdzudzcnJw+fJlzMzMYG5uDk+ePIFer085l9FohN1ux7dv3xAKhfDw4UN+LrGcqbQhhGD79u14+/YtIpEIhoeH0dbWlnJT6urqMDIyApZl4fV6YbPZBO+n01SsEZbml762WCyIxWKwWq3ZmcXn86G1tRUqlQoURaG3t1ewUYnqzGYzgsEgLBYLlEolqqurEQwGYTKZ+DWfPn1CUVERCCHo7+/HiRMnQMj3KwbHcThz5gzkcjkWFhb4mkAggJ6eHuzevRurVq3i8zabDR8/fsS2bdugVCpx5coVPHv2LOVc09PTsNlsUKvV0Gg06O3txaNHjzLiTKfN2NgYzGYzFAoFLBYLOjo6km7svn37QNM0qqqqoFAoUFtbi7m5OVRVVYnW9FfMUlxcDIZhcPz48eyvLIcPHxbktFotwuFwyjqn04mWlhZBrqWlBQ6Hgz9eXFxEbm4uCCGYmprC6tWrQQhBYWEhOI5DZWUl1Go1aJrma6LRKNrb2xMKsPSZKT8/H/Pz8ynnOnr0aNq50nGm02Z2dhY7duxIuplLY2hoCM3NzYJcYWFhRppmaxadTofJyUmcPn06GZc4s2SzbmFhAVqtVpCjKAqRSIQ/DgQC0Ol0/PoVK1aAEIKOjg5wHAetVguLxYLHjx8LzhPPSwiBTCZDc3MzBgYG8OrVK/j9/qSXWrFzZcqZKH/s2DF8+fIF/f39KC8vT2mWRJplqmm2Znn58iW8Xi9kMtmfMUt+fr4gp9PpBLeUO3fu8A+v7969g9lsRmlpKUZHR8FxHNatWweXy4W9e/em7ae7uxsOhwO1tbUwGo0oKCj4ZbNkypksT1EUOjs7EQwG0dnZmXRj5+fnf9IsU02zNcvFixcxPj6OCxcuLL9ZXrx4gYaGBkGuqakJz58/549LSkowPT0Ng8GAiooKzMzMYGJiAmVlZXj69Ck+f/6MU6dOieqHYRhoNBoB96+aJVPOdHmDwQCGYZJu7ODgIJqamgS50tJSUBQlWtN0uhDy/daVaI49e/aAZVmUlZUtr1lqamoQCARgMpmQl5cHs9kMmqZRXV0tWHfkyBHQNI3z589j8+bN/O8sW7ZswdmzZ+F2uyGXy9P28/r1a7S3t0OhUGDnzp1wu91gWRYqlSrruTLljOfYsGEDXC4XysvLkZubi/3798Pj8QjWLeUwmUygaRo1NTVQKBSoqKhAMBjkn2PEaBrP+eDBA9y8eRMajQZqtRptbW3w+XxJTd/V1QWfzyf48vCvm4UQgoaGBoyOjmJxcRHv379HfX19Qq6NGzeiu7sbfr8fsVgM0WgU4+Pj6Onp+enhMFk/RqMRQ0NDiEajGBsbg9VqxeDgICorK7OeK1PORBznzp3D5OQkYrEY3rx5g61btybdWEIIrFYrhoeHwbIsJiYmcPLkyYw0jeekKAp3797F7OwsGIbBvXv3sHbt2qRmycvLg9/vR19fn4BX9sMxEiSkg/SvswTRkMwiQTQks0gQjX8AeaJcZfUSy9oAAAAASUVORK5CYII="></a>

If that works, it will show the image and clicking on it will open the user's email client if they have one.

Or perhaps try the DD email encrypter:

http://www.dynamicdrive.com/emailriddler/index.htm

[raihan]

Hi jscheuer, Thanks a lot. You are great. I am learning lots from you.
I am not sure, is it the right qus to ask you, but can you also help me about databases, please? I am having some issue with database connectivity, table/column display or retrieving data etc. It could be a new topic as well.

Thanking you again.