Back and Close Buttons

On some Allwebco templates, in the F.A.Q. and gallery sections a "back" link or button will be included, or a close button. These links can be edited to change a "close" to a "back" or vice versa.

Why change these buttons?
If you have edited the template "pop-closeup.js" and changed the popup window to a full browser window or new window for either the "image-viewer.htm" the "slideshow.htm" or the F.A.Q. pages you may now need to change a "close" button to a "back" button, or vice versa.

Files to edit
To change the window or browser open style to, or from, popup mode to full browser, new, same or popup mode you can edit the template "pop-closeup.js". To edit the F.A.Q. "close" button edit the "footer_faq.js". To edit the "image-viewer.htm" "close" or "back" button you may need to edit the "image-viewer.htm" page or the "menu_gallery.js". For older templates with popup windows you will probably edit the close link in the "pop-closeup.js" or in the "gallery_nav.js" to change back or close buttons.

Code you can change:

Code in a "menu-gallery.js" or "pop-closeup.js" may look like the following:

<input type="button" value="<< Go Back" onClick="javascript:history.go(-1)" class="button-gallery" onmouseover="this.className=\'buttonon-gallery\'" onmouseout="this.className=\'button-gallery\'">

Code in an "image-viewer.htm" or "slideshow.htm" or "gallery?.htm" may look like this:

<a href="javascript:history.go(-1)"><img src="picts/backoff.gif" border="0" onmouseover="this.src='picts/backon.gif'" onmouseout="this.src='picts/backoff.gif'"></a>

Code in the F.A.Q. "footer_faq.js" may look like this:

document.write('<input type="button" value="Close" onClick=\'window.close()\' class="button" onmouseover="this.className=\'buttonon\'" onmouseout="this.className=\'button\'" style="width: 100px;">');

In any of the examples above you can simply edit this exact code:

window.close()

To this:

javascript:history.go(-1)

Or vice versa to change a "back" button to a "close" button or a "close" button to a "back" button. Be sure to change only the exact code shown above and test your buttons after you edit them.



Related Topics:
More Scripts

Allwebco Template Support


Allwebco Website Template Support


Allwebco Web Templates
Complete websites with built in scripts.
AllwebcoDesign.com
Web Template Support
Free Javascripts
Free scripts for any website or template.
Allwebco-Templates
Web Template Support
SE Optimization
Help to list better in search engines.
Allwebco-Templates
Web Template Support
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com



Website Template Support
Website Template Support