CSS Style Issues |
CSS Style Issues |
William Grimsley |
Jun 4 2017, 04:15 AM
Post
#1
|
Novice Group: Members Posts: 26 Joined: 30-May 17 From: Newton Poppleford, Devon, UK Member No.: 26,424 |
Hi there,
I have this web page and this web page. I want to style the buttons on the 1st page like the ones on the 2nd page. There's already styling on there, but when the selected graph loads, the style gets deleted. Any ideas on how I can keep the style when the graph loads? Also, on the 2nd page, I want to style the buttons so that they're clickable anywhere, not just on the text. Thanks! William This post has been edited by William Grimsley: Jun 4 2017, 04:21 AM |
Christian J |
Jun 12 2017, 07:09 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
The one with event.target? Works for me, but it seems to be buggy in all browsers except Opera12 and Firefox: when I click an LI both LIs are hidden, not just the one I clicked.
If I modify the script to use a hardcoded HTML list, it works correctly though. Also if add a border instead of changing visibility. |
pandy |
Jun 12 2017, 07:28 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I tried adding content with innerHTML and I tried using a hardcoded list and removing the part of the script that creates the list.
The simpler example at https://www.w3schools.com/Jsref/event_target.asp works for me as is, but when I tried to replace the alert with something funnier it didn't work. I'll try FF. |
Christian J |
Jun 12 2017, 09:08 AM
Post
#4
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
The simpler example at https://www.w3schools.com/Jsref/event_target.asp works for me as is, but when I tried to replace the alert with something funnier it didn't work. As a sidenote, the onclick attribute in their TryIt Editor sends a parameter called event: CODE <body onclick="myFunction(event)"> which is not used in the https://developer.mozilla.org/en-US/docs/We...PI/Event/target example. It seems that event parameter is necessary for inline events, but then you might as well use the this keyword... https://quirksmode.org/js/events_access.html explains the two models: QUOTE if you define an event handler CODE element.onclick = doSomething; the function doSomething() receives the event itself as an argument. Traditionally it is stored in the variable e — though you can use any name you like: CODE function doSomething(e) { // e gives access to the event } ...and further down: QUOTE In the inline registration model you have to pass the event to the function: CODE <pre onclick="doSomething(event)"> function doSomething(e) { alert(e.type); } |
pandy |
Jun 12 2017, 12:14 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Didn't know that event handlers as attributes were called inline. Ugly term. I thought you were referring to event handlers on inline elements.
|
Christian J |
Jun 12 2017, 02:04 PM
Post
#6
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
Didn't know either until now. At least it's consistent with inline styles.
|
pandy |
Jun 12 2017, 02:56 PM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
It actually is. That term never felt odd, but this does. I claim ESL!
|
Lo-Fi Version | Time is now: 25th April 2024 - 10:32 PM |