HTML items as links

I’m pretty new to this, and I’m likely missing something in the manual, but it would appear that html items cannot be links. so to achieve this function, I’ve placed both text links and Image maps (with hyperlinks) “in front” of the items I wish to make links. The text links work, however when viewing in a browser the little “finger” icon does not appear when rolling over the html item. Wassupwiddat?


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

On 24 Sep 2008, at 16:09, davidh wrote:

I’m pretty new to this, and I’m likely missing something in the
manual, but it would appear that html items cannot be links.

All links are HTML items. Do this: select the text or picture you want
to be a link, hit Apple-K, and enter the address of what you want it
to link to.

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

I think what the OP means here is that he would like to add a link to
an HTML Item (as drawn in Freeway). This isn’t strictly possible,
because HTML Items become either a TD or a DIV in the final code
(block-level elements both) and an A cannot wrap around a block-level
tag.

There’s a couple of ways to simulate this behavior. One would be to
add a clear GIF graphic above the HTML item and assign the link to
it. This is Pro-only, because it requires that this clear GIF be a
layer.

Another would be to simulate the link using JavaScript. Click on your
HTML item once, so it’s selected (8 handles showing on the sides),
then choose Item > Extended from the main menu. Make sure the < div >
segment is highlighted in the dialog.

Click New, then in the sub-dialog, add the following Name/Value pair:

 onclick
 window.location.href = 'http://your.site.here"

Okay the sub-dialog, and you should see the attribute in the list.
Now click on the < div style > segment, and then click New. Add the
following:

 cursor
 pointer

Finally, preview in a browser. When you mouse over the HTML item, it
should appear to be clickable (the cursor will change) and when you
click it, the link you entered in the first step will be followed.

Note that this will not work for anyone who has disabled JavaScript
in their browser. The cursor change will still happen (since that’s a
CSS-level change) but the click will not go anywhere.

Walter
On Sep 24, 2008, at 11:34 AM, Paul Bradforth wrote:

On 24 Sep 2008, at 16:09, davidh wrote:

I’m pretty new to this, and I’m likely missing something in the
manual, but it would appear that html items cannot be links.

All links are HTML items. Do this: select the text or picture you want
to be a link, hit Apple-K, and enter the address of what you want it
to link to.

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

On 24 Sep 2008, at 16:47, Walter Lee Davis wrote:

I think what the OP means here is that he would like to add a link to
an HTML Item (as drawn in Freeway)

Ah, apologies.

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

Sorry, I should have been more specific, but yes, Walter you are correct. I will apply your proposed steps. Thank you both!


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

O.K., Walter, I tried both and neither produced the pointer, however the link works. It might be helpful to know the html items in question house flash clips. I initially placed text links over them, but the pointer would disappear as soon as the cursor hit the boundaries of the flash box. Seems to be negating the pointer function.
Any other tips?


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

Flash is your culprit here. Flash (any plug-in content really) cuts right through the page from front to back, and won’t allow anything above itself except more Flash. If you need to make a link within the bounds of a Flash movie, you will need to add the link within Flash itself.

Walter


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

got it. Thanks.


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

On 24 Sep 2008, 3:47 pm, waltd wrote:

I think what the OP means here is that he would like to add a link to
an HTML Item (as drawn in Freeway). This isn’t strictly possible,
because HTML Items become either a TD or a DIV in the final code
(block-level elements both) and an A cannot wrap around a block-level
tag.

There’s a couple of ways to simulate this behavior. One would be to
add a clear GIF graphic above the HTML item and assign the link to
it. This is Pro-only, because it requires that this clear GIF be a
layer.

Another would be to simulate the link using JavaScript. Click on your
HTML item once, so it’s selected (8 handles showing on the sides),
then choose Item > Extended from the main menu. Make sure the < div >
segment is highlighted in the dialog.

Click New, then in the sub-dialog, add the following Name/Value pair:

 onclick
 window.location.href = 'http://your.site.here"

Okay the sub-dialog, and you should see the attribute in the list.
Now click on the < div style > segment, and then click New. Add the
following:

 cursor
 pointer

Finally, preview in a browser. When you mouse over the HTML item, it
should appear to be clickable (the cursor will change) and when you
click it, the link you entered in the first step will be followed.

Note that this will not work for anyone who has disabled JavaScript
in their browser. The cursor change will still happen (since that’s a
CSS-level change) but the click will not go anywhere.

Walter

