PDA

View Full Version : Pop ups

barrypemb
12-Aug-2004, 11:53 AM
I am trying to apply the code explained in a thread in Nov 2003.
I have followed the instructions carefully but am little doubtful about is my interpretation:

"In Act_Primary.html (just after the <BODY...> tag put"

Does this mean add the code on the same line after the > or,
on lines below?

My Act_Primary.html follows

<html>
<head>
<TITLE>
NETQUOTEVAR:PAGETITLE
</TITLE>
<Actinic:BASEHREF VALUE="NETQUOTEVAR:BASEHREF"/>
<META NAME="ACTINICTITLE" CONTENT="NETQUOTEVAR:PAGEHEADER">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<!--@act NETQUOTEVAR:HEADERMETA -->
<!--@act NETQUOTEVAR:LOADFUNCTION -->
<!--@act NETQUOTEVAR:SUBMITFUNCTION -->
<!--@act NETQUOTEVAR:P3PFULLPOLICYLINK -->
<LINK REL=STYLESHEET HREF="actinic.css">


<SCRIPT LANGUAGE="JavaScript" SRC="actiniccore.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="actinicextras.js" TYPE="text/javascript"></SCRIPT>
<!--@act NETQUOTEVAR:SECTIONTREE_RAW -->

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function YahooSections(ar)
{
var strIDs = '';
for (var i=1;i<=ar.length;i++)
{
if (ar[i].sURL != null)
{
strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';
{
if (ar[i].pChild)
{
for (var j=1;j<=ar[i].pChild.length;j++)
{
if (ar[i].pChild[j].sURL != null)
{
strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall"><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].pChild[j].sName + '</font></span></a><br>';
}
}
}
}
strIDs += '<br>'
}
}
return strIDs
}
//-->
</SCRIPT>

<!-- Placeholder of cookie checking javascript code. Do not remove it! -->
<Actinic:COOKIECHECK/>

<!--
The NETQUOTEVARs below can be uncommented for getting raw section lists:
1. Top level section list
2. Section list from current level and all children
3. The whole section tree
The rest covers the standalone structure members for each array - e.g. if
you only need sName or sURL from an array.
See the documentation for details.

NETQUOTEVAR:TOPLEVELSECTIONS_RAW
NETQUOTEVAR:CHILDSECTIONS_RAW
NETQUOTEVAR:SECTIONTREE_RAW

NETQUOTEVAR:SECTIONTREE_NAMES
NETQUOTEVAR:SECTIONTREE_URLS
NETQUOTEVAR:SECTIONTREE_IMAGES
NETQUOTEVAR:SECTIONTREE_IMAGEWIDTHS
NETQUOTEVAR:SECTIONTREE_IMAGEHEIGHTS
NETQUOTEVAR:SECTIONTREE_SECTIONIDS

NETQUOTEVAR:TOPLEVELSECTIONS_NAMES
NETQUOTEVAR:TOPLEVELSECTIONS_URLS
NETQUOTEVAR:TOPLEVELSECTIONS_IMAGES
NETQUOTEVAR:TOPLEVELSECTIONS_IMAGEWIDTHS
NETQUOTEVAR:TOPLEVELSECTIONS_IMAGEHEIGHTS
NETQUOTEVAR:TOPLEVELSECTIONS_SECTIONIDS

NETQUOTEVAR:CHILDSECTIONS_NAMES
NETQUOTEVAR:CHILDSECTIONS_URLS
NETQUOTEVAR:CHILDSECTIONS_IMAGES
NETQUOTEVAR:CHILDSECTIONS_IMAGEWIDTHS
NETQUOTEVAR:CHILDSECTIONS_IMAGEHEIGHTS
NETQUOTEVAR:CHILDSECTIONS_SECTIONIDS

The section level can be accessed through:
NETQUOTEVAR:SECTIONLEVEL
-->
<!--
The NETQUOTEVARs below can be uncommented and moved to the appropriate

