Hello,
I’m setting up a site with a series of training videos on one page. I’d like to help the visitor keep track of the videos they have watched. I added a checkbox; however, I can’t figure out how to add the ‘check’ when someone clicks to wacth a video. Thanks in advance for any help!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
What technique are you using to show the videos? Are you using a lightbox, or other popup viewer, or have you put the videos directly on the page? What format are they.
Walter
On Sep 29, 2011, at 12:59 PM, Greg Blomstrom wrote:
Hello,
I’m setting up a site with a series of training videos on one page. I’d like to help the visitor keep track of the videos they have watched.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Walter,
I’m using a seperate page for each video - user clicks on the link and goes to a new page and then can either click the ‘back’ button to return home or I will also be adding a ‘main menu’ link on each page.
Video format I’m using is mp4.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You can do something clever then. Create a visited link style that includes a checkmark background image or similar, and the normal browser behavior will check the box for you.
Make two separate GIF images (exactly the same size), one, an empty checkbox, and the other filled, or jauntily crossed out or whatever. Make this in Photoshop or similar.
Then, in Freeway, click on the HTML box that holds the links you’ve made (assuming that they are all in the same box – it’s much easier that way). In the Inspector’s style tab, click open the Links segment, and click on the More… link below the basic boring styles. You’ll enter the advanced link style editor, which looks a lot like the regular Edit Style (CSS) editor in Freeway’s Styles palette.
There, you can apply a background image to the normal link (look in the Character picker). Set it to align left and vertically centered, and no-repeat. Then click the Extended button, and the New button in the Extended sub-dialog, and in the resulting sub-sub-dialog, add the following Name/Value pair (this is assuming you made your checkbox images 16px square):
Okay out of that dialog and the Extended dialog. Now click on the Visited option, and only set the background image to your checked image. You don’t have to set any of the other properties, because they are inherited from the link itself.
Preview in a browser, and you should see one or the other checkbox image, depending on your browser’s history. You can erase the browser’s visited history in the browser’s preferences so it will show you the un-checked image again if you like.
Walter
On Sep 29, 2011, at 1:51 PM, GregB wrote:
Hi Walter,
I’m using a seperate page for each video - user clicks on the link and goes to a new page and then can either click the ‘back’ button to return home or I will also be adding a ‘main menu’ link on each page.Video format I’m using is mp4.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hello Walter,
Thanks for the suggestion, although, I’m not able to fully follow your suggestion. I am using buttons with rollover actions so I’m not sure if I can apply your suggestion to this situation. I will be uploading a version of the site this weekend and will send you a link. If you have time, your thoughts would be appreciated.
Thanks again for all your help so far!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hello Walter,
Here’s a link to the now published site. As you’ll see I’m using the rollover action and I don’t see the options you mentioned above; e.g., I don’t have a ‘Link segment’ in the Inspector Style’s tab - unless I’m missing something? (Which is entirely possible.).
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Link?
On Oct 5, 2011, at 12:30 PM, GregB wrote:
Hello Walter,
Here’s a link to the now published site.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Dooh!
http://www.sjvideoproductions.com/Test/in-servicemainme.html
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The instructions I gave you wouldn’t work in this situation, because you’ve got each of your buttons as a stand-alone image. I’m not sure there’s a clean way to do what I was suggesting given this layout.
Walter
On Oct 5, 2011, at 1:25 PM, GregB wrote:
Dooh!
http://www.sjvideoproductions.com/Test/in-servicemainme.html
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I hope it’s okay to reopen this topic. I have the same need as the OP. I am using prettyPhoto to show an html page (iframe) containing the video in a lightbox.
Is there a way for me to turn on the checkbox and maintain it’s state so it’s still checked when the user returns to the page to view other videos?
Here’s the link to the test page:
http://www.reneepearson.com/01video_players/checkbox.php
Thanks!
r
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Is there a way for me to turn on the checkbox…
Not any more - at least using the visited style method.
Privacy issues have removed this functionality from modern browsers http://freewaytalk.net/thread/view/114527
There may be a javascript method but that will take some more digging.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks, David. Found a javascript method here:
http://www.javascriptsource.com/cookies/save-and-restore-form-cookies.html
So far it tests well in Safari. Need to check other browsers…especially IE.
r
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
This uses the same sort of thing http://www.deltadesign.co/fw_examples/walts_scripts/index.html
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options