vylion/littlelink
vylion/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

solved drop down double click issue

Browse source
This commit is contained in:
brian 2022-10-25 11:16:13 -04:00
parent 3605738bf5
commit aaa216f899
3 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
README.md
View file

@ -9,5 +9,4 @@ NOTES FOR ME:
Change colors via: `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. Change colors via: `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing.
Automatic theme option: You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on. Automatic theme option: You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
This branch will be used for development so that the main branch will function as the website itself.

4
css/dropdown.js
View file

@ -1,3 +1,7 @@
// to do:
// - menus need to be clicked twice to open
// - clicking on window does not result in menu closing
function PRlist() { function PRlist() {
var click = document.getElementById("PR"); var click = document.getElementById("PR");
if(click.style.display ==="none") { if(click.style.display ==="none") {

7
index.html
View file

@ -107,7 +107,8 @@
<div class="dropdown"> <div class="dropdown">
<button onclick="PRlist()" class="dropbtn">Professional Resources<img class="icon" src="images/downarrow.png"></button> <button onclick="PRlist()" class="dropbtn">Professional Resources<img class="icon" src="images/downarrow.png"></button>
<div id="PR" class="dropdown-content"> <!-- style="display:none" eliminates needing to click twice to first open the drop down menu -->
<div id="PR" style="display:none" class="dropdown-content">
<!-- Resume --> <!-- Resume -->
<a class="button button-github" href="images/Andrews_Resume_2022.pdf" target="_blank" rel="noopener"> <a class="button button-github" href="images/Andrews_Resume_2022.pdf" target="_blank" rel="noopener">
<img class="icon" src="images/icons/resume.png">Resume</a> <img class="icon" src="images/icons/resume.png">Resume</a>
@ -133,7 +134,8 @@
<div class="dropdown"> <div class="dropdown">
<button onclick="PLTlist()" class="dropbtn-PLT"><img class="icon" src="images/icons/PLT.png">Pro Lacrosse Talk<img class="icon" src="images/downarrow.png"></button> <button onclick="PLTlist()" class="dropbtn-PLT"><img class="icon" src="images/icons/PLT.png">Pro Lacrosse Talk<img class="icon" src="images/downarrow.png"></button>
<div id="PLT" class="dropdown-content"> <!-- style="display:none" eliminates needing to click twice to first open the drop down menu -->
<div id="PLT" style="display:none" class="dropdown-content">
<!-- Put here spotify links and links to an article or two! <!-- Put here spotify links and links to an article or two!
Also change the PLT font color in the drop down field --> Also change the PLT font color in the drop down field -->
<a class="button button-spotify" href="https://open.spotify.com/show/1wvPf4MiVvv6HY7tIGcdYJ?si=c3a123beab884c64" target="_blank" rel="noopener"> <a class="button button-spotify" href="https://open.spotify.com/show/1wvPf4MiVvv6HY7tIGcdYJ?si=c3a123beab884c64" target="_blank" rel="noopener">
@ -173,6 +175,7 @@
</div> </div>
</div> </div>
<!-- javascript added for drop down menus -->
<script type="text/javascript" src="css/dropdown.js"> <script type="text/javascript" src="css/dropdown.js">
</script> </script>