2019 Newsletter: 19/58 — PreviousNext — (Attach.)

Sydney Harbour
WEEKLY NEWSLETTER 22 - 27 APRIL 2019

Hello and Welcome,

Meetings This Week:

Main Meeting - Tuesday Apr 23rd - 5:30 pm (6:00 pm meeting start) - 8:00 pm

Huawei will be presenting their newest mobile phones.

Digital Photography - Friday Apr 26th - 9:30 am (10:00 am meeting start) - 12 noon

Hear about all the newest digital photography topics.

And, of course, there will be the usual Q&A and other discussions.

Meeting Next Week:

Penrith Group - Saturday May 4th - 2:00 pm - 5:00 pm

Meetings This Month:

24 2019/04/06 - 14:00-17:00 - 06 Apr, Saturday - Penrith Group
25 2019/04/09 - 17:30-20:30 - 09 Apr, Tuesday - Programming
26 2019/04/12 - 09:30-12:30 - 12 Apr, Friday - Friday Forum
27 2019/04/12 - 12:30-15:30 - 12 Apr, Friday - Communications
28 2019/04/16 - 09:30-12:30 - 16 Apr, Tuesday - Tuesday Forum
29 2019/04/23 - 17:30-20:30 - 23 Apr, Tuesday - Main Meeting
30 2019/04/26 - 09:30-12:30 - 26 Apr, Friday - Digital Photography

31 2019/05/04 - 14:00-17:00 - 04 May, Saturday - Penrith Group

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

ASCCA News:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Tech News:

“Where to find Microsoft Edge Canary in the Start Menu”:

After installing the Canary build of Windows Edge, here's where to find the Edge icons. Go to Start | M | See: Microsoft Edge and Microsoft Edge Canary.

To run them, you can either click them there or pin them to the Taskbar if you have the room and (single) click them there.

In my Windows 10, you can see the entries in the Start Menu as well as on the Taskbar. See the stylised e with "CAN" for Canary across it.


Showing Edge Canary in the Windows Start Menu and pinned to the Taskbar
Edge Canary in the Windows Start Menu and pinned to the Taskbar.

Ed.

“The sad tale of the HOVER Bug in HTML and CSS”:

Ed: I've been trying to construct a Carousel on a web-page to show a sequence of 19 classic car pictures. I wanted to just hit SPACE or ENTER to go to the next pic, without moving the mouse. Unfortunately, when the next picture comes into view, the hover event DOES NOT HAPPEN, even though we can see that a new picture has appeared under the mouse pointer.

I thought I could use this hover event to trigger a call to a couple of lines of Javascript which could produce the matching caption.

You'd think that moving a mouse over an object (say, an image) is exactly equivalent to an image sliding under the mouse pointer.

The World Wide Web Consortium (W3C) https://­www.w3.org/ which sets the HTML and CSS standards says No.

What a pity. You can see by the screen-shot below that the wrong caption gets left from a previous picture:


Showing car-photos in a carousel but with the wrong caption
The wrong caption.


Showing a vertical sequence of car pictures with the correct captions
NOT a carousel, but at least the pics have the correct captions.


So, we can't construct a carousel just with HTML and CSS (and a little help from Javascript), just using hover events.

I've also tried mouseover, mousedown, mouseup, mouseenter and mouseleave events all to no avail. Did I mention that the mouse is NOT MOVING.

At least I can still use some †Javascript to read through the list of image filenames to extract tooltips as well as making up the captions.

Here's a typical img entry: src="../assets/images/cars/s-18_Ferrari Testarossa.jpg" which produces a tooltip and caption of "Ferrari Testarossa".

See the final result of our efforts.

†<script>

// Start of jQuery code

$(function() {
$("figure img").each(function() {

// Make tooltip (title) from src value
$(this).attr("title", $(this).attr("src").replace("../assets/images/cars/", "").replace(".jpg", "").replace(/...../, ""));

// Copy tooltip to caption
var cap = "#caption" + $(this).attr("id").replace("src", "");
$(cap).text(this.title);

});
});

</script>

— Ed.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Bob Backstrom
~ Newsletter Editor ~

Information for Members and Visitors:

Link to — Sydney PC & Technology User Group
All Meetings, unless specifically stated above, are held on the
1st Floor, Sydney Mechanics' School of Arts, 280 Pitt Street, Sydney.
Sydney PC & Technology User Group's FREE newsletter — SubscribeUnsubscribe
Go to Sydney PC & Technology User Group's — Events Calendar
Changing your e-mail address? Please e-mail your new address to — newsletter@sydneypc.com
DISCLAIMER: This Newsletter is provided "As Is" without warranty of any kind.
Each user or reader of this Newsletter assumes complete risk as to the accuracy and subsequent use of its contents.