How To Get A Span Tag Inside A Tag

Hi All,

I am needing to include a Span tag inside an A tag created by a graphic item inside Freeway having a link. I’ve included the code that is created by Freeway and what I need to happen below. I’ve tried putting crowbar on the graphic item but the Span tag is put on the outside of the A tag as shown in the Freeway created example. How can I get the Span tag inside the A tag using a Freeway action?

WHAT FREEWAY EXPORTS:

[code]


[/code]

WHAT I NEED:

[code]


[/code]

Thank you for your help,

TeamSDA_Christian


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

Have you tried adding the span class to the link extended values?

Click on the globe to get to the edit hyperlink menu then click Extended. In the name type span class, and in value type play.


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

Hi Chuckamuck,

Thank you for your response. Below is the code Freeway exported. As you can see it put it inside the A tag’s <>. Please reference the “What I Need” code, as the Span tag is in between the opening and closing A tags.

<li id="thumbnail_video1">
	<a href="" span class="play">
		<img src="Resources/btnthumbnail01.jpeg"/>
	</a>
</li>

Christian


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

If you want Freeway to apply a span class to the image, place it as an inline image, wrap it with spaces, and apply the link and the style to the sandwich.

In Freeway:

* [space][image][space]

In HTML:

<li><a … ><span class="foo"><img … /></span></a></li>

Walter

On May 15, 2012, at 3:22 PM, TeamSDA wrote:

Hi Chuckamuck,

Thank you for your response. Below is the code Freeway exported. As you can see it put it inside the A tag’s <>. Please reference the “What I Need” code, as the Span tag is in between the opening and closing A tags.

<li id="thumbnail_video1">
> 	<a href="" span class="play">
> 		<img src="Resources/btnthumbnail01.jpeg"/>
> 	</a>
> </li>

Christian


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

Hi Walt,

Thank you for your response. From your example the Span tags are surrounding the Img tag. As in my example below I need a way to have the opening and closing Span Tags to be after the Img tag. I tried adding a single space after the image and applying a style to it but Freeway didn’t publish the space with the Span tags.

WHAT I TESTED

* [image][space]

WHAT I NEED

[code]


[/code]

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

Try adding a Markup Item with the span tags inside that. I’m assuming you want to target these spans later with some JavaScript or something like that?

Walter

On May 15, 2012, at 5:32 PM, TeamSDA wrote:

Hi Walt,

Thank you for your response. From your example the Span tags are surrounding the Img tag. As in my example below I need a way to have the opening and closing Span Tags to be after the Img tag. I tried adding a single space after the image and applying a style to it but Freeway didn’t publish the space with the Span tags.

WHAT I TESTED

* [image][space]

WHAT I NEED

[code]

[/code]

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

Hi Walter,

I’m not aware of a way to put a markup item inside of a Freeway graphic item.

Christian


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

No, put the graphic item in the list as an inline element, and an inline markup item right after that. Wrap the whole lot in spaces and apply the link to that.

* [space][image][markup with your span code][space]

I just tried this, though, and the result is kind of odd. The link is properly wrapped around the image and the markup item, but the initial space is included before the image, and the trailing space gets wrapped in its own separate anchor:

<li><a href="http://www.softpress.com/"> <img src="Resources/index2a.gif" width="100" height="24" alt="item2" style="vertical-align:baseline"/><span class="play"></span></a><a href="http://www.softpress.com/"> </a></li>

Very odd.

Okay, time to break out the tweezers: TagWrap - ActionsForge

Type your link html manually in the Before field, and your span and closing link in the After field. Not at all the usual Freeway clicky way, but it will give you precisely the code you want.

Walter

On May 15, 2012, at 5:44 PM, TeamSDA wrote:

Hi Walter,

I’m not aware of a way to put a markup item inside of a Freeway graphic item.

Christian


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 worked! Thank you Walter

Christian


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