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'
});