location
to save and load shopping lists
<A HREF="NETQUOTEVAR:SAVECARTURL"><FONT FACE=ARIAL SIZE=-1><I><B>Save

Shopping List</B></I></FONT></A>
<A HREF="NETQUOTEVAR:RESTORECARTURL"><FONT FACE=ARIAL SIZE=-1><I><B>Load

Shopping List</B></I></FONT></A>
--->
<!-- Fireworks MX Dreamweaver MX target. Created Fri Jan 30 14:06:11 GMT+0000 (GMT Standard Time) 2004-->
</head>
<BODY TEXT="NETQUOTEVAR:FGCOLOR" leftmargin="1" topmargin="1" marginwidth="0" marginheight="0" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
<script language=JavaScript>
function showover(ctext,btext){
<!--
if ( ctext + btext ) return overlib(btext,CAPTION,ctext);
return true;
}
// -->
</script>

<table width="100%" cellpadding="0" cellspacing="0" class="thinborder">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="gradient1.gif"></td>
<td align="right"><img src="gradient2.gif"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>NETQUOTEVAR:LOGOIMAGE</td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="top_bar.gif"><table border="0" cellpadding="0" cellspacing="0" width="452%">
<tr>
<td width="168" height="10">NETQUOTEVAR:NAVBSITEMAP</td>
<td width="167">NETQUOTEVAR:NAVBMAIL</td>
<td width="168">NETQUOTEVAR:NAVBINFO</td>
<td>&nbsp;</td>
</tr>
</table> </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="11"><img src="shim.gif" width="11"></td>
<td width="170" valign="top">
<table width="170" border="0" cellpadding="0" cellspacing="0" class="thinborder">
<tr>
<td width="170" height="59" background="search_background.gif" align="right">
<a href="NETQUOTEVAR:NAVBSEARCHLINK"><font color="NETQUOTEVAR:PALBGCSS">Advanced</font></a>&nbsp;<br>NETQUOTEVAR:SIMPLESEARCH
</td>
</tr>
<tr>
<td>NETQUOTEVAR:NAVBCART</td>
</tr>
<tr>
<td>NETQUOTEVAR:NAVBCHECKOUT</td>
</tr>
<tr>
<td height="25" background="cart_bg.gif"><font color="NETQUOTEVAR:PALBGCSS" size="1"><strong>&nbsp;&nbsp;&nbsp;
<script language="JavaScript">
<!--
document.write("NETQUOTEVAR:CARTCOOKIEITEMS&nbsp;" + getCartItem(3)+"&nbsp;");
document.write("NETQUOTEVAR:CARTCOOKIEVALUE&nbsp;" + getCartItem(1));
// -->

</script>
</strong></font></td>
</tr>
NETQUOTEDEL:CAPTURECOUPON
<tr>
<td background="menu_bottom.gif"><font color="NETQUOTEVAR:PALBGCSS" size="1">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<form method="NETQUOTEVAR:CGIMETHOD" action="NETQUOTEVAR:CGIURL">
<tr>
<td colspan="2" valign="top"><strong><font color="NETQUOTEVAR:PALBGCSS">NETQUOTEVAR:COUPONTITLE</font></strong></td>
</tr>
<tr>
<td colspan="2" valign="top"><font color="NETQUOTEVAR:PALBGCSS">NETQUOTEVAR:COUPONMESSAGE</font></td>
</tr>
<tr>
<td valign="top"><input type="TEXT" name="COUPONCODE" size="15" maxlength="255" value="NETQUOTEVAR:COUPONCAPTION" onFocus="this.value='';this.style.background='#FFFFFF'"></td>
<td><input type="IMAGE" name="ACTION_SEND" border="0" src="quicksearch.gif" alt="NETQUOTEVAR:COUPONACTION"></td>
</tr>
</form>
</table>
</td>
</tr>
NETQUOTEDEL:CAPTURECOUPON
<tr>
<td valign="top" bgcolor="NETQUOTEVAR:PALCOLOR1CSS"><img src="departments.gif" width="170" height="27"></td>
</tr>
<tr>
<td valign="top" bgcolor="NETQUOTEVAR:PALBGCSS">
<table width="100%" border="0" cellpadding="1" cellspacing="5">
<tr>
<td>
<script language=Javascript1.2>
document.write(YahooSections(section_tree))
</script>
</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="main_pages.gif" width="170" height="27"></td>
</tr>
<tr>
<td>NETQUOTEVAR:NAVBHOMENETQUOTEVAR:NAVBCATALOGNETQUOTEVAR:NAVBUPNETQUOTEVAR:NAVBLOGIN
</td>
</tr>
<tr>
<td width="170" valign="top" bgcolor="NETQUOTEVAR:PALCOLOR1CSS"><img src="saturnbottom.gif" width="170" height="187"></td>
</tr>
</table>
</td>
<td width="15"><img src="shim.gif" width="15"></td>
<td valign="top" align="center">
<table width="98%" cellpadding="5" cellspacing="0" class="thinborder">
<tr>
<td valign="top">NETQUOTEVAR:FORMBEGIN <A NAME="top">
<INPUT TYPE=HIDDEN NAME=RANDOM VALUE="NETQUOTEVAR:RANDOM"></A>
NETQUOTEVAR:HIDDENFIELDS
<!-- If customer accounts are in operation following two lines allow displaying -->
<!-- User name and customer account name on every page -->
<!-- NETQUOTEVAR:LOGINLINK --><Actinic:NOWSERVING/><Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/>
<!-- NETQUOTEVAR:HEADER -->
<div align="center"><span class="actxsmall">NETQUOTEVAR:HEADERTEXT</span></div>
NETQUOTEVAR:BULK <br>
<div align="center"><span class="actxsmall">NETQUOTEVAR:FOOTERTEXT</span></div>
<!-- NETQUOTEVAR:FOOTER -->
NETQUOTEVAR:FORMEND</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>



Barry
NormanRouxel
12-Aug-2004, 01:26 PM
HTML doesn't care about new lines. Either immediately after the ">" or on a new line (like you've done) are both fine.

Norman
barrypemb
12-Aug-2004, 03:55 PM
Hi Norman,

Finally sorted out the problem. Your information was correct but I also had to change the Section Link Templates files to the edited one.

Just struggling now with a couple of small things.

In the Value in Section Pr0perties, how do you create several lines of tabulated text. I can only seem to get continuous wrapped text. Is there a special character to seperate the text sections. Also, how is the colour of the popups changed.

The part finished page is at:

www.orionoptics.co.uk/acatalog/index.htm

The popup is on the left hand image of the black europa telescope.

Thanks

Barry
barrypemb
12-Aug-2004, 04:21 PM
I have sorted the colours, in the java document. Still sruggling with the text though.

Regards

Barry
NormanRouxel
12-Aug-2004, 07:59 PM
I think you can put HTML in those Customvars, so why not try <br> where you want line breaks.

Norman
barrypemb
12-Aug-2004, 10:04 PM
Hi Norman,

Sorted.

Cheers.

I seem to have a residual problem. After clicking on one of the product thumbnails on my second page and the clicking the back button, the page seems to collapse sometimes. The page layout seems to be destroyed, a press of F% button resres it but it is a bit of a beggar.

If anyone wants to see this very strange effect it can be seen, not every time though, by clicking on thumbnails on this page:

http://www.orionoptics.co.uk/acatalog/index.html

and then click the back button. It may take a few attempts but you will see exactly what I mean.

Many thanks

Barry
NormanRouxel
13-Aug-2004, 01:08 AM
I see it but I think it's an IE bug. Try using Mozilla or Opera and see if they fail too.

Also your Section pages are 1130+ pixels wide. Only a few monitors have a high enough resolution to display all that.

Norman
barrypemb
13-Aug-2004, 08:42 AM
Hi Norman,

I think the width issue was caused by the top banner, it should be OK now. Thanks for pointing it out.

Barry