16824517cc89b9acd936de3c17c3c48d64d0afc9 jnavarr5 Tue Dec 2 17:15:40 2025 -0800 Disabling hyperlink clicks. Disabling clicking on the results page, refs #34354 diff --git src/hg/js/tutorials/customTrackTutorial.js src/hg/js/tutorials/customTrackTutorial.js index 386a87a69b3..7f3d534727a 100644 --- src/hg/js/tutorials/customTrackTutorial.js +++ src/hg/js/tutorials/customTrackTutorial.js @@ -229,31 +229,31 @@ 'end': { action() { hideMenu('#help > ul'); return this.complete(); }, //classes: 'shepherd-button-secondary', text: 'Finish' } }; // Function to disable drop-downs, button clicks, and text inputs function toggleSelects(containerId, enabled) { const container = document.getElementById(containerId); const selectors = ['select', 'button', 'input[type="radio"]', 'input[type="submit"]', 'input[type="checkbox"]', - 'input[type="text"]' + 'input[type="text"]', 'a' ]; container.querySelectorAll(selectors).forEach(sel => { if (enabled) { sel.style.pointerEvents = ''; sel.style.opacity = ''; sel.tabIndex = 0; } else { sel.style.pointerEvents = 'none'; // blocks mouse interaction sel.style.opacity = '1'; // keep visual styling normal sel.tabIndex = -1; // skip from keyboard nav } }); } @@ -430,48 +430,56 @@ function customTrackResultSteps() { customTrackTour.addStep({ title: 'View your uploaded custom tracks', text: 'This table shows the custom tracks that you uploaded to the UCSC Genome Browser '+ 'from the previous page.

'+ 'Using this table, you can delete any unwanted custom '+ 'tracks. You can also click onto the track names to edit the settings or data.', buttons: [tutorialButtons.next], attachTo: { element: '#resultsTable', on: 'bottom' }, - id: 'after-submit' + id: 'after-submit', + when: { + show: () => toggleSelects('resultsTable', false), + hide: () => toggleSelects('resultsTable', true) + } }); customTrackTour.addStep({ title: '"View in" drop-down menu', text: 'By default, the Genome Browser will take you to view your custom track '+ 'on the main Genome Browser image.

'+ 'Altering this drop-down will let you send '+ 'the data to the Table Browser, Variant Annotation Integrator, or the '+ 'Data Integrator.', buttons: [tutorialButtons.back, tutorialButtons.next], attachTo: { element: '#navSelect', on: 'bottom' }, - id: 'navigation-drop-down' + id: 'navigation-drop-down', + when: { + show: () => toggleSelects('navForm', false), + hide: () => toggleSelects('navForm', true) + } }); customTrackTour.addStep({ title: 'Add more tracks to the Genome Browser', text: 'Click this button to return to the previous page to add more custom tracks.', buttons: [tutorialButtons.back, tutorialButtons.next], attachTo: { element: '#addTracksButton', on: 'bottom' }, id: 'add-tracks' });