Viewing Buttons with behaviors

Buttons with behaviors



User: dan y 12 years ago
I made this page with a different web design application. The concept is pretty simple. A map with buttons. When you mouse over a button a photo opens up. You can either click on the button or the photo to take you to a page relating to that area. The main map was made with one application and all the links were made with Iweb. (sorry, at one time everything worked. I had a domain name highjacked by a server that went out of business and some jerk grabbed it before I could re-register it myself. The domain had no value as it was my last name. Now they want $5,000 for it. I told the robot to keep it.

Is it difficult to add a feature to do this to Easyweb? It seems like the ability to do this would be good in many applications. If the ability to have that feature is possible I'd like to be able to do it in Easyweb.

http://www.svtropicaldance.net/svtd/int ... emap1.html
User: Roddy 12 years ago
Quote:
The concept is pretty simple. A map with buttons. When you mouse over a button a photo opens up. You can either click on the button or the photo to take you to a page relating to that area.


The concept may be simple but method you used is rather complex and creates miles of code!

I've never actually tried to design something like this so I thought I would give it a go. I found a balloon tooltip script at DynamicDrive and winged the rest of it...

http://roddymckay.com/EasyWeb/map.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: dan y 12 years ago
My original plan was to have the photo open on mouseover and then you would select the photo to go to the page. I realized the moving the cursor to the photo was more work,, and, I could just add that second behavior to the button.

I think that you're 'winging it' page is a cleaner idea. I'd go for a more custom look in the background map but it achieves the same result.

They're useful website tools (buttons with behaviors). Iweb couldn't do it and at neither can Easyweb. I don't think that either of the other two apps have that feature either. I'd like to see a widget or feature for simple buttons with behaviors (4 to start) in Easyweb's future.

Perhaps I just like dynamic pages with interaction to keep the viewer engaged.
User: Roddy 12 years ago
Quote:
I'd go for a more custom look in the background map


I only spent just over an hour doing the research and creating this so I didn't spend to much time on the details! The map is a screen shot from Google maps but can be any image since it is the background image of the containing div.

I displayed it in an iframe in EasyWeb for speed but, on reflection, this is probably the best way since you can update and publish the map without having to open EasyWeb or republish the page.

Quote:
Buttons with behaviors
...

... are really just tooltips. iWeb had the annoying trait of using tooltips in the anchor tags. Tooltips are create using the "title" attribute in an anchor tag. Anchor tags in HTML create hyperlinks. Try this in an HTML Widget and then hover the cursor over the link text on the published page...

<a href="#" title="Tooltop Text Goes Here">Link text or image tag</a>

Replace the hash sign (#) with a URL if you want the link to open a page or another type of file

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: dan y 12 years ago
Perhaps I'm looking for 'beyond easy',,, na,, they're good simple tools. It' should be a no brainer for a novice.


Post Reply
You must login or signup to post.