[Pro] Can you have 2 (or 50) of these on 1 page?

what about, each video on 1 page embeded with anchor so kids can get right to it.

Under each is the form that is in an iframe from another page.

In the form, they type the name of the video ex. SC1, SC2…

could work?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

what about, each video on 1 page embeded with anchor so kids can get right to it.

Under each is the form that is in an iframe from another page.

In the form, they type the name of the video ex. SC1, SC2…

is that not what i just suggested? Except rather than have them type the video title code just create the picker so that they can choose the code/name.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Gonna get to work on it.
Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here’s the thing. If you really want this page to be usable, combine the choice of the movie into your form. That way you have only one form, and only one (visible) video on the page at a time. When the visitor chooses a movie to review, that choice is made a part of the submitted form automatically.

I didn’t bother to make 10 different videos – I just renamed one – but here, take a look at this:

http://scripty.walterdavisstudio.com/movie-review

You can also target a particular movie like this:

http://scripty.walterdavisstudio.com/movie-review/#movie4

All the scripting is inline, so view source to see what’s going on here. If you submit the form, you’ll see what the form submission would look like (I pointed it at the Reflector).

Walter

On Feb 27, 2014, at 6:43 PM, Hoffkids wrote:

Gonna get to work on it.
Thanks


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

that seems wild. Taking it all in.
Love the target right to the movie needed too.

hope i can handle it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walt,

will this work the same if the videos are embedded from youtube?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes. It doesn’t matter at all where they come from. All I did was make a separate DIV (HTML box) for each movie, gave them all a common classname, so I could act on them as a group (class=“video”), and then hid them all and show one with JavaScript. The values in the picking list are set to the ID of the video, and the labels are set to the human-readable name of the video.

The JavaScript is slightly complicated by the fact that I decided to provide a way for a URL to show a particular movie, so it could be a lot less complex if you didn’t need that feature. I also added some guard code to pause all the movies when you switch to another, so you don’t end up with multiple videos playing at once.

If you had all the movies at YouTube, then I would be tempted to put the YouTube iframe player in the page, and then swap out the src attribute of the iframe using this script. That would have the added benefit that you wouldn’t have ten video tags in the page – it would load a lot quicker. You would just need to figure out from the URL (which would become the value of the picker option) which video they were reviewing – sort of an eye test, I’m afraid.

Walter

On Feb 27, 2014, at 7:41 PM, Walter Lee Davis wrote:

Here’s the thing. If you really want this page to be usable, combine the choice of the movie into your form. That way you have only one form, and only one (visible) video on the page at a time. When the visitor chooses a movie to review, that choice is made a part of the submitted form automatically.

I didn’t bother to make 10 different videos – I just renamed one – but here, take a look at this:

Many Movies to Rate

You can also target a particular movie like this:

Many Movies to Rate

All the scripting is inline, so view source to see what’s going on here. If you submit the form, you’ll see what the form submission would look like (I pointed it at the Reflector).

Walter

On Feb 27, 2014, at 6:43 PM, Hoffkids wrote:

Gonna get to work on it.
Thanks


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


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

To be honest, this is obviously more of a presentation of what could be done and your expertise in web development.

Too much for me to implement. I am sure you know we all can only work within our ability at the time.

Either way, very impressive and I hope it benefits someone with more knowledge to know it is possible.

:slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I know, but “Man’s reach should exceed his grasp / else what’s a heaven for?”

Walter

On Feb 27, 2014, at 8:22 PM, Hoffkids wrote:

Too much for me to implement. I am sure you know we all can only work within our ability at the time.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave and Walt,

What about something like this…

Where I could have the 1 video box, and links below when clicked it and 1 form where they pick from a list for the title?

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just remembered I think I need the forms to alter slightly based on what they watch. This will be huge as a teacher to make a specifc question or goal when needed that they respond to.

I have to remember this fact as this drives the whole project I am trying to do here.

Becuase the form may change depending on the video, I think I am truly left with just putting one on each page (like you said to start!)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think I need the forms to alter slightly based on what they watch.

With my proposed method (if you must have a single page) - multiple videos on the page with iFrame holder for form under each - your target for the iframe form could be one of several slightly different forms.

ie you could have 3 or 4 different forms to choose from depending on questions/answers required.

So video 1 form iframe has form1 page as its target, video 2 form has form3 page as its target, video 3 form iframe has form4 page as its target etc.

However I still prefer a separate page per video as per Walter’s suggestion.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If your issue with making multiple pages is maintaining all the master page dependencies, then here’s another idea. Make a new, separate nearly-blank master page with the same background color as the rest of your site, and use it to make one page per video + [form for that video]. Don’t include any of the site navigation or the other things that you’re worried about duplicating. Make this page as physically compact as possible.

