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.
Mornin all,
I wonder if any of you have an insight into the way that Firefox deals with javascript, that seems to be different from the way in which IE deals with it - in other words why is the same script displayed differently?
For example:
Displays Fri Jan 16 09:55:40 2009 in IE
but Fri Jan 16 2009 10:00:23 GMT+0000 (GMT Standard Time) in Firefox?
Admittedly, neither display is pretty, but the Firefox display just seems a bit OTT:-)
Thanks
I wonder if any of you have an insight into the way that Firefox deals with javascript, that seems to be different from the way in which IE deals with it - in other words why is the same script displayed differently?
For example:
<script language="JavaScript" type="text/javascript">
<!--
document.write(Date())
// -->
</script>Displays Fri Jan 16 09:55:40 2009 in IE
but Fri Jan 16 2009 10:00:23 GMT+0000 (GMT Standard Time) in Firefox?
Admittedly, neither display is pretty, but the Firefox display just seems a bit OTT:-)
Thanks
Page:
Thanks Garin for pointing this out and maybe I am confusing myself. This generally happens when I discuss 'code' - put me in front of it to write it and I know implicitly what I want and need, but nevertheless ta:-)
I think you're just confusing yourself now. :) HTML is case insensitive, there are no exceptions. And we've been talking about attributes not tags. ALT is not a tag, its an attribute. Similarly I was talking about the TITLE attribute, not the tag thats used to specify a page title.
I now have a better understanding of this , however it would seem, as per W3C school, is page title and <title> is what we have been discussing. This is odd, as most 'tag titles' work the same either capitalised or in lower case - now we have one that seems explicit in being and meaning/rendering.<br />
<br />
And yes I agree with specifying both. </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=742500000&post_id=1842628" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 22:15 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=57570165">DL</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide">"Feather edged ..."</div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="//images.freeola.co.uk/uploaded/14/07/13/000001.jpg" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 8,536 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Rather late in replying, but many, many thanks Garin </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=742500000&post_id=1842627" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 20:57 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=55980252">Dr. Garin</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide">"Devil in disguise"</div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="//images.freeola.co.uk/uploaded/07/07/30/000001.jpg" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 3,151 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Dragonlance wrote:<br />
> Regarding ALT attributes, I was under the impression that they<br />
> were 'desirable' under W3C 'requirements'. The title attribute<br />
> used to be only used for the particular page 'title' - how is it<br />
> now applied to images and will 'title' attributes display as ALT<br />
> did in IE?<br />
<br />
When you said the ALT text is not appearing in Firefox, I assume you mean when you hover over the element?<br />
The W3C specification has always said the browser should display the ALT attribute if the element cannot be rendered. IE took this a step further and decided to render the ALT text as a tooltip even if the element is displayed. Theres some debate about this but its really incorrect behaviour as the spec provides the TITLE attribute for displaying tooltips when you hover over an element.<br />
Bottom line is you should really specify both. </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=742500000&post_id=1842626" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 19:45 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=57570165">DL</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide">"Feather edged ..."</div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="//images.freeola.co.uk/uploaded/14/07/13/000001.jpg" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 8,536 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Thanks to Garin and McLong for your reply,<br />
<br />
To McLong - I'm not using php because the site already exists and it would take too long to re-write and apparently time is of an essence- but I take your point:-(<br />
<br />
To Garin - I had thought that a call to an external function would solve the problem and have written one in readiness. <br />
<br />
Regarding ALT attributes, I was under the impression that they were 'desirable' under W3C 'requirements'. The title attribute used to be only used for the particular page 'title' - how is it now applied to images and will 'title' attributes display as ALT did in IE?<br />
<br />
Gratefully yours, Old Confused:-D </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=742500000&post_id=1842625" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 17:27 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=55980252">Dr. Garin</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide">"Devil in disguise"</div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="//images.freeola.co.uk/uploaded/07/07/30/000001.jpg" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 3,151 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Dragonlance wrote:<br />
> Most definately agree with what you say, but do you have any<br />
> 'code' solution/suggestion that may provide the IE display in<br />
> Firefox? This is Firefox 3.0.5<br />
<br />
The "correct" method is to create yourself a Date object and then use the methods (getDay(), getFullYear() etc.) to form your own string. You could try cheating though, if do a substring of Date() and get the first 25 (ish) characters you'll just be left with the date/time. <br />
<br />
> Have you also noticed that 'alt tags' don't display in Firefox<br />
> either!<br />
<br />
I suppose its more correct to say that IE is displaying ALT attributes when it shouldnt. :) Depends what you're doing but I suspect the title attribute is more appropriate (or both depending on the situation) </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=742500000&post_id=1842624" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 16:49 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=60003030">McLong</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide"></div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="/assets/images/no_avatar.png" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 791 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Alt tags don't display on hover in FireFox, but I believe title="" tags do. I think I prefer alt tags not to show really, but if you'd rather show some information on hover then title should work.<br />
<br />
Also, is there any reason why you aren't using PHP to display the date? It's quite flexible in the format it displays in. </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=742500000&post_id=1842623" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 16:44 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=57570165">DL</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide">"Feather edged ..."</div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="//images.freeola.co.uk/uploaded/14/07/13/000001.jpg" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 8,536 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Garin wrote:<br />
> I suppose the way Firefox displays it is the "correct"<br />
> way though as it should be reporting everything it knows about<br />
> the current date/time.<br />
<br />
Thanks Garin, nice to 'read' you again.<br />
<br />
Most definately agree with what you say, but do you have any 'code' solution/suggestion that may provide the IE display in Firefox? This is Firefox 3.0.5<br />
<br />
Have you also noticed that 'alt tags' don't display in Firefox either! </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=742500000&post_id=1842622" 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 pad-top border-top border-bottom">
<div class="container dark">
<div class="span12 contents title">
<div style="float:right">
</div>
Fri 16/01/09 at 15:47 </div>
</div>
</div>
<div class="row">
<div class="container light">
<div class="span3 contents">
<div class="inline-block">
<div class="nickname"><a style="color:#fb0; border-color:#fb0;" href="/user_profile.php?user_id=55980252">Dr. Garin</a></div>
<div style="color:#fb0;" class="user-type">Regular</div>
</div>
<div class="tagline mobile-hide">"Devil in disguise"</div>
<div class="avatar-wrapper">
<div class="avatar-container">
<img src="//images.freeola.co.uk/uploaded/07/07/30/000001.jpg" class="avatar">
</div>
</div>
<div class="posts-container mobile-hide">
Posts: 3,151 </div>
</div>
<div class="span9 contents">
<div style="word-wrap:break-word">
Dragonlance wrote:<br />
> I wonder if any of you have an insight into the way that Firefox<br />
> deals with javascript, that seems to be different from the way in<br />
> which IE deals with it - in other words why is the same script<br />
> displayed differently?<br />
<br />
Not sure what anybody can say other than yes there are subtle implementation differences across browsers. As well as some larger differences like IE's proprietary stuff (some of which have been implemented by other browsers). If you try Date() in Opera, you'll get a different output again. <br />
<br />
I suppose the way Firefox displays it is the "correct" way though as it should be reporting everything it knows about the current date/time. </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=742500000&post_id=1842621" 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=2">
<div class="page">Next »</div>
</a>
<a href="?page=2">
<div class="page last">Last (2) »</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></select>
</div>
</div>
</div>
</div>
</div>
<div class="row pad-bottom"></div> </main><!-- .main -->
<aside class="sidebar ">
<nav aria-labelledby="sidebar-navigation" style="position: static;">
<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>
<li class="sidebar__button bg-frBkgd " style="height: auto; border-radius: 0 0 5px 5px;">
</ul>
</nav>
<div class="px-2 my-1">
<h3 class="text-white sidebar-navigation-header small-standard-header text-center">Available NOW!</h3>
<div>
<p class="text-center">
<a target="_blank" href="https://telos.co.uk/shop/other-non-fiction/memories-of-firebird-hb/">Memories of Firebird</a>
</p>
<p class="text-white max-ch-25">1980's A4+ Retro Gaming Book with 272 colourful pages. Games, Authors, People - the full story of Firebird Software.</p>
<p class="text-white text-center font-weight-600">Available at Amazon UK & USA</p>
<p>
<a target="_blank" href="https://telos.co.uk/shop/other-non-fiction/memories-of-firebird-hb/">
<img src="/assets/images/Firebird-Cover.jpg" alt="Memories of Firebird Cover" height="305" width="230">
</a>
</p>
</div>
</div>
</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">10/10</div>
<div class="tp__content" style="margin: 0 auto auto;">Over the years I've become very jaded after many bad experiences with customer services, you have bucked the trend. Polite and efficient from the Freeola team, well done to all involved.</div>
<div class="tp__author"></div>
</div>
<div class="tp__card">
<div class="tp__title">Just a quick note to say thanks for a very good service ... in fact excellent service..</div>
<div class="tp__content" style="margin: 0 auto auto;">I am very happy with your customer service and speed and quality of my broadband connection .. keep up the good work . and a good new year to all of you at freeola.</div>
<div class="tp__author">Matthew Bradley</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#square-facebook"></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#square-x-twitter"></use>
</svg>
<span class="visually-hidden">Freeola on X</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 - 2026 Freeola Limited. All Rights Reserved.</p>
<ul class="flex align-center">
<li><a href="/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>
<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>