<div dir="auto"><div><br><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Sat, 30 Jul 2022, 15:17 Benoit Minisini, <<a href="mailto:benoit.minisini@gambas-basic.org">benoit.minisini@gambas-basic.org</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Le 30/07/2022 Ã  14:46, Bruce Steers a Ã©crit :<br>
> <br>
> I got more cool ideas that will probably be coded terribly if I do it ;) lol<br>
> <br>
> 1. Make WebEvent.class for use in the WebForm_Event() event.  this would <br>
> open up many avenues for coding tricks with non-handled events. I <br>
> figured it out by reading the WebControl.class but i think an <br>
> Event.class and a wiki page to describe the class/WebForm_Event() event <br>
> is needed.<br>
<br>
What do you want to achieve exactly?<br></blockquote></div></div><div dir="auto"><br></div><div dir="auto">Catching events that trigger that are not listed, like gotfocus for example. </div><div dir="auto"><br></div><div dir="auto">I could intercept and manage all kinds of events with it without having to set up a custom class like I did with webslider</div><div dir="auto"><br></div><div dir="auto">The WebForm_Event() seems pretty useless at present.</div><div dir="auto"><br></div><div dir="auto"><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<br>
> <br>
> 2. Slider needs mouse-up, mouse-down events so you can disable it if <br>
> it's currently being slid.  (or handle internally in the WebSlider.class <br>
> to not update if being slid) for purpose of something like an audio <br>
> position slider that will update itself regularly.  It's currently kinda <br>
> unusable for that (i fixed by make my own version with mouseup/mousedown <br>
> events)<br>
<br>
But the WebSlider Change event is -not- raised when the slider button is <br>
slid. It is raised on mouse button release.<br>
<br>
What are you talking about?<br></blockquote></div></div><div dir="auto"><br></div><div dir="auto">My web audio player uses a slider to show position and to change position.</div><div dir="auto"><br></div><div dir="auto">You can see what I mean in the test app I made for WebAudio as your webslider is not fixed.</div><div dir="auto"><br></div><div dir="auto">Because the code updates the WebSlider.value on time change triggers. When I grab the slider to move it the time change event moves the slider back to time position while dragging. I can't <a href="http://stop.it">stop.it</a></div><div dir="auto"><br></div><div dir="auto">On the player on that website link of mine a similar method is used but I've made mousedown and mouseup events for slider so I can disable the position updating the slider till mouseup.</div><div dir="auto"><br></div><div dir="auto"><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
> <br>
> 3. I'm sure i'll think of more upgrades as I use it.<br>
> <br>
> On a more awesome note I should say I'm really liking gb.web.gui. ðŸ˜ŽðŸ‘<br>
> I've knocked up a webpage for my music as i've mentioned before <br>
> <a href="http://bws.org.uk/music" rel="noreferrer noreferrer" target="_blank">http://bws.org.uk/music</a> <<a href="http://bws.org.uk/music" rel="noreferrer noreferrer" target="_blank">http://bws.org.uk/music</a>>  it's looking good <br>
> (even on my phone)<br>
> Got an audio player with custom controls thanks to my terrible coding <br>
> abilities and Benoits awesome coding abilities :)<br>
<br>
Thanks. It's mainly that you must think more before emitting code. :-)<br></blockquote></div></div><div dir="auto"><br></div><div dir="auto">Yes, and learn more I guess.</div><div dir="auto">Cheers Ben</div><div dir="auto"><br></div><div dir="auto"><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<br>
> I've made an alternative WebButton.class that supports a Hover image. <br>
> (the play button)  trouble is the image flicks to normal and back as it <br>
> crosses into the image inside the button.<br>
<br>
This should normally be done purely with CSS, and I don't see how it <br>
could not work.<br></blockquote></div></div><div dir="auto"><br></div><div dir="auto">It worked nicely when I triggered the image change from just the image hover event, then I changed it to be the button hover event not the inside image.</div><div dir="auto"><br></div><div dir="auto">It shows hover image when hovering over both the button and the image but when crossing over the image boundary it flicks back to normal image for a moment.</div><div dir="auto"> It's not a deal breaker for me ðŸ˜Ž</div><div dir="auto">Perhaps you could do a better job of enabling a dual image button.</div><div dir="auto"><br></div><div dir="auto">My ultimate objective was a triple image button that's has images for normal, hovered and pressed states.</div><div dir="auto"><br></div><div dir="auto">And then possibly image saturation/dimming for disabled state.</div><div dir="auto"><br></div><div dir="auto"><br></div><div dir="auto">Respects</div><div dir="auto">BruceS</div></div>