I just tried option 2 (javascript) with carousel 2 and although it works I’m not getting the little finger one gets when they mouse over a clickable area. And yes, I did add the cursor option to the < div style >.


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

oops. Never mind. Browser problem. All is well.


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

Regarding javascript being on for option 2 to work, doesn’t Carousel 2 use javascript as well?


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

It uses JavaScript to manipulate the position of an HTML item. So yes, in a general sense it does “use” JavaScript. But remember, your site needs to work without any script, too, because that’s how search engines will see it. They don’t execute the scripts in your page, so anything that relies on scripting will be ignored.

The trick I have used in the past is to have a normal text link inside the HTML box, and then use JavaScript to apply that link to the entire parent box. You can also do this with CSS (basically you make the A tag behave like a block-level tag (like a DIV) and style the A to look like it’s a box. This makes a nice big target for clicking.

Walter

On Jun 7, 2013, at 8:11 AM, RavenManiac wrote:

Regarding javascript being on for option 2 to work, doesn’t Carousel 2 use javascript as well?


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

With my home page Carousel 2, I’ve chosen to use a background image instead of an inline graphic div, only because I need to layer type over it with an html div.

I know search engines won’t be able to follow/index the background image, but is what I’m doing considered acceptable in professional website design?


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

Search engines generally do not care at all about images (unless you’re talking about Google Images). Whether you put them in foreground or background depends mostly on how you want them to appear (or not) when the page is printed. On screen, it’s nearly impossible to tell them apart.

Walter

On Jun 7, 2013, at 8:56 AM, RavenManiac wrote:

With my home page Carousel 2, I’ve chosen to use a background image instead of an inline graphic div, only because I need to layer type over it with an html div.

I know search engines won’t be able to follow/index the background image, but is what I’m doing considered acceptable in professional website design?


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

On 24 Sep 2008, 3:47 pm, waltd wrote:

I think what the OP means here is that he would like to add a link to
an HTML Item (as drawn in Freeway). This isn’t strictly possible,
because HTML Items become either a TD or a DIV in the final code
(block-level elements both) and an A cannot wrap around a block-level
tag.

A comment on this, Walter: Since HTML5, it is (once again) permitted to wrap an anchor element (that is: a link) around a div element. In fact, it always worked in browsers, it just was forbidden, by the HTML4 specification, to actually do it. Thus this is conforming in the HTML5 conformance/validity checker:

Whohoo, Walter

Not only that: It always worked in browsers. Even to wrap the link around an entire table is permitted:

Gosh!

Of course, in Freeway, which has a table based mode as well as a CSS based mode, there is the issue of using elements as some kind of

element. That, of courrse, is another elephant, because even in HTML5, it is not permitted to wrap an anchor element around a element. Thus, this is not permitted, and I am also not sure how it works in browsers (for all I know it works fine):

Grr!

But anyway, and at the end of the day, the issue is really mostly about what Freeway is capable of doing. There is no hindrances in the HTML5 specification or in browsers against wrapping an anchor element around a div.


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

Which is true (mostly) - but never forget the initial date of post.

Six years later, chances increase that we all got smarter (perhaps) - for whatever reason.

Cheers

Thomas


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

On 8 Dec 2014, at 11:12, Thomas Kimmich wrote:

Which is true (mostly) - but never forget the initial date of post.

Six years later, chances increase that we all got smarter (perhaps) -
for whatever reason.

I replied in this old thread because I was directed to this thread - so
it really had very little to do with Walter, as such. But since I was
pointed to this thread as some kind of authority, I thought it was
useful to, in this very thread, point out the error.

As for “smarter”: There can be reasons to not wrap an anchor element
around a div element. Besides, in 2008, or at least in 2007, I was
probably trying to accustomed to the very idea that an anchor element
can indeed wrap around a div.

leif halvard silli


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

There’s also a lot of history since this OP - Walter actually created an
action to give Freeway HTML5 functionality before Softpress ever got
around to it. His HTML5 action is still superior to built-in functionality.
Later, he also created an action for wrapping divs in an anchor tag. I
guess my point being, Walter’s awareness of the boundaries is well
informed, yet doesn’t prevent him from pushing on those boundaries when he
can.

A much better direction for this topic would be “why” would we need to wrap
divs in anchor tags now that we can… I can think of some decent answers,
but I’m afraid many others are thinking of lazy answers, as they fixate on
boxes and those things what look like boxes.


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