Drop Down Menus in custom templates

General ShopSite user discussion

Drop Down Menus in custom templates

Postby Jason Price » Mon Aug 29, 2005 9:30 am

Hello-

I would like to use drop down menus for my navigation in my custom template.

I have created simple Jump menus created in Dreamweaver (that work fine
when tested in the Dreamweaver program). WHen I load the template and
apply it... the menu links appear but to not link work.

Any idea why this might be happening?

Thanks -

Jason
Jason Price
 

Re: Drop Down Menus in custom templates

Postby Rob » Mon Aug 29, 2005 6:00 pm

Jason

Can you point us to an example on the web of what is not working, or post
your template/code here? It is hard to troubleshoot without more details.

Rob

"Jason Price" <jason@wedesign.com> wrote in message
news:devdac$g60$1@eval.shopsite.com...
Hello-

I would like to use drop down menus for my navigation in my custom
template.

I have created simple Jump menus created in Dreamweaver (that work fine
when tested in the Dreamweaver program). WHen I load the template and
apply it... the menu links appear but to not link work.

Any idea why this might be happening?

Thanks -

Jason
Rob
 

Re: Drop Down Menus in custom templates

Postby Jason Price » Tue Aug 30, 2005 5:14 am

The location of an example page is:

http://silverandpewtergifts.com/store//index.html

Thanks!

Jason


Rob wrote:

Jason

Can you point us to an example on the web of what is not working, or post
your template/code here? It is hard to troubleshoot without more details.

Rob

"Jason Price" <jason@wedesign.com> wrote in message
news:devdac$g60$1@eval.shopsite.com...

Hello-

I would like to use drop down menus for my navigation in my custom
template.

I have created simple Jump menus created in Dreamweaver (that work fine
when tested in the Dreamweaver program). WHen I load the template and
apply it... the menu links appear but to not link work.

Any idea why this might be happening?

Thanks -

Jason


Jason Price
 

Re: Drop Down Menus in custom templates

Postby jim » Tue Aug 30, 2005 7:18 am

There are problems with the html. Run the page through the html
validator at http://www.htmlhelp.com/tools/validator/

It reports a problem with the form1 not having an ACTION
<form method="get" name="form1">

and
a <table> that is missing required elements
<table border="0" cellpadding="0" cellspacing="0" width="915">
</table>

There should be a <tr><td></td></tr> inside the table tags.

For some reason (maybe you created it on a Mac?) all of the page appears
on a couple of lines when I view the source of the page. It makes it
hard to see what is actually going on on the page. I ran the page
through an html beautifier to get it so that I could actually see where
the problems were occuring.

I don't know how you created the page but if your initial source
included a line starting with a # character that line will be left out
of the source if the page was generated using a ShopSite template. It
does appear that you are using a custom template called HEADER.html. So
if you are putting code from Dreamweaver into that template, with lines
beginning with a #, you may need to put that section of code into an
"Include" file and then use the [-- Include <filename> --] to get the
code onto the page instead of just putting it into the template
directly. We would need to see the template in order to give more
exact information.

Jim

Jason Price wrote:
The location of an example page is:

http://silverandpewtergifts.com/store//index.html

Thanks!

Jason


Rob wrote:

Jason

Can you point us to an example on the web of what is not working, or
post your template/code here? It is hard to troubleshoot without more
details.

Rob

"Jason Price" <jason@wedesign.com> wrote in message
news:devdac$g60$1@eval.shopsite.com...

Hello-

I would like to use drop down menus for my navigation in my custom
template.

I have created simple Jump menus created in Dreamweaver (that work
fine when tested in the Dreamweaver program). WHen I load the
template and apply it... the menu links appear but to not link work.

Any idea why this might be happening?

Thanks -

Jason



jim
 

Re: Drop Down Menus in custom templates

Postby Jason Price » Tue Aug 30, 2005 12:56 pm

Jim -

You guessed it! I am working on a Mac!

I have made some updates to the page, including modifying the form
action action and searching for any #'s.

I am still getting no response from the dropdowns.

The page in question...

http://silverandpewtergifts.com/store//index.html

Below is the actual code for the template page...




[-- DEFINE PAGE --]
<html>
<head>
<title>Silver and Pewter Gifts</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="untitled.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--


function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="064276">
<div align="center"><img src="Header.jpg" width="1000"
height="94"></div></td>
</tr>
<tr>
<td height="30" bgcolor="A0A0A1"><div align="center" class="Nav"><a
href="index.html" class="Link">Best Sellers
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="Pewter.html"
class="Link">Baby Gift
Guide</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="PewterGift.html" class="Link">Wedding Gift Guide
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="awardstrophies.html" class="Link">Awards &
Trophies</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="About.html"
class="Link">Engraving</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Customer.html" class="Link">About Us
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Contact.html" class="Link">Contact Us</a></div></td>
</tr>
<tr>
<td height="100%"><table height="60" border="0" align="center"
cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="190" height="60" valign="middle"><div align="center">
<form action="get" method="get" name="form1" target="_blank">

