Difference between revisions of "Desktop"
Adelo Vieira (talk | contribs) |
Adelo Vieira (talk | contribs) |
||
| Line 22: | Line 22: | ||
<div id="container-desktop-menu" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px"> | <div id="container-desktop-menu" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px"> | ||
| − | <button id="button-Uno" class="button izquierda | + | <button id="button-Uno" class="button izquierda tablink bottom-selected-desk" onclick="selectDesktop(event,'Uno')" > <i class="uno">1</i> </button> |
| − | <button id="button-Dos" class="button izquierda | + | <button id="button-Dos" class="button izquierda tablink" onclick="selectDesktop(event,'Dos')" > <i class="dos">2</i> </button> |
| − | <button id="button-Tres" class="button izquierda | + | <button id="button-Tres" class="button izquierda tablink" onclick="selectDesktop(event,'Tres')"> <i class="tres">3</i> </button> |
| − | <button id="button-All" class="button izquierda | + | <button id="button-All" class="button izquierda tablink" onclick="selectDesktop(event,'All')" > <i class="fas fa-eye"></i> </button> |
</div> | </div> | ||
| Line 47: | Line 47: | ||
<script> | <script> | ||
| − | function selectDesktop( | + | function selectDesktop(evt, cityName) { |
| − | var i, x, | + | var i, x, tablinks; |
x = document.getElementsByClassName("city"); | x = document.getElementsByClassName("city"); | ||
for (i = 0; i < x.length; i++) { | for (i = 0; i < x.length; i++) { | ||
x[i].style.display = "none"; | x[i].style.display = "none"; | ||
} | } | ||
| − | + | tablinks = document.getElementsByClassName("tablink"); | |
for (i = 0; i < x.length; i++) { | for (i = 0; i < x.length; i++) { | ||
| − | + | tablinks[i].className = tablinks[i].className.replace(" bottom-selected-desk", ""); | |
} | } | ||
document.getElementById(cityName).style.display = "block"; | document.getElementById(cityName).style.display = "block"; | ||
| − | + | evt.currentTarget.className += " bottom-selected-desk"; | |
if (cityName == "Uno") { | if (cityName == "Uno") { | ||
| Line 105: | Line 105: | ||
$("#desktop-menu .uno").css('font-size', '21px') | $("#desktop-menu .uno").css('font-size', '21px') | ||
}, function(){ | }, function(){ | ||
| − | if ( $(this).hasClass("bottom-selected") ) { | + | if ( $(this).hasClass("bottom-selected-desk") ) { |
$("#desktop-menu .uno").css('font-size', '21px') | $("#desktop-menu .uno").css('font-size', '21px') | ||
}else{ | }else{ | ||
| Line 115: | Line 115: | ||
$("#desktop-menu .dos").css('font-size', '20px') | $("#desktop-menu .dos").css('font-size', '20px') | ||
}, function(){ | }, function(){ | ||
| − | if ( $(this).hasClass("bottom-selected") ) { | + | if ( $(this).hasClass("bottom-selected-desk") ) { |
$("#desktop-menu .dos").css('font-size', '20px') | $("#desktop-menu .dos").css('font-size', '20px') | ||
}else{ | }else{ | ||
| Line 125: | Line 125: | ||
$("#desktop-menu .tres").css('font-size', '21px') | $("#desktop-menu .tres").css('font-size', '21px') | ||
}, function(){ | }, function(){ | ||
| − | if ( $(this).hasClass("bottom-selected") ) { | + | if ( $(this).hasClass("bottom-selected-desk") ) { |
$("#desktop-menu .tres").css('font-size', '21px') | $("#desktop-menu .tres").css('font-size', '21px') | ||
}else{ | }else{ | ||
| Line 135: | Line 135: | ||
$("#desktop-menu .fa-eye").css('font-size', '19px') | $("#desktop-menu .fa-eye").css('font-size', '19px') | ||
}, function() { | }, function() { | ||
| − | if ( $(this).hasClass("bottom-selected") ) { | + | if ( $(this).hasClass("bottom-selected-desk") ) { |
$("#desktop-menu .fa-eye").css('font-size', '19px') | $("#desktop-menu .fa-eye").css('font-size', '19px') | ||
}else{ | }else{ | ||
| Line 141: | Line 141: | ||
} | } | ||
}); | }); | ||
| + | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</script> | </script> | ||
| − | |||
</html> | </html> | ||
Revision as of 18:04, 21 March 2021
This is a protected page.
|
Estudio actual |
Level1 |
Level1 |
|
|
|
