MediaWiki:Common.js
From Helix Project Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
// Helix Project - Wiki Chat Bubble (ES5 Compatible)
window.addEventListener('load', function() {
console.log('Loading Helix Wiki Chat Bubble...');
// Simple, reliable chat bubble for wiki
var chatBubble = document.createElement('div');
chatBubble.innerHTML = '💬 Wiki Help';
chatBubble.id = 'helix-wiki-chat-bubble';
// Set styles individually (ES5 compatible)
chatBubble.style.position = 'fixed';
chatBubble.style.bottom = '20px';
chatBubble.style.right = '20px';
chatBubble.style.background = '#007cba';
chatBubble.style.color = 'white';
chatBubble.style.padding = '12px 18px';
chatBubble.style.borderRadius = '20px';
chatBubble.style.cursor = 'pointer';
chatBubble.style.zIndex = '1000';
chatBubble.style.boxShadow = '0 2px 10px rgba(0,0,0,0.2)';
chatBubble.style.fontFamily = 'sans-serif';
chatBubble.style.fontSize = '14px';
chatBubble.style.fontWeight = 'bold';
// Simple click action - go to wiki help
chatBubble.onclick = function() {
window.location.href = '/wiki/Help:Contents';
};
// Add hover effect
chatBubble.onmouseover = function() {
this.style.background = '#005a87';
this.style.transform = 'scale(1.05)';
};
chatBubble.onmouseout = function() {
this.style.background = '#007cba';
this.style.transform = 'scale(1)';
};
document.body.appendChild(chatBubble);
console.log('Helix Wiki Chat Bubble added successfully');
// Optional: Keep your existing Chatbase integration
var script = document.createElement('script');
script.src = 'https://www.chatbase.co/embed.min.js';
script.setAttribute('chatbotId', 'i65eBj3COxUlFEU_Lsrw0');
script.setAttribute('domain', 'www.chatbase.co');
script.defer = true;
document.body.appendChild(script);
});