<select name="select"
onChange="MM_jumpMenu('parent',this,0)">
<option>Choose A Category!</option>
<option value="babycups.html" selected>Baby Cups</option>
<option value="babygifts.html">Baby Gifts</option>
<option value="barware.html">Barware</option>
<option value="birdfeeders.html">Birdfeeders</option>
<option value="bowls.html">Bowls</option>
<option value="bracelets.html">Bracelets</option>
<option value="candlesticks.html">Candlesticks</option>
<option value="desktopaccessories,html">Desktop
Accessories</option>
<option value="frames.html">Frames</option>
<option value="historicecups.html">Historic Cups</option>
<option value="holidayornaments.html">Holiday
Ornaments</option>
<option value="napkinrings.html">Napkin Rings</option>
<option value="trays.html">Trays</option>
<option value="vases.html">Vases</option>
<option value="weddinggifts.html">Wedding Gifts</option>
</select>
</form>
</div></td>
<td width="279" valign="middle"><div align="center"><center>
<form
action="http://silverandpewtergifts.com/cgi-bin/sc/productsearch.cgi?storeid=*20d8b958450031447aa4183072ad86c3a1f6"
method=post>
<input type=text name="search_field" size=15>
<input type=hidden name="storeid"
value="*20d8b958450031447aa4183072ad86c3a1f6">
<input type=submit value="Search">
</form> </center></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="144" align="center" valign="top"><p><p>
[-- LOOP LINKS --]
[-- LINK --]<br>
[-- END_LOOP LINKS --]
</p>

<table width="915" border="0" cellpadding="0" cellspacing="0">
[-- LOOP PRODUCTS PAGE.Columns --]
<tr align="center" valign="top"><td width="433">
[-- PRODUCT producttemplate.htm --]
<td width="466">
[-- PRODUCT producttemplate.htm --]
</td>
[-- END_LOOP PRODUCTS --]
</table>

</td>
</tr>
</table>
<p align="center"><span class="copyright">&copy;2005 Silver and Pewter
Gifts</span></p>
</body>
</html>
[-- END_DEFINE PAGE --]



Thanks for your help!

Jason
Jason Price
 

Re: Drop Down Menus in custom templates

Postby jim » Wed Aug 31, 2005 8:33 pm

I'm not a javascript expert so can't be much help on that end. The best
thing to do would be to compare the html from a page where the code
works to one where it doesn't work and see if you can find any differences.

Jim

Jason Price wrote:
Jim -

You guessed it! I am working on a Mac!

I have made some updates to the page, including modifying the form
action action and searching for any #'s.

I am still getting no response from the dropdowns.

The page in question...

http://silverandpewtergifts.com/store//index.html

Below is the actual code for the template page...




[-- DEFINE PAGE --]
html
head
title>Silver and Pewter Gifts</title
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
link href="untitled.css" rel="stylesheet" type="text/css"
script language="JavaScript" type="text/JavaScript"
!--


function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//--
/script
style type="text/css"
!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
--
/style></head

body
table width="100%" border="0" cellspacing="0" cellpadding="0"
tr
td bgcolor="064276"
div align="center"><img src="Header.jpg" width="1000"
height="94"></div></td
/tr
tr
td height="30" bgcolor="A0A0A1"><div align="center" class="Nav"><a
href="index.html" class="Link">Best Sellers
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="Pewter.html"
class="Link">Baby Gift
Guide</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="PewterGift.html" class="Link">Wedding Gift Guide
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="awardstrophies.html" class="Link">Awards &
Trophies</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="About.html"
class="Link">Engraving</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Customer.html" class="Link">About Us
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Contact.html" class="Link">Contact Us</a></div></td
/tr
tr
td height="100%"><table height="60" border="0" align="center"
cellpadding="0" cellspacing="0"
!--DWLayoutTable--
tr
td width="190" height="60" valign="middle"><div align="center"
form action="get" method="get" name="form1" target="_blank"

