Linking Buttons

Elements
3

If you want to use a Timeline and mouse over/out then Greg gives you the best ways of doing it.

But if you want to use Mouse Click and have the colours stay on and off. You would need to double up on your Javascript and use a global variable as a true/false marker for when the colour is on or off.

Example the global var is placed in the head :

<script type="text/javascript">
	window.buttonsOnShift = false  ;
 </script>

And Simple JS is run when either of the buttons is clicked.

	if (window.buttonsOnShift){
	
	hypeDocument.getElementById('shift1').style.background = "#696969";  
	hypeDocument.getElementById('shift2').style.background = "#696969";
	window.buttonsOnShift = false  ;
	} else {
hypeDocument.getElementById('shift1').style.background = "#FFA500";  
hypeDocument.getElementById('shift2').style.background = "#FFA500"; 

window.buttonsOnShift = true;
   
}

The Timelines when called use the Toggle technique found here:

LinkedButtons.hypetemplate.zip (42.1 KB)

1 Like