Applying mouseover and mouseout to Act_SectionLineImage,html

[simonwar]

Act_SectionLIneImage.html original template reads :

<TD ALIGN="center" VALIGN="TOP">
<A HREF="NETQUOTEVAR:SECTIONLINK">NETQUOTEVAR:SECTIONIMAGE</A>
		</TD>

and this gives me the following HTML in the final page...

<TD ALIGN="center" VALIGN="TOP"><A HREF="MyPage.html">
<IMG SRC="../images/MyImage.gif" ALT="MyPage"
BORDER=0 HEIGHT=118 WIDTH=85
ALIGN="ABSMIDDLE"></A></TD>

However, what I actually want the final code to read is;

<TD ALIGN="center" VALIGN="TOP"><A HREF="MyPage.html">
<IMG SRC="../images/MyImage.gif" ALT="MyPage"
BORDER=0 HEIGHT=118 WIDTH=85  ALIGN="ABSMIDDLE"
onMouseOver="showtrail('../images/MyImage.gif','Mypage','Mypage description.','','','1',203);"
onMouseOut="hidetrail();"></A></TD>

Can i modify NETQUOTEVAR:SECTIONIMAGE and add the onmouseover and onmouseout comands ? Is this possible?

Simon.

[Bruce]

Hi,

You can add the commands to the template and save it to reflect the changes you require. Please make sure you make a backup of the template before proceeding with making changes.

Kind regards,

[missy]

How does that make sense? :/

If you apply the changes to the template though, are you not going to have to hard code every mouse over image everytime? As Actinic will not know what to use as mouseover image. I'm not sure how otfen you change your sections, but if you are like me, thats its going to be a real pain to maintain. Also, if you are hard coding this into the template, arn't you going to run into problems if you want to use the same template for any other sections? Won't you have to use a new template for each section? Sorry to butt in, and if I am mising the point, but it just seemed strange to me, and if it works differently I would like to understand it.

Cheers
Amy

[Bruce]

Hi Amy,

You got me there, I should have been a bit more specific, you will also have to create a couple of CUSTOMVAR's in Advanced | Custom Properties and in the properties tab of the section declare the CUSTOMVAR , in the value field provide the image that you wish to use. In the code you will need to refrence the CUTOMVAR:XXXX (whatever you name it) for the onMouseOver function. This will negate the need to constantly change the coding in the template or use different templates for each section.

Kind regards,

[simonwar]

Trying the following .......

Hi both,

Just so that you don't think I'm ignoring you i am going to try the following, where CUSTOMVAR:HOVERIMAGE, is the new image, and all other variables are already in place.

<TD ALIGN="center" VALIGN="TOP">
<A HREF="NETQUOTEVAR:SECTIONLINK" onMouseOver="showtrail('CUSTOMVAR:HOVERIMAGE','NETQUOTEVAR:SECTIONNAME','NETQUOTEVAR:SECTIONTEXT','','','1',203;" onMouseOut="hidetrail();">NETQUOTEVAR:SECTIONIMAGE</A></TD>

Will get back to you in a bit when I've tried it.

Cheers, Simon.

[simonwar]

Doesn't work

The template i had to modify was Act_SectionNavImage.html.

This now looks like;

<!-- SectionNavImage_Hover HTML begin -->
<IMG SRC="NETQUOTEVAR:IMAGEFILE"
	  ALT="NETQUOTEVAR:ALTERNATETEXT"
	  BORDER=0
	  NETQUOTEVAR:IMAGEHEIGHT
	  NETQUOTEVAR:IMAGEWIDTH
	  NETQUOTEVAR:OTHERIMAGEMARKUP
	  ALIGN="ABSMIDDLE" title="" onMouseOver="showtrail('CUSTOMVAR:HOVERIMAGE','NETQUOTEVAR:SECTIONNAME','NETQUOTEVAR:SECTIONTEXT','','','1',203;" onMouseOut="hidetrail();">