select name="select"
onChange="MM_jumpMenu('parent',this,0)"
option>Choose A Category!</option
option value="babycups.html" selected>Baby Cups</option
option value="babygifts.html">Baby Gifts</option
option value="barware.html">Barware</option
option value="birdfeeders.html">Birdfeeders</option
option value="bowls.html">Bowls</option
option value="bracelets.html">Bracelets</option
option value="candlesticks.html">Candlesticks</option
option value="desktopaccessories,html">Desktop
Accessories</option
option value="frames.html">Frames</option
option value="historicecups.html">Historic Cups</option
option value="holidayornaments.html">Holiday
Ornaments</option
option value="napkinrings.html">Napkin Rings</option
option value="trays.html">Trays</option
option value="vases.html">Vases</option
option value="weddinggifts.html">Wedding Gifts</option
/select
/form
/div></td
td width="279" valign="middle"><div align="center"><center
form
action="http://silverandpewtergifts.com/cgi-bin/sc/productsearch.cgi?storeid=*20d8b958450031447aa4183072ad86c3a1f6"
method=post
input type=text name="search_field" size=15
input type=hidden name="storeid"
value="*20d8b958450031447aa4183072ad86c3a1f6"
input type=submit value="Search"
/form> </center></div></td
/tr
/table></td
/tr
tr
td height="144" align="center" valign="top"><p><p
[-- LOOP LINKS --]
[-- LINK --]<br
[-- END_LOOP LINKS --]
/p

table width="915" border="0" cellpadding="0" cellspacing="0"
[-- LOOP PRODUCTS PAGE.Columns --]
tr align="center" valign="top"><td width="433"
[-- PRODUCT producttemplate.htm --]
td width="466"
[-- PRODUCT producttemplate.htm --]
/td
[-- END_LOOP PRODUCTS --]
/table

/td
/tr
/table
p align="center"><span class="copyright">&copy;2005 Silver and Pewter
Gifts</span></p
/body
/html
[-- END_DEFINE PAGE --]



Thanks for your help!

Jason
jim
 

Re: Drop Down Menus in custom templates

Postby Eddie Caplan » Thu Sep 01, 2005 2:37 pm

Is this still a problem? When I visited you store, the menus seem to
work for me. I'm using Firefox on Mac.

If you are still having the problem, then what, exactly, is it not
doing? Maybe I can help.


Eddie


Jason Price wrote:
Jim -

You guessed it! I am working on a Mac!

I have made some updates to the page, including modifying the form
action action and searching for any #'s.

I am still getting no response from the dropdowns.

The page in question...

http://silverandpewtergifts.com/store//index.html

Below is the actual code for the template page...




[-- DEFINE PAGE --]
html
head
title>Silver and Pewter Gifts</title
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
link href="untitled.css" rel="stylesheet" type="text/css"
script language="JavaScript" type="text/JavaScript"
!--


function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//--
/script
style type="text/css"
!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
--
/style></head

body
table width="100%" border="0" cellspacing="0" cellpadding="0"
tr
td bgcolor="064276"
div align="center"><img src="Header.jpg" width="1000"
height="94"></div></td
/tr
tr
td height="30" bgcolor="A0A0A1"><div align="center" class="Nav"><a
href="index.html" class="Link">Best Sellers
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="Pewter.html"
class="Link">Baby Gift
Guide</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="PewterGift.html" class="Link">Wedding Gift Guide
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="awardstrophies.html" class="Link">Awards &
Trophies</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="About.html"
class="Link">Engraving</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Customer.html" class="Link">About Us
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Contact.html" class="Link">Contact Us</a></div></td
/tr
tr
td height="100%"><table height="60" border="0" align="center"
cellpadding="0" cellspacing="0"
!--DWLayoutTable--
tr
td width="190" height="60" valign="middle"><div align="center"
form action="get" method="get" name="form1" target="_blank"

select name="select"
onChange="MM_jumpMenu('parent',this,0)"
option>Choose A Category!</option
option value="babycups.html" selected>Baby Cups</option
option value="babygifts.html">Baby Gifts</option
option value="barware.html">Barware</option
option value="birdfeeders.html">Birdfeeders</option
option value="bowls.html">Bowls</option
option value="bracelets.html">Bracelets</option
option value="candlesticks.html">Candlesticks</option
option value="desktopaccessories,html">Desktop
Accessories</option
option value="frames.html">Frames</option
option value="historicecups.html">Historic Cups</option
option value="holidayornaments.html">Holiday
Ornaments</option
option value="napkinrings.html">Napkin Rings</option
option value="trays.html">Trays</option
option value="vases.html">Vases</option
option value="weddinggifts.html">Wedding Gifts</option
/select
/form
/div></td
td width="279" valign="middle"><div align="center"><center
form
action="http://silverandpewtergifts.com/cgi-bin/sc/productsearch.cgi?storeid=*20d8b958450031447aa4183072ad86c3a1f6"
method=post
input type=text name="search_field" size=15
input type=hidden name="storeid"
value="*20d8b958450031447aa4183072ad86c3a1f6"
input type=submit value="Search"
/form> </center></div></td
/tr
/table></td
/tr
tr
td height="144" align="center" valign="top"><p><p
[-- LOOP LINKS --]
[-- LINK --]<br
[-- END_LOOP LINKS --]
/p

