Roblox Quick Join Button

Adds a button to quickly join on the games page

  1. // ==UserScript==
  2. // @name Roblox Quick Join Button
  3. // @namespace http://tampermonkey.net/
  4. // @version 2024-09-19
  5. // @description Adds a button to quickly join on the games page
  6. // @author You
  7. // @match https://www.roblox.com/games*
  8. // @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
  9. // @grant none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13. 'use strict';
  14.  
  15.  
  16.  
  17.  
  18. window.addEventListener('load', function () {
  19. var GetUrl = 'roblox:/'+'/experiences/start?'+'PlaceID='+window.location.href.slice(29).split('/')[0];
  20. function QuickJoinGame() {
  21.  
  22. }
  23.  
  24. const element = document.getElementById("game-details-play-button-container");
  25. const buttonOut = document.createElement('button');
  26.  
  27. buttonOut.innerHTML ='<button class="QuickJoinButton" onclick="window.location.replace('+"'"+GetUrl+"'"+')">'+'<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+dHVyYm8tYm9sdC1pY29uPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJ0dXJiby1ib2x0LWljb24iIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0iI2ZmZmZmZiI+DQogICAgICAgICAgICA8cGF0aCBkPSJNNi4xOTE5MjY1LDkuOTcwNDEyNjcgQzYuMzk4MTc1NzgsMTAuNDgyNzk5MyA2Ljg0NTEyOTYsMTAuNTUxNTQxOCA3LjE5NDU2MDQ0LDEwLjExODU4MjUgTDcuNDYxNDQ0OCw5Ljc4NzkwMTY3IEM3LjgwODkzNDk2LDkuMzU3MzQ2OTQgOC40MzQyMjU2NCw5LjI4NTQ1NTE2IDguODczNDY2NjEsOS42Mzk3NDUyMSBMMTEuNjg2NTYsMTEuOTA4Nzc1NCBDMTIuMTE4OTA4LDEyLjI1NzUwNTUgMTIuMzAzMDg1OCwxMi4xMjY1OTAzIDEyLjA5NjI3MDUsMTEuNjEyMjM0MSBMOS43NDkyMTU3NSw1Ljc3NTAzNDUzIEM5LjU0MzE0NDYyLDUuMjYyNTI5MTIgOS4wOTU4NDQ3Miw1LjE5NDAxNzM4IDguNzQ1ODAxMiw1LjYyNzM4NTE1IEw4LjQ3ODQ0ODksNS45NTgzNzc5IEM4LjEzMDM0OTQ3LDYuMzg5MzM4ODEgNy41MDQ1NjQ4Niw2LjQ2MTU1OTg3IDcuMDY1MzIzODksNi4xMDcyNjk4MiBMNC4yNTIyMzA0OCwzLjgzODIzOTY3IEMzLjgxOTg4MjUyLDMuNDg5NTA5NDkgMy42MzU4NDg1MSwzLjYyMDMyODkxIDMuODQyODQyNjEsNC4xMzQ1NjU5MSBMNi4xOTE5MjY1LDkuOTcwNDEyNjcgWiIgaWQ9InR1cmJvLWJvbHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuOTY5Mzk1LCA3Ljg3MzUwOCkgcm90YXRlKDY5LjAwMDAwMCkgdHJhbnNsYXRlKC03Ljk2OTM5NSwgLTcuODczNTA4KSAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==" style="width: 36px; height: 36px;" draggable="false"></img>'+'</button>'
  28.  
  29. element.append(buttonOut)
  30. buttonOut.outerHTML = buttonOut.innerHTML
  31. $('head').append('<style> .QuickJoinButton { border: none; border-radius: 8px; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 0px 5px; cursor: pointer; background-color: #fc6c00; width: 100px;} </style>');
  32. });
  33. })();