<!-- SectionNavImage_Hover HTML end -->

This gives me:

<!-- SectionNavImage_Hover HTML begin -->
<IMG SRC="../images/hazard/electrical/H010121.gif"
	  ALT="H010121"
	  BORDER=0
	  HEIGHT=111
	  WIDTH=80
	  
	  ALIGN="ABSMIDDLE" title="" onMouseOver="showtrail('','NETQUOTEVAR:SECTIONNAME','NETQUOTEVAR:SECTIONTEXT','','','1',203);" onMouseOut="hidetrail();">
<!-- SectionNavImage_Hover HTML end -->

but as you can see, the CUSTOMVAR AND NQV's inside the parenthesis do not flush through to become relevant file details.

What I get is what you see in the jpg attachment.

Also, I see another potential problem!

I could not actually duplicate and modify Act_SectionNavImage.html as this is called inside Act_SectionLineImage.html, unless i need a Developer Licence ????

So I copied Act_SectionNavImage.html to Act_SectionNavImage_Original.html and modified the Act_SectionNavImage.html as above.

BUT NOW IT HAPPENS ON ALL MY SECTIONS !

What am I doing wrong ?

Regards, Simon.

[Bruce]

Hi Simon,

Can you tell me if you have 'Use as CUSTOMVAR' selected on the properties grid?

Kind regards,

[simonwar]

'Use as CUSTOMVAR' is ticked......

Yes, 'Use as CUSTOMVAR' is ticked.

I have attached a screen shot of the Properties Tab.

Simon.

[Bruce]

Hi,

I really dont know why the CUSTOMVAR value is not being filled in. The NETQUOTEVAR's being used will not display on Act_SectionNavImage.html. The variables will only display on the Act_SectionLine.html template. Take a look at the Advanced Users Guide NETQUOTEVAR Dictionary or in the Help Files in Actinic, see Help | 'List of all Templates in Actinic' as only certain NETQUOTEVAR's are suppoted in templates. I have put this to development to have a look at to see how else you could display the mouseover image for the section using a CUSTOMVAR. Will post back as soon as I hear from them.

Kind regards,

[simonwar]

Thanks for your help on this one. Consider this though;

Look at response #6 of this thread.

The HTML is based on an existing Actinic template and I just added the onmouseover and onmouseout commands to existing lines.

If the NQV's work at the start of this HTML, which they do, then the reason they don't work at the later end is to do with something else, is it not ?

Its that something else i am not sure of ?

Simon.
P.S. Where do I find the Advanced Users Guide ?

[simonwar]

Oooops ignore some of what i said ....

I said:

Look at response #6 of this thread.

The HTML is based on an existing Actinic template and I just added the onmouseover and onmouseout commands to existing lines.

If the NQV's work at the start of this HTML, which they do, then the reason they don't work at the later end is to do with something else, is it not ?

Its that something else i am not sure of ?

Ignore me, I'm talking out of my ass.


Simon.

[jont]

Where do I find the Advanced Users Guide ?

http://www.actinic.co.uk/support/downloads.htm

[Bruce]

Hi Simon,

There is a possible solution but it can only work if the HTML is compacted ( Design | Options | Miscellaneous | Generation Options | Compact HTML/CGI )

Edit Act_SectionNavImage.html so it looks like...

<IMG SRC="NETQUOTEVAR:IMAGEFILE"
ALT="NETQUOTEVAR:ALTERNATETEXT"
BORDER=0
NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH
NETQUOTEVAR:OTHERIMAGEMARKUP
ALIGN="ABSMIDDLE" title=""

Note everything after title="" has been removed including the '>'.

Edit ActSectionLineBoxes.html Insert the following after NETQUOTEVAR:SECTIONIMAGE

onMouseOver="showtrail('CUSTOMVAR:HOVERIMAGE','NETQUOTEVAR:SECTIONNAME','N
ETQUOTEVAR:SECTIONTEXT','','','1',203;" onMouseOut="hidetrail();">