Then, using your existing master page, make a new page with an iframe in the middle of it large enough to hold the video and form pages. Under that, or left or right of that, put an HTML box containing links to each of the video + form pages, with the Target attribute set to whatever you named your iframe (this naming is done in the iframe Action palette interface). When you click one of those links, the iframe will fill with the video and feedback form for that video. A nice touch would be to have the initial state of the iframe be a page with instructions telling the student how to load the proper video and submit their review.

I think this has the greatest possibility of being straightforward and maintainable for you. Sorry if I led you into the weeds with my quick but technological solution yesterday.

Walter

On Feb 28, 2014, at 2:01 AM, DeltaDave wrote:

I think I need the forms to alter slightly based on what they watch.

With my proposed method (if you must have a single page) - multiple videos on the page with iFrame holder for form under each - your target for the iframe form could be one of several slightly different forms.

ie you could have 3 or 4 different forms to choose from depending on questions/answers required.

So video 1 form iframe has form1 page as its target, video 2 form has form3 page as its target, video 3 form iframe has form4 page as its target etc.

However I still prefer a separate page per video as per Walter’s suggestion.

D


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

That is almost exactly what I was thinking!. Where both the video and form are iframes.
THen I can change the forms to match the video for optimal student accountability, have only 1 form on the page (no conflict) and the video matches the form when they click it.

I feel like a “mini-Walt”

!!!

:slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Actually, I was thinking that you would have a single page for each movie + form. So for each movie you would have a separate page (designed to appear in the iframe) and that page would have one movie and one form. In your form setup on each page, you can add a hidden form element with the name of the movie, so the submitted data are complete for each movie. If you use a master page to set this up, you could have it done in less time than we have been discussing it!

Walter

On Feb 28, 2014, at 11:29 AM, Hoffkids wrote:

That is almost exactly what I was thinking!. Where both the video and form are iframes.
THen I can change the forms to match the video for optimal student accountability, have only 1 form on the page (no conflict) and the video matches the form when they click it.

I feel like a “mini-Walt”

!!!

:slight_smile:


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

Walt,
How is that different than just each movie and form on its own page? Lets say these movies were called SC1, SC2, SC3… (screencast).

Then I could have 1 main page that has SC1, SC2, SC3 hyperlinked to its matching page.
EIther way I still have added 30,40 + pages to my site right?

not sure now how the above is any different?

could be me at this point.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What this would do for you is allow you to make all those pages without worrying about the master page issue you mentioned earlier. Pages are cheap, have all you want of them. But if you make a new master page for these form pages, it will be a simplified, cut-down page without a header or footer, and it can have a custom form setup or the PHP Feedback Form Action applied at the master level, all the options set up once so you don’t have to fiddle with it on every page. If it were me, I would just make these pages whole cloth, and add them to the site, but you’re dealing with this complex header and your rollovers and tabs everywhere. I can see why you wouldn’t want to have to track changes across multiple instances of that master.

Walter

On Feb 28, 2014, at 12:07 PM, Hoffkids wrote:

Walt,
How is that different than just each movie and form on its own page? Lets say these movies were called SC1, SC2, SC3… (screencast).

Then I could have 1 main page that has SC1, SC2, SC3 hyperlinked to its matching page.
EIther way I still have added 30,40 + pages to my site right?

not sure now how the above is any different?

could be me at this point.


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

Walt,

even though I have all the student icons on the master, I also have about 10 pages that do not use those icons/rollovers at all and only uses the top navigation from the master.

example

http://www.hoffkids.com/signguestbook.html

Then again this may be the reason everytime I add something (like a new icon to the master) I have to go thru every page to delete it off the others. I probably got myself into a mess a while back but the end result is still all good.

Anyway.

If you look at the page above, I could always just insert the video and unique form on its own page with the master from header but then again if I end with 50+ videos one day and I add an icon to the master, more deleting.

why dig the hole deeper??


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave and Walt,

I wanted to let you know that I finally got around to this project and I chose the method with all videos on 1 page and an IFRAME beneath each for the student form.
I do not need the questions to change so it is ok.

My problem now is that my form has a them jump to a success page with information and now that success page is showing up in the IFRAME.

How can I not have this happen? I need them to be brought to the separate success page from the form which is in the iFrame.

possible?

Thanks,

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

i forgot to mention that the whole idea worked very well using the iframe for the form under the videos.

it is just the success page problem at this point.

Thanks for any advice. Hopefully I do not need to go to 1 separate page per video with form under each one.

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options