[Express] Creating Event Listings

Let me preface this by saying that I am completely new at this and have never done any kind of web design or developing before. I just bought Freeway and am trying to teach myself how to make a website. I have been fairly successful at figuring things out but still am having trouble with some. That said I need help.

I want to create a list of events such as races, tournaments, leagues, etc. and have the users be able to filter out what they are looking for and have the events then be listed by date. I have no idea how to do this and don’t now what this is even called to look it up in the guides, though I have tried. So if someone could just point me in the right direction I’m sure I could then figure it out.


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

Based on your description the answer isn’t simple for a beginner. Basically, Freeway has no facility to do that built in. And Express may also not be the best choice as Pro has more facility for customization of code.

It sounds to me like a third party calendar script (javascript or PHP based most likely) may be needed, although the kind a sorting you are looking for may be better addressed by using a CMS (Content Management System) or perhaps a custom solution.

Sorry to make this seem harder than it could be.


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

Maybe a good starting point would be at a site like hotscripts.com - there may well be something there close to your needs.

I would be looking at a MySql database with PHP interrogation if I was doing it but not as a beginner starting from scratch.

David


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

I have an example of how to do this on a single page using JavaScript to filter the page contents. I’m not sure you can apply it directly, since you can’t use the Protaculous Action on Express. You could paste all the code into the Page / HTML Markup dialog long-hand, but that’s a bit extreme. Here’s the example:

http://scripty.walterdavisstudio.com/filter

The Freeway icon in the top-right will download a Freeway Pro document showing how it was done. You could download the 30-day demo version to open it and look inside.

In Express, you’d need to view source on this example page, copy the line that begins <script src="http://ajax.googleapis.com, then copy the entire block further down the head of the page. You would paste those into the Page / HTML Markup dialog, in the After HEAD and Before /HEAD sections, respectively. Then you’d need to add an ID attribute to your table of events using the Item/Extended dialog, and an ID to your search field. These would need to line up with the names used in the script (my table is given the ID ‘soldiers’ and the search field is given the ID ‘filter’). Be sure they match in your document.

Walter

On Apr 12, 2012, at 12:01 PM, Paul wrote:

I want to create a list of events such as races, tournaments, leagues, etc. and have the users be able to filter out what they are looking for and have the events then be listed by date. I have no idea how to do this and don’t now what this is even called to look it up in the guides, though I have tried. So if someone could just point me in the right direction I’m sure I could then figure it out.


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

Hi Walt

Have you got an example of this using FW Pro? I’m very interested in this - didn’t know FW had such a thing and created my own events calendar and listings which days.

kind regards

Elizabeth

On 13/04/2012, at 6:31 AM, Walter Lee Davis wrote:

I have an example of how to do this on a single page using JavaScript to filter the page contents. I’m not sure you can apply it directly, since you can’t use the Protaculous Action on Express. You could paste all the code into the Page / HTML Markup dialog long-hand, but that’s a bit extreme. Here’s the example:

http://scripty.walterdavisstudio.com/filter

The Freeway icon in the top-right will download a Freeway Pro document showing how it was done. You could download the 30-day demo version to open it and look inside.

In Express, you’d need to view source on this example page, copy the line that begins <script src="http://ajax.googleapis.com, then copy the entire block further down the head of the page. You would paste those into the Page / HTML Markup dialog, in the After HEAD and Before /HEAD sections, respectively. Then you’d need to add an ID attribute to your table of events using the Item/Extended dialog, and an ID to your search field. These would need to line up with the names used in the script (my table is given the ID ‘soldiers’ and the search field is given the ID ‘filter’). Be sure they match in your document.

Walter

On Apr 12, 2012, at 12:01 PM, Paul wrote:

I want to create a list of events such as races, tournaments, leagues, etc. and have the users be able to filter out what they are looking for and have the events then be listed by date. I have no idea how to do this and don’t now what this is even called to look it up in the guides, though I have tried. So if someone could just point me in the right direction I’m sure I could then figure it out.


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

in my previous reply/question I meant to say, it took days to create - calendar and events. I’m delighted to find something else for some other websites I’m working on.

I had seen some others elsewhere but didn’t like the look of them.

Elizabeth

On 13/04/2012, at 6:31 AM, Walter Lee Davis wrote:

I have an example of how to do this on a single page using JavaScript to filter the page contents. I’m not sure you can apply it directly, since you can’t use the Protaculous Action on Express. You could paste all the code into the Page / HTML Markup dialog long-hand, but that’s a bit extreme. Here’s the example:

http://scripty.walterdavisstudio.com/filter