The IMG tag is now split between 2 templates so this may cause a problem if any other templates try to include Act_SectionNavImage.html. Let me know if this helps.

Kind regards,

[simonwar]

A bit weird .....

Hi Bruce,

Thanks for getting back to me.

Modified both so mine look like;

<!-- SectionNavImage_Hover HTML begin -->
<IMG SRC="NETQUOTEVAR:IMAGEFILE"
	  ALT="NETQUOTEVAR:ALTERNATETEXT"
	  BORDER=0
	  NETQUOTEVAR:IMAGEHEIGHT
	  NETQUOTEVAR:IMAGEWIDTH
	  NETQUOTEVAR:OTHERIMAGEMARKUP
	  ALIGN="ABSMIDDLE" title=""

and

<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->

<DIV ALIGN="LEFT">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="thinred2">
  <tr>
      <td height="20" class="boxheader">&nbsp;&nbsp;<span class="actsmallheading"><strong><a href="NETQUOTEVAR:SECTIONLINK" class="boxlink">NETQUOTEVAR:SECTIONNAME</a></strong></span></td>
  </tr>
  <tr>
    <td><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="10">
          <TR> 
            <TD VALIGN="top"> <A HREF="NETQUOTEVAR:SECTIONLINK">NETQUOTEVAR:SECTIONIMAGE onMouseOver="showtrail('CUSTOMVAR:HOVERIMAGE','NETQUOTEVAR:SECTIONNAME','N
ETQUOTEVAR:SECTIONTEXT','','','1',203;" onMouseOut="hidetrail();"></A> 
            </TD>
            <TD VALIGN="top">NETQUOTEVAR:SECTIONTEXT </TD>
          </TR>
        </TABLE></td>
  </tr>
</table>

</DIV>
NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

When I preview this I get :

			<A HREF="M010101.html"><Actinic:TEMPLATE type="begin" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_SectionNavImage.html"/>
<!-- SectionNavImage_Hover HTML begin -->
<IMG SRC="../images/mandatory/eyeprotect/M010101.gif"
	  ALT="M010101"
	  BORDER=0
	  HEIGHT=118
	  WIDTH=85
	  
	  ALIGN="ABSMIDDLE" title=""
<Actinic:TEMPLATE type="end" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_SectionNavImage.html"/></A>

As if ActSectionLineBoxes.html has no input on the generation of the code ?

IMPORTANT : Before we go any further

I mentioned previously that the effect was happening on all Section entries at all section and subsection levels, and that unlike most templates in Actinic, i could not COPY and SAVE AS a new file and call that new file for Sections that i wanted the effect on.

As I do not want this effect at all levels we need to establish if i can apply the effect when i want to, else I would rather manually manage the effect later.

What I was thinking was to enter the code in <!-- --> onto Act_SectionLineImage.html, and manually modify the appropriate content later.

So my Act_SectionLineImage.html would read

<!-- SectionNavImage_Hover HTML begin -->
<IMG SRC="NETQUOTEVAR:IMAGEFILE"
	  ALT="NETQUOTEVAR:ALTERNATETEXT"
	  BORDER=0
	  NETQUOTEVAR:IMAGEHEIGHT
	  NETQUOTEVAR:IMAGEWIDTH
	  NETQUOTEVAR:OTHERIMAGEMARKUP
	  ALIGN="ABSMIDDLE" title=""><!-- onMouseOver="showtrail('../images/hover1.gif','Title1','Desc1','','','1',203);" onMouseOut="hidetrail();"-->
<!-- SectionNavImage_Hover HTML end -->

What do you think ?

Obviously with approximately 300 items to update, its a bit of a chore, but i can balance that decison with its true worth.

Any panacea's welcomed, else we could quit while we are ahead'ish.

Over to you, Simon.

[Bruce]

Hi,

With this work around you will not be able to define seperate section line templates for the varoious sections, so if you want the effct to be only one certain sections, it would be better for you to manage the effect manually.

Kind regards,