Notifications Can't be Erased Anymore

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
When the problem appeared : After I installed a customized JavaScript code.
Forum link : http://www.draxionsgameden.com/

Description of problem

I noticed after I installed my own JavaScript in order to get an element to appear on all pages, my members and I couldn't delete the notifications via the "X" anymore from the drop-down menu on the toolbar. I have tweaked the code several times by trying different ways to execute the JavaScript but to no luck I have had to fix it. So any help with this would be greatly appreciated.

Have you asked the person who created the JavaScript?

I don't remember exactly who created the JavaScript since I have had it for quite a while, but I did alter it in order to fit myself and on my site so mobile users can use the Quick Navigator too. It wasn't like a complex JavaScript code either. It was simply a "document write" in order to write some HTML on the pages.

Please post the code using the code tags.

Sure.

Code:

document.write('<style type="text/css">#menu,#menu a {font-family:Verdana,sans-serif;padding:5px;font-weight:700;}#menu,#menu #bar,#menu a,#menu a:hover {font-weight:700;}#menu{position:fixed;top:-200px;left:-212px;width:230px;height:600px;font-size:14px;color:#fff;border: 1px solid #000;border-radius:0px 15px 15px 0px;background:#000;transition:300ms;-moz-transition:300ms;-o-transition:300ms;-htm-transition:300ms;-webkit-transition:300ms;}/*#menu:hover {left:0;transition:500ms;}*/#menu a {font-size:12px;line-height:20px;color:#ebb000;font-style:normal;text-decoration:none;transition:300ms;-moz-transition:300ms;-o-transition:300ms;-htm-transition:300ms;-webkit-transition:300ms;}#menu a:hover {color:#ffffff;cursor:default;text-shadow:0px 0px 3px #ffffff;transition:300ms;-moz-transition:300ms;-o-transition:300ms;-htm-transition:300ms;-webkit-transition:300ms;}#menu #bar {position:absolute;top:0;right:0;width:25px;padding:2px;text-align:center;border-radius:0px 15px 15px 0px;height:607px;font-size:14px;background:#3d0600;}#menu hr {border:0;color:#000;height:1px;text-align:center;width:100%;background:#eee;}#menu_button_show {position:absolute;bottom:0;right:0;width:25px;padding:2px;text-align:center;border-radius:0px 0px 15px 0px;height:50px;font-size:14px;background:#3d0600;color:#fff;border:none;}#menu_button_hide {background:#3d0600;border:none;color:#fff;border-radius: 15px 0 0 0px;padding:5px;font-size:12px;height:120px;width:25px;position:absolute;bottom:0;right:29px;}</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>');
$(function() {
  document.body.insertAdjacentHTML('beforeEnd', '<div id="menu"><div id="bar"><span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Q<br />U<br />I<br />C<br />K<br /><br />N<br />A<br />V<br />I<br />G<br />A<br />T<br />O<br />R</span><button id="menu_button_show">|||</button></div><a rel="nofollow" href="http://www.draxionsgameden.com/t69-game-rules#1054">Game Rules</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t575-chatbox-rules#78584">Chatbox Rules </a><br><hr> Welcome<br><a rel="nofollow" href="http://www.draxionsgameden.com/f71-rules-and-guides">Rules & Guides</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f72-news-announcements">News & Announcements </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f73-faq-s">FAQs </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f74-help-support">Help & Support </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f76-dd-requests">D&D Requests </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f77-graphic-designer-s-section">Graphic Design </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f78-free-chat">Free Chat </a><br><hr>Character Generation<br><a rel="nofollow" href="http://www.draxionsgameden.com/t83-character-generation-guide">Character Creation Guide</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t435-leveling-up-guide-2nd-level-and-higher#55665">Leveling Up Guide</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t84-classes">Classes</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t472-classes-requests">Classes (Requests)</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t85-races">Races</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t473-races-requests">Races (Requests)</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t94-feats">Feats</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t86-skills">Skills</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t87-spells">Spells</a><br><hr> D&D Content Forums <br><a rel="nofollow" href="http://www.draxionsgameden.com/f14-player-s-forum">Players Forum</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f32-the-quest-logs">Quest Logs</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f16-spell-lists">Players Spell Lists</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f22-private-party-occ">Private Party Chat</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f53-affiliations">Affiliations</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f54-character-biographies">Character Biographies</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f65-dd-history">D&D History</a><button id="menu_button_hide">H<br />I<br />D<br />E</button></div>');
});$(document).ready(function() {$("#menu_button_show").click(function(){$("#menu").css({"left":"0","transition": "300ms", "-moz-transition": "300ms", "-o-transition": "300ms", "-htm-transition": "300ms", "-webkit-transition": "300ms", "top": "40px"});});$("#menu_button_hide").click(function() {$("#menu").removeAttr("style");});});

Solved.

Draxion wrote:Solved.

What was the solution?

-Brandon

Oh, since Forumotion already has a JQuery library installed, I simply removed this from the JavaScript and it solved it.

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

Ok, thanks for posting the solution!

No problem. Have a good afternoon!

You as well!

Topic solved and archived ~ brandon_g Please read our forum rules: ESF General Rules