The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.
Can anyone give me an idea where I'm going wrong. I've added a PAYPAL shopping cart to my site but only some of the buttons work. I thought that this was first of all because I used my own buttons.. but I have the same problem using PAYPAL's standard buttons. I have tried this a good number of times and looked at the HTML and can't find anything wrong. I'm at the point of throwing the computer out of the window!!!!!!!! Any advice would be great.
Page:
Hi CashOnTheNail, and welcome to the forums.
This is quite an old post you've 'woken up'!
You might (for me!) need to explain a bit more :¬)
I've looked at the site in your profile but I guess that's not the site you're referring to?
Is your question relating to a Freeola InstantPro site?
This is quite an old post you've 'woken up'!
You might (for me!) need to explain a bit more :¬)
I've looked at the site in your profile but I guess that's not the site you're referring to?
Is your question relating to a Freeola InstantPro site?
[s]Hmmm...[/s] My Freeola Instant Site 
I'm really looking to add a new-page-type [akin to Gallary]; essentially 7-columns [product-code, description, unit-price, drop-down quantity, calculated-cost & image with number-of-items, cost & checkout on the top of each 'shopping-page'
For clarity I intend to use multiple 'shopping-pages' [keeping running-totals] so client gets-to-see a selection of whats-on-offer [ladies-shoes, mens-shoes...]
Checkout-page affording option to reduce/increase quantities similar to 'shopping-pages'
Lots of source-code out-there; alas my HTML NOT good-enough to integrate into Merchant-Account.
For clarity I intend to use multiple 'shopping-pages' [keeping running-totals] so client gets-to-see a selection of whats-on-offer [ladies-shoes, mens-shoes...]
Checkout-page affording option to reduce/increase quantities similar to 'shopping-pages'
Lots of source-code out-there; alas my HTML NOT good-enough to integrate into Merchant-Account.
Glad to be of assistance. It's always a good idea to view your site at different resolutions - not every one has 'massive' monitors!
Thanks so much again for your help.... I am, as you can tell, just a beginner... and your input and assistance is really appreciated. I think I may have caught on to what your saying now... thanks. I have changed the resolution now on my own computer permanently so I can spot anything like this again hopefully.
Garin wrote:
> The problem remains I'm afraid.
> Maybe this
> screenshot
> helps you see the problem.
A good solution Garin, hope Blue Fairy can now see what we see:)
> The problem remains I'm afraid.
> Maybe this
> screenshot
> helps you see the problem.
A good solution Garin, hope Blue Fairy can now see what we see:)
The problem remains I'm afraid.
Maybe this screenshot helps you see the problem.
Maybe this screenshot helps you see the problem.
Blue Fairy wrote:
> Not too sure what you mean Dragonlance... it looks fine to me
> in IE. Will try to check it out though although I really am
> not
> too sure what I'm doing :/ I've written my site with
> Dreamweaver and the menu bar is made using the spry assets.
>
Dragonlance wrote:
> Try looking at your page in higher resolutions, you'll see the
> problem then.
> The problem is that you're using a mixture of techniques to
> position elements of your page. In general you've used a table
> to lay everything out. But then you've wrapped certain elements
> in divs (eg the banner) which have position:absolute applied to
> them. So those elements are positioned relative to the edges of
> the page and not according to the table cell they are sitting
> in.
Many many thanks to everyone for your criticism and advice. I think with your help I have addressed the resolution problem... but of course would be delighted for any pointers if it looks as though I haven't done so.
> Not too sure what you mean Dragonlance... it looks fine to me
> in IE. Will try to check it out though although I really am
> not
> too sure what I'm doing :/ I've written my site with
> Dreamweaver and the menu bar is made using the spry assets.
>
Dragonlance wrote:
> Try looking at your page in higher resolutions, you'll see the
> problem then.
> The problem is that you're using a mixture of techniques to
> position elements of your page. In general you've used a table
> to lay everything out. But then you've wrapped certain elements
> in divs (eg the banner) which have position:absolute applied to
> them. So those elements are positioned relative to the edges of
> the page and not according to the table cell they are sitting
> in.
Many many thanks to everyone for your criticism and advice. I think with your help I have addressed the resolution problem... but of course would be delighted for any pointers if it looks as though I haven't done so.
Garin wrote:
> Blue Fairy wrote:
> Not too sure what you mean Dragonlance... it looks fine to me
> in IE. Will try to check it out though although I really am
> not
> too sure what I'm doing :/ I've written my site with
> Dreamweaver and the menu bar is made using the spry assets.
>
> Try looking at your page in higher resolutions, you'll see the
> problem then.
> The problem is that you're using a mixture of techniques to
> position elements of your page. In general you've used a table
> to lay everything out. But then you've wrapped certain elements
> in divs (eg the banner) which have position:absolute applied to
> them. So those elements are positioned relative to the edges of
> the page and not according to the table cell they are sitting
> in.
> I'm hesitant to suggest anything given I only looked at the code
> for a few minutes but to me it looks like the easiest solution is
> to remove position, top, and left from the css thats applied to
> those divs.
Thanks Garin, just what I meant to say earlier, but I just didn't want to appear too 'critical'. As Garin has mentoned the table, your table tag does need ammeding ie look at the height attribute value! A value of 12,000+ does seem excessive - remove this value completely and the 'page' will appear complete on viewing but grow as you add content. In my view, the table width attribute is far more useful. Don't consider using the height attribute in any table tag unless it's an image. ie![]()
or to specify position use align or valign within the tag. It's a few years since I wrote the site, but you may find assistance
here. Hope this helps.
Thu 30/10/08 at 18:41
Thu 30/10/08 at 17:56
> Blue Fairy wrote:
> Not too sure what you mean Dragonlance... it looks fine to me
> in IE. Will try to check it out though although I really am
> not
> too sure what I'm doing :/ I've written my site with
> Dreamweaver and the menu bar is made using the spry assets.
>
> Try looking at your page in higher resolutions, you'll see the
> problem then.
> The problem is that you're using a mixture of techniques to
> position elements of your page. In general you've used a table
> to lay everything out. But then you've wrapped certain elements
> in divs (eg the banner) which have position:absolute applied to
> them. So those elements are positioned relative to the edges of
> the page and not according to the table cell they are sitting
> in.
> I'm hesitant to suggest anything given I only looked at the code
> for a few minutes but to me it looks like the easiest solution is
> to remove position, top, and left from the css thats applied to
> those divs.
Thanks Garin, just what I meant to say earlier, but I just didn't want to appear too 'critical'. As Garin has mentoned the table, your table tag does need ammeding ie look at the height attribute value! A value of 12,000+ does seem excessive - remove this value completely and the 'page' will appear complete on viewing but grow as you add content. In my view, the table width attribute is far more useful. Don't consider using the height attribute in any table tag unless it's an image. ie
here. Hope this helps.
Blue Fairy wrote:
> Not too sure what you mean Dragonlance... it looks fine to me
> in IE. Will try to check it out though although I really am not
> too sure what I'm doing :/ I've written my site with
> Dreamweaver and the menu bar is made using the spry assets.
Try looking at your page in higher resolutions, you'll see the problem then.
The problem is that you're using a mixture of techniques to position elements of your page. In general you've used a table to lay everything out. But then you've wrapped certain elements in divs (eg the banner) which have position:absolute applied to them. So those elements are positioned relative to the edges of the page and not according to the table cell they are sitting in.
I'm hesitant to suggest anything given I only looked at the code for a few minutes but to me it looks like the easiest solution is to remove position, top, and left from the css thats applied to those divs.
> Not too sure what you mean Dragonlance... it looks fine to me
> in IE. Will try to check it out though although I really am not
> too sure what I'm doing :/ I've written my site with
> Dreamweaver and the menu bar is made using the spry assets.
Try looking at your page in higher resolutions, you'll see the problem then.
The problem is that you're using a mixture of techniques to position elements of your page. In general you've used a table to lay everything out. But then you've wrapped certain elements in divs (eg the banner) which have position:absolute applied to them. So those elements are positioned relative to the edges of the page and not according to the table cell they are sitting in.
I'm hesitant to suggest anything given I only looked at the code for a few minutes but to me it looks like the easiest solution is to remove position, top, and left from the css thats applied to those divs.
Blue Fairy wrote:
> Maybe Hmm... can put me right... he usually does!! lol
:¬)
Hopefully Dragonlance will explain a bit more as I can't see what he means - I've tried viewing the site in IE and FF...
----------------------------- -----------------------------
Glad to see Google has now indexed 49 pages Blue Fairy.
I would recommend you revise your page 'title' tags. They are really important to search engines and you will get a lot more traffic if you do!
Feel free to look at the page titles - the tag - of my sites for ideas, the contents is displayed at the top of the browser window and is about the most important thing to get right to achieve good search engine results.<br />
<br />
<br />
<a href="http://www.hmmm.ip3.co.uk/search" target="_blank" rel="nofollow"><strong><span style="font-size:1.2rem">Search Freeola Chat</span></strong></a> <a href="http://www.hmmm.myfreeola.com/" target="_blank" rel="nofollow"><span style="font-size:1.2rem"><strong>My Freeola Instant Site</strong></span></a> </div>
</div>
</div>
</div>
<div class="row border-bottom">
<div class="container light">
<div class="span3 contents mobile-hide tablet-hide no-pad-top">
</div>
<div class="span3 span-t4 span-m4 contents no-pad-top retain-initial-padding">
<div class="icon-button-container">
<a rel="nofollow" href="/ajax/report_post.php?thread_id=467700000&post_id=1857916" class="report-button">
<div class="icon-button"><i class="fa fa-flag"></i> <span>Report</span></div>
</a>
</div>
</div>
</div>
</div>
<div class="row gears-bottom"></div> <div class="row pad-top">
<div class="span12 pagination_container">
<div class="pagination_float">
<div class="mobile-hide">
<div class="page-label">Page:</div>
<a href="javascript:void(0)">
<div class="page disabled first">« First</div>
</a>
<a href="javascript:void(0)">
<div class="page disabled">« Previous</div>
</a>
<a href="?page=1">
<div class="page current_page">1</div>
</a>
<a href="?page=2">
<div class="page ">2</div>
</a>
<a href="?page=3">
<div class="page ">3</div>
</a>
<a href="?page=2">
<div class="page">Next »</div>
</a>
<a href="?page=3">
<div class="page last">Last (3) »</div>
</a>
</div>
<div class="mobile-show">
<div class="page-label">Page:</div>
<div class="inline-block">
<select name="page_dropdown" id="page_dropdown" class="" ><option value="?page=1" selected>1</option><option value="?page=2" >2</option><option value="?page=3" >3</option></select>
</div>
</div>
</div>
</div>
</div>
<div class="row pad-bottom"></div> </main><!-- .main -->
<aside class="sidebar ">
<nav aria-labelledby="sidebar-navigation">
<ul class="sidebar__card">
<li>
<h3 id="sidebar-navigation" class="sidebar-navigation section-header bold smaller">Forum Links</h3>
</li>
<li class="">
<a href="//chat.freeola.com/"><b>Freeola's Archived Forums</b></a>
</li>
<li class="">
<a href="//chat.freeola.com/forum_rules.php">Forum Rules & Regulations</a>
</li>
<li class="">
<a href="//chat.freeola.com/chat_safety.php">Forum Safety & Guidelines</a>
</li>
<li class="">
<a href="//chat.freeola.com/top_posters.php">Top Posters</a>
</li>
<li class="">
<a href="//chat.freeola.com/hall_of_fame.php">Hall of Fame</a>
</li>
<li class="">
<a href="//cheats.freeola.com/"><b>Retro Game Cheats</b></a>
</li>
<li class="">
<a href="//walkthrough.freeola.com/"><b>Retro Game Walkthroughs</b></a>
</li>
<li class="">
<a href="//tips.freeola.com"><b>Retro Game Tips & Trophies</b></a>
</li>
<li class="">
<a href="//reviews.freeola.com/"><b>Retro Game Reviews</b></a>
</li>
</ul>
</nav>
</aside>
</div><!-- .main-content-wrapper -->
<section class="tp full-width ">
<div class="mx-auto tp__inner">
<h2 class="standard-header text-center no-margin">Freeola & GetDotted are rated
<span class="block-xl-inline">
<svg class="standard-icon svg-1 fill-frYellow" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-solid.svg#star"></use>
</svg>
<svg class="standard-icon svg-1 fill-frYellow" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-solid.svg#star"></use>
</svg>
<svg class="standard-icon svg-1 fill-frYellow" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-solid.svg#star"></use>
</svg>
<svg class="standard-icon svg-1 fill-frYellow" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-solid.svg#star"></use>
</svg>
<svg class="standard-icon svg-1 fill-frYellow" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-solid.svg#star"></use>
</svg>
</span>
<span class="visually-hidden">5 Stars</span>
</h2>
<p class="standard-header-subline text-center no-margin-top">Check out some of our customer reviews below:</p>
<div class="flex-placeholder">
<div class="tp__testimonials">
<div class="tp__card">
<div class="tp__title">Very pleased</div>
<div class="tp__content" style="margin: 0 auto auto;">Very pleased with the help given by your staff. They explained technical details in an easy way and were patient when providing information to a non expert like me.</div>
<div class="tp__author"></div>
</div>
<div class="tp__card">
<div class="tp__title">Easy and free service!</div>
<div class="tp__content" style="margin: 0 auto auto;">I think it's fab that you provide an easy-to-follow service, and even better that it's free...!</div>
<div class="tp__author">Cerrie</div>
</div>
</div>
</div>
<p class="text-center font-size-1-6 text-black">
<a class="dark-standard-link" href="https://freeola.com/reviews/">View More Reviews</a>
</p>
</div>
</section>
<section class="full-bleed-section offBlack opacity-1 no-sidebar no-padding no-print ">
<div id="support-centre" class="flex wrap support-center py-1-5 lg-py-0">
<div>
<h2>Need some help? <span class="light">Give us a call on <span class="lg-inline-block">01376 55 60 60</span></span></h2>
</div>
<div>
<a href="https://freeola.com/support/" title="Go to the Freeola Support Centre">Go to Support Centre</a>
</div>
</div>
</section>
<section class="pre-footer">
<div class="flex-placeholder">
<div class="pre-footer__inner">
<div class="flex-column">
<div>
<h3>Find Us</h3>
<address>
Freeola & GetDotted<br />
94 Church Street<br />
Bocking<br />
Braintree<br />
Essex<br />
CM7 5JY<br />
</address>
</div>
</div>
<div class="flex-column">
<div>
<h3>Our Websites</h3>
<ul class="massive-margin">
<li>
<a href="//freeola.com">
<span>Freeola Internet Services</span>
</a>
</li>
<li>
<a href="//getdotted.com">
<span>Buy Cheap Domains</span>
</a>
</li>
<li>
<a href="//freeola.com/broadband/">
<span>Cheap Broadband Deals</span>
</a>
</li>
<li>
<a href="//freeola.com/broadband/short-term-broadband.php">
<span>Short-term Broadband Contracts</span>
</a>
</li>
<li>
<a href="//freeola.com/rqs-free-website-builder/">
<span>Free Website Builder</span>
</a>
</li>
<li>
<a href="//freeola.com/emailpro/">
<span>UK Email Hosting</span>
</a>
</li>
<li>
<a href="//freeola.com/web-hosting/">
<span>Cheap UK Web Hosting</span>
</a>
</li>
</ul>
</div>
</div>
<div class="about flex-column ">
<div>
<h3>About Us</h3>
<p class="no-margin">Freeola is an ISP, offering unrivalled internet services to small businesses and consumers in the UK. We offer a range of services, from broadband to web hosting. Start at
<a href="//getdotted.com/">cheap domain name registration</a>, get a <a href="https://freeola.com/free-web-site/">free website</a>,
or just browse the site. Read more <a href="https://freeola.com/about-us/">about Freeola & GetDotted</a>.
</p>
<p>View our <a href="https://freeola.com/reviews/">Customer Reviews</a>.</p>
</div>
<div class="social">
<h3>Follow Us</h3>
<div class="social__links">
<a href="https://facebook.com/freeola/" class="fb">
<svg class="standard-icon svg-2" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-brands.svg#facebook-square"></use>
</svg>
<span class="visually-hidden">Freeola on facebook.</span>
</a>
<a href="https://twitter.com/freeola/" class="tw">
<svg class="standard-icon svg-2" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-brands.svg#twitter-square"></use>
</svg>
<span class="visually-hidden">Freeola on Twitter</span>
</a>
</div>
</div>
<div>
<h3>Join Our Mailing list</h3>
<p class="no-margin-top">Join the Freeola & GetDotted mailing list for exclusive deals, offers and service updates straight to your email inbox.</p>
<div class="footer-form">
<a rel="nofollow" class="button" href="https://freeola.com/mailout/setpreference.php">Sign Up to the Mailing List</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer links, about us, address, mailing list + legal links -->
<footer role="contentinfo" class="main-footer-section">
<div class="flex flex-column xl-flex-row justify-between main-footer-section-container align-center">
<p class="align-self-baseline">Copyright © 2005 - 2024 Freeola Limited. All Rights Reserved.</p>
<ul class="flex align-center">
<li><a href="https://freeola.com/about-us/">About Us</a></li>
<li><a href="https://freeola.com/pricelist.php">Our Prices</a></li>
<li><a href="https://freeola.com/sitemap/">Sitemap</a></li>
<li><a href="https://freeola.com/legal/privacy-policy.php">Privacy & Cookies</a></li>
<li><a href="https://freeola.com/legal/terms.php">Terms & Conditions</a></li>
</ul>
</div>
</footer>
<script nomodule src="https://freeola.com/assets/js/polyfills/promise-polyfill.js">
</script>
<script src="https://freeola.com/assets/js/jquery-3-5-1.js">
</script>
<script src="https://freeola.com/assets/es6/navigation.uglified.js">
</script>
<script src="https://freeola.com/assets/js/colorbox-magnific.js">
</script>
<script src="/assets/js/main.js">
</script>
<script src="/vendor/jquery_ui/jquery-ui-1.12.0.custom/jquery-ui.min.js">
</script>
<script src="//freeola.com/assets/js/modal-iframe.js">
</script>
<script defer src="https://freeola.com/js/get-order-items.js"></script>
<div id="cookie-alert" class="cookie-alert">
<p>Our websites use cookies to improve their functionality. By using our site, you accept the use of cookies on your device. We respect your privacy and do not set any third-party advertising cookies. <a id="cookie_url" class="white-standard-link" href="">About our cookies</a>.</p>
<button id="close-cookie-alert" class="standard-button mt-2 w-max-content" type="button" style="background: none;">
<span class="text">
<span class="fas fa-times" aria-hidden="true"></span>
Close
</span>
</button>
</div>
<script>
var cookieAlert = document.getElementById('cookie-alert');
var cookie_url = '';
// if (document.domain.indexOf('freeola.com') != -1) {
// cookie_url = 'https://' + document.domain + '/legal/cookies.php';
// } else if (document.domain.indexOf('getdotted.com') != -1) {
// cookie_url = 'https://' + document.domain + '/legal/privacy-policy.php';
// } else {
// cookie_url = 'https://freeola.com/legal/cookies.php';
// }
if (location.hostname === 'getdotted.com') {
cookie_url = 'https://getdotted.com/legal/privacy-policy.php';
} else {
cookie_url = 'https://freeola.com/legal/cookies.php';
}
window.addEventListener('DOMContentLoaded', function() {
if (typeof localStorage === 'object') {
try {
if (localStorage.getItem('cookie_alert_shown') == null) {
// Store
localStorage.setItem('cookie_alert_shown', 'yes');
var cookieUrl = document.getElementById('cookie_url');
cookieUrl.href = cookie_url;
setTimeout(function() {
cookieAlert.style.transform = 'translateX(0)';
}, 1000);
setTimeout(function() {
cookieAlert.style.display = 'none';
}, 2e4);
} else {
cookieAlert.style.display = 'none';
}
} catch (e) {
// Safari, in Private Browsing Mode, looks like it supports localStorage but all calls to setItem
// throw QuotaExceededError. We're going to detect this and just silently drop any calls to setItem
// to avoid the entire page breaking, without having to do a check at each usage of Storage.
// Cookies won't be stored anyway so no need to show alert
Storage.prototype._setItem = Storage.prototype.setItem;
Storage.prototype.setItem = function() {};
}
}
var closeCookieAlert = document.getElementById('close-cookie-alert');
closeCookieAlert.addEventListener('click', function() {
cookieAlert.style.display = 'none';
}, false);
}, false);
</script>
<script defer src="https://freeola.com/assets/js/jquery.colorbox-min.js"></script>
<script>
colorboxDefaults = {
width: 450,
height: 450,
iframe: false
}
if (typeof customColorbox != 'undefined') {
$.extend(colorboxDefaults, customColorbox);
}
/*if($.isFunction($.fn.magnificPopup))
{
$('.colorbox').magnificPopup({type: 'inline'});
}
else if($.isFunction($.fn.colorbox) )
{
$(function() {
$('.colorbox').colorbox();
})
}*/
</script>
<style>
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
</style>
<div id="--tab-wrapper-container" class="feedback-section" style="align-items: flex-end; font-family: 'Open Sans', sans-serif;">
<div id="feedback-tab-wrapper" class="feedback-wrapper feedback-section__tab">
<div>
<a class="tab__link" href="/feedback.php?modal&t=664cb86aafbc3" id="feedback-tab" rel="nofollow">
<svg class="handle-live-chat-icon" style="fill: white; height: 1em; width: 1em;" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-regular.svg#pencil"></use>
</svg>
<span>Feedback</span>
</a>
<a class="tab__link" href="#" id="hide-feedback" rel="nofollow">
<svg class="handle-live-chat-icon" style="fill: white; height: 1em; width: 1em;" aria-hidden="true">
<use href="/assets/images/svg-sprites/custom-regular.svg#xmark"></use>
</svg>
<span class="visually-hidden">Close Feedback</span>
</a>
</div>
</div>
</div>
<div class="browser-warning" id="browser-warning">
<div class="column">
<p>It appears you are using an old browser, as such, some parts of the Freeola and Getdotted site will not work as intended. Using the latest version of your browser, or another browser such as
Google Chrome, Mozilla Firefox, or Opera will provide a better, safer browsing experience for you.</p>
<button type="button" id="close-browser-warning">Close</button>
<script>
var closeBrowserWarning = function(){
var el = document.getElementById('browser-warning');
el.style.display = 'none';
if(typeof Storage !== 'undefined')
{
sessionStorage.setItem('browserWarning', 'true');
}
}
var closeBrowserButton = document.getElementById('close-browser-warning');
if (document.addEventListener)
{
closeBrowserButton.addEventListener('click', closeBrowserWarning, false);
}
else
{
closeBrowserButton.attachEvent('click', closeBrowserWarning);
}
if(typeof Storage !== 'undefined')
{
var stor = sessionStorage.getItem('browserWarning');
if(stor == 'true')
{
document.getElementById('browser-warning').style.display = 'none';
}
}
</script>
</div>
</div>
<!--<script src="https://browser.sentry-cdn.com/5.11.2/bundle.min.js" integrity="sha384-FLzYisBa7tvsi/ZP1ISnzZJqBkmw5mvwk7KOmH82W9wdPZKG3bG9hSO8GQFVSlOu" crossorigin="anonymous">
</script>-->
<script>
const loadSentry = function() {
let body = document.querySelector('body');
let tag = document.createElement('script');
tag.setAttribute('integrity', "sha384-FLzYisBa7tvsi/ZP1ISnzZJqBkmw5mvwk7KOmH82W9wdPZKG3bG9hSO8GQFVSlOu");
tag.setAttribute("crossorigin", "anonymous");
tag.setAttribute('src', 'https://browser.sentry-cdn.com/5.11.2/bundle.min.js');
tag.setAttribute('defer', true);
body.appendChild(tag);
tag.onload = function() {
Sentry.init({
dsn: 'https://2a0e6f82eb8f46caa125cd68ecf0c94c@sentry.freeola.systems/3'
});
}
}
loadSentry();
</script>
<script defer src="https://freeola.com/shared_assets/js/feedback.js"></script>
<script>
/* If the sidebar height is greater than the window height, we don't want it to be sticky. */
var unstickySidebar = function() {
var sidebar = document.querySelector('.sidebar');
var stickyPosition = 108;
if (sidebar) {
var nav = sidebar.querySelector('nav');
if (!nav) {
return false;
}
var sidebarNavHeight = nav.offsetHeight;
var windowHeight = window.innerHeight;
if (windowHeight < (sidebarNavHeight + stickyPosition)) {
sidebar.classList.add('unsticky');
} else {
sidebar.classList.remove('unsticky');
}
}
}
window.addEventListener('DOMContentLoaded', function() {
unstickySidebar();
})
window.addEventListener('resize', function() {
unstickySidebar();
})
</script>
</body>
</html>
<script>
/////////////
// AVATARS //
/////////////
$(function() {
var $avatar_display = $("#avatar_display");
if ($avatar_display.text() == "active") {
$(".avatar-wrapper").show();
}
else {
$(".avatar-wrapper").hide();
}
});
$("#toggle_avatars").on("click", function() {
var $avatar_display = $("#avatar_display");
var $toggle_avatars = $("#toggle_avatars");
if ($avatar_display.text() == "active") {
$avatar_display.text("disable");
$toggle_avatars.text("Show Avatars");
$(".avatar-wrapper").hide();
$.get("/ajax/set_avatar_status.php", { new_status: 'disabled' }, function(data){
//console.log(data);
});
}
else {
$avatar_display.text("active");
$toggle_avatars.text("Hide Avatars");
$(".avatar-wrapper").show();
$.get("/ajax/set_avatar_status.php", { new_status: 'active' }, function(data){
//console.log(data);
});
}
});
///////////////////
// REPORT BUTTON //
///////////////////
$('a.report-button').on("click", function(e) {
e.preventDefault();
var link = $(this).attr('href');
modalConfirm("Report this post for abusive, offensive or spam content?", function(){
$.get(link).done(function(data) {
popupAlert("Post reported to forum moderators.");
});
});
});
///////////////////
// STICKY BUTTON //
///////////////////
$('a.sticky-button').on("click", function(e) {
e.preventDefault();
var link = $(this).attr('href');
if ($(this).hasClass('active')) {
$(".sticky-button").attr('title', "Make Sticky");
$(".sticky-button").removeClass('active');
$.get(link, {is_sticky : 'N'}).done(function(data) {
popupAlert("Thread's Sticky Status Updated.");
});
}
else {
$(".sticky-button").attr('title', "Unsticky");
$(".sticky-button").addClass('active');
$.get(link, {is_sticky : 'Y'}).done(function(data) {
popupAlert("Thread's Sticky Status Updated.");
});
}
});
////////////////
// BAN BUTTON //
////////////////
$('a.ban-user-button').on("click", function(e) {
e.preventDefault();
var link = $(this).attr('href');
modalConfirmReason("Please enter the reason you would like to ban this user:", function(){
var $confirm_reason = $("#confirm_reason");
$.get(link, {ban_reason: $confirm_reason.val()}).done(function(data) {
if (data == "SUCCESS")
{
popupAlert("User Successfully Banned.");
}
else {
popupAlert(data);
}
});
});
});
///////////////////
// DELETE BUTTON //
///////////////////
$('a.delete-button').on("click", function(e) {
e.preventDefault();
var link = $(this).attr('href');
if ($(this).data('is-thread') == "1") {
modalConfirm("Are you sure you want to delete this thread?", function(){
window.location.href = link;
});
}
else {
modalConfirm("Are you sure you want to delete this post?", function(){
window.location.href = link;
});
}
});
</script>
> Maybe Hmm... can put me right... he usually does!! lol
:¬)
Hopefully Dragonlance will explain a bit more as I can't see what he means - I've tried viewing the site in IE and FF...
----------------------------- -----------------------------
Glad to see Google has now indexed 49 pages Blue Fairy.
I would recommend you revise your page 'title' tags. They are really important to search engines and you will get a lot more traffic if you do!
Feel free to look at the page titles - the