The Freeway icon in the top-right will download a Freeway Pro document showing how it was done. You could download the 30-day demo version to open it and look inside.

In Express, you’d need to view source on this example page, copy the line that begins <script src="http://ajax.googleapis.com, then copy the entire block further down the head of the page. You would paste those into the Page / HTML Markup dialog, in the After HEAD and Before /HEAD sections, respectively. Then you’d need to add an ID attribute to your table of events using the Item/Extended dialog, and an ID to your search field. These would need to line up with the names used in the script (my table is given the ID ‘soldiers’ and the search field is given the ID ‘filter’). Be sure they match in your document.

Walter

On Apr 12, 2012, at 12:01 PM, Paul wrote:

I want to create a list of events such as races, tournaments, leagues, etc. and have the users be able to filter out what they are looking for and have the events then be listed by date. I have no idea how to do this and don’t now what this is even called to look it up in the guides, though I have tried. So if someone could just point me in the right direction I’m sure I could then figure it out.


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

Yes, if you click on the F icon in the example page, you will bring down a Freeway Pro document that shows it off. You do need to have installed the latest version of Protaculous (from ActionsForge) in order to open or edit this example document.

Walter

On Apr 12, 2012, at 6:15 PM, Elizabeth Christie wrote:

Hi Walt

Have you got an example of this using FW Pro? I’m very interested in this - didn’t know FW had such a thing and created my own events calendar and listings which days.

kind regards

Elizabeth

On 13/04/2012, at 6:31 AM, Walter Lee Davis wrote:

I have an example of how to do this on a single page using JavaScript to filter the page contents. I’m not sure you can apply it directly, since you can’t use the Protaculous Action on Express. You could paste all the code into the Page / HTML Markup dialog long-hand, but that’s a bit extreme. Here’s the example:

Kangax’s Quick Filter

The Freeway icon in the top-right will download a Freeway Pro document showing how it was done. You could download the 30-day demo version to open it and look inside.

In Express, you’d need to view source on this example page, copy the line that begins <script src="http://ajax.googleapis.com, then copy the entire block further down the head of the page. You would paste those into the Page / HTML Markup dialog, in the After HEAD and Before /HEAD sections, respectively. Then you’d need to add an ID attribute to your table of events using the Item/Extended dialog, and an ID to your search field. These would need to line up with the names used in the script (my table is given the ID ‘soldiers’ and the search field is given the ID ‘filter’). Be sure they match in your document.

Walter

On Apr 12, 2012, at 12:01 PM, Paul wrote:

I want to create a list of events such as races, tournaments, leagues, etc. and have the users be able to filter out what they are looking for and have the events then be listed by date. I have no idea how to do this and don’t now what this is even called to look it up in the guides, though I have tried. So if someone could just point me in the right direction I’m sure I could then figure it out.


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

Thanks so much for these suggestions. I will start looking into them and figuring it out the best that I can.


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

Walt, that is very cool.

Would you recommend I use this for 2 huge tables I have of math and science links that have over 200 links each? Each link is numbered ex M175 so I can assign the link for classwork or hw. That search at the top would make it fast for them to get there. But then they would not see rest of table? hmmm

I am not up to this part of my redo to my site, but I was thinking maybe a vertical accordion or something so the page is not so long.

here is the original page with the long math and science links…

Barry


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

The nice thing about this approach is that you can add it later, so let people use the page as is, then ask them about how their experience is and add it if you feel it would help.

As far as showing the rest of the (hidden) elements, I have another example somewhere that dynamically updates a coach text next to the search field with this sort of language:

123 of 456 shown. Show All

This appears whenever the search is active, and hides when the search is cleared.

Another approach you could try is to use tabs to shorten the page. Split your table into two – math and science – and then insert those tables inline within a container HTML box, interleaved with headers. Then you can drop in my tabs example code and have two tabs and only one table list showing at a time.

div
	h3 Math
	table (with Math content)
	h3 Science
	table (with Science content)
/div 

Walter

On Apr 16, 2012, at 10:43 PM, Hoffman wrote:

I am not up to this part of my redo to my site, but I was thinking maybe a vertical accordion or something so the page is not so long.


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

Walt

how did you get rid of your column lines in the table you made?

http://scripty.walterdavisstudio.com/filter/


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

I set borders to none in the regular Table dialog, and created a new style with the tag set to ‘td’ and the extended dialog set to:

  • Name: border-bottom
  • Value: 1px solid #ccc

Walter

On Apr 23, 2012, at 7:51 PM, “Hoffman” email@hidden wrote:

Walt

how did you get rid of your column lines in the table you made?

Kangax’s Quick Filter


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