table width="915" border="0" cellpadding="0" cellspacing="0"
[-- LOOP PRODUCTS PAGE.Columns --]
tr align="center" valign="top"><td width="433"
[-- PRODUCT producttemplate.htm --]
td width="466"
[-- PRODUCT producttemplate.htm --]
/td
[-- END_LOOP PRODUCTS --]
/table

/td
/tr
/table
p align="center"><span class="copyright">&copy;2005 Silver and Pewter
Gifts</span></p
/body
/html
[-- END_DEFINE PAGE --]



Thanks for your help!

Jason
Eddie Caplan
 

Re: Drop Down Menus in custom templates

Postby Eddie Caplan » Thu Sep 01, 2005 2:39 pm

Is this still a problem? When I visited your store, the menus seem to
work for me. I'm using Firefox on Mac.

If you are still having the problem, then what, exactly, is it not
doing? Maybe I can help.


Eddie


Jason Price wrote:
Jim -

You guessed it! I am working on a Mac!

I have made some updates to the page, including modifying the form
action action and searching for any #'s.

I am still getting no response from the dropdowns.

The page in question...

http://silverandpewtergifts.com/store//index.html

Below is the actual code for the template page...




[-- DEFINE PAGE --]
html
head
title>Silver and Pewter Gifts</title
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
link href="untitled.css" rel="stylesheet" type="text/css"
script language="JavaScript" type="text/JavaScript"
!--


function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//--
/script
style type="text/css"
!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
--
/style></head

body
table width="100%" border="0" cellspacing="0" cellpadding="0"
tr
td bgcolor="064276"
div align="center"><img src="Header.jpg" width="1000"
height="94"></div></td
/tr
tr
td height="30" bgcolor="A0A0A1"><div align="center" class="Nav"><a
href="index.html" class="Link">Best Sellers
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="Pewter.html"
class="Link">Baby Gift
Guide</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="PewterGift.html" class="Link">Wedding Gift Guide
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="awardstrophies.html" class="Link">Awards &
Trophies</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="About.html"
class="Link">Engraving</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Customer.html" class="Link">About Us
/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="Contact.html" class="Link">Contact Us</a></div></td
/tr
tr
td height="100%"><table height="60" border="0" align="center"
cellpadding="0" cellspacing="0"
!--DWLayoutTable--
tr
td width="190" height="60" valign="middle"><div align="center"
form action="get" method="get" name="form1" target="_blank"

select name="select"
onChange="MM_jumpMenu('parent',this,0)"
option>Choose A Category!</option
option value="babycups.html" selected>Baby Cups</option
option value="babygifts.html">Baby Gifts</option
option value="barware.html">Barware</option
option value="birdfeeders.html">Birdfeeders</option
option value="bowls.html">Bowls</option
option value="bracelets.html">Bracelets</option
option value="candlesticks.html">Candlesticks</option
option value="desktopaccessories,html">Desktop
Accessories</option
option value="frames.html">Frames</option
option value="historicecups.html">Historic Cups</option
option value="holidayornaments.html">Holiday
Ornaments</option
option value="napkinrings.html">Napkin Rings</option
option value="trays.html">Trays</option
option value="vases.html">Vases</option
option value="weddinggifts.html">Wedding Gifts</option
/select
/form
/div></td
td width="279" valign="middle"><div align="center"><center
form
action="http://silverandpewtergifts.com/cgi-bin/sc/productsearch.cgi?storeid=*20d8b958450031447aa4183072ad86c3a1f6"
method=post
input type=text name="search_field" size=15
input type=hidden name="storeid"
value="*20d8b958450031447aa4183072ad86c3a1f6"
input type=submit value="Search"
/form> </center></div></td
/tr
/table></td
/tr
tr
td height="144" align="center" valign="top"><p><p
[-- LOOP LINKS --]
[-- LINK --]<br
[-- END_LOOP LINKS --]
/p

table width="915" border="0" cellpadding="0" cellspacing="0"
[-- LOOP PRODUCTS PAGE.Columns --]
tr align="center" valign="top"><td width="433"
[-- PRODUCT producttemplate.htm --]
td width="466"
[-- PRODUCT producttemplate.htm --]
/td
[-- END_LOOP PRODUCTS --]
/table

/td
/tr
/table
p align="center"><span class="copyright">&copy;2005 Silver and Pewter
Gifts</span></p
/body
/html
[-- END_DEFINE PAGE --]



Thanks for your help!

Jason
Eddie Caplan
 


Return to User Forum

Who is online

Users browsing this forum: No registered users and 82 guests