Creating a Jump Menu using the zen_draw_form function

[DivaVocals]

I found this old thread: http://www.zen-cart.com/showthread.p...-outside-links

and this post:

Here is the code for the Drop down Jump Box using JS.

With a GO Button
<form name="Jump" action="">
<select name="Menu">
<option value="">Your Choices</option>
<option value="http://offsite1.com/">link 1</option>
<option value="http://offsite2.com/">link 2</option>
</select>

<input type="button" onClick="location=document.Jump.Menu.options[document.Jump.Menu.selectedIndex].value;" value="GO">
</form>


Immediate Action
<form name="Jump" action="">
<select name="Menu" onchange="location=document.Jump.Menu.options[document.Jump.Menu.selectedIndex].value;" value="GO">
<option value="">Your Choices</option>
<option value="http://offsite1.com/">link 1</option>
<option value="http://offsite2.com/">link 2</option>
</select>
</form>

I'm trying to create a jump menu using the "Immediate Action" option.. but I can't quite wrap my head around how to use the zen_draw_form function in place of the "form" tag in the example. Can anyone offer some assistance???

[DivaVocals]

I found this old thread: http://www.zen-cart.com/showthread.p...-outside-links

and this post:

I'm trying to create a jump menu using the "Immediate Action" option.. but I can't quite wrap my head around how to use the zen_draw_form function in place of the "form" tag in the example. Can anyone offer some assistance???

Did a little more research and messed around a bit.. I think I found what works.. Wanted to share in case others were interested..

With a GO Button

<?php echo zen_draw_form('Jump', '', ''); ?>
<select name="Menu">
<option value="">Your Choices</option>
<option value="http://offsite1.com/">link 1</option>
<option value="http://offsite2.com/">link 2</option>
</select>

<input type="button" onClick="location=document.Jump.Menu.options[document.Jump.Menu.selectedIndex].value;" value="GO">
</form>

Immediate Action

<?php echo zen_draw_form('Jump', '', ''); ?>
<select name="Menu" onchange="location=document.Jump.Menu.options[document.Jump.Menu.selectedIndex].value;" value="GO">
<option value="">Your Choices</option>
<option value="http://offsite1.com/">link 1</option>
<option value="http://offsite2.com/">link 2</option>
</select>
</form>

[rbarbour]

Did a little more research and messed around a bit.. I think I found what works.. Wanted to share in case others were interested..

With a GO Button

<?php echo zen_draw_form('Jump', '', ''); ?>
<select name="Menu">
<option value="">Your Choices</option>
<option value="http://offsite1.com/">link 1</option>
<option value="http://offsite2.com/">link 2</option>
</select>

<input type="button" onClick="location=document.Jump.Menu.options[document.Jump.Menu.selectedIndex].value;" value="GO">
</form>

Seems to work!

Immediate Action

<?php echo zen_draw_form('Jump', '', ''); ?>
<select name="Menu" onchange="location=document.Jump.Menu.options[document.Jump.Menu.selectedIndex].value;" value="GO">
<option value="">Your Choices</option>
<option value="http://offsite1.com/">link 1</option>
<option value="http://offsite2.com/">link 2</option>
</select>
</form>

I get a javascript error and nothing happens for this one.

[DivaVocals]

Seems to work!



I get a javascript error and nothing happens for this one.

I don't get an error for either one.. they both work for me.. I'm using the "Immediate Action" code for the menu I'm trying to build and it's working just fine with my test links..

Now I just need to figure out how to get the EZ-Pages header links to display inside a jump menu..

[rbarbour]

I don't get an error for either one.. they both work for me.. I'm using the "Immediate Action" code for the menu I'm trying to build and it's working just fine with my test links..

I thought it was a conflict with other JS I had installed but nope - still doesn't work. So this is what I have for I just simplified my code to give you an idea how to do the ez-pages.

<?php echo zen_draw_form('Jump', '', ''); ?>
<select onchange="if (this.value) window.location.href=this.value">
<option>Where to go?</option>
<option value="http://google.com/">google.com</option>
<option value="http://yahoo.com/">yahoo.com</option>
</select>
</form>

Now I just need to figure out how to get the EZ-Pages header links to display inside a jump menu..

[/QUOTE]

Now with my code this will work for the EZ-Pages header links, you will have to change accordingly for your code.

in /includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_bar_header.php

find:

<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
  <a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>
<?php } // end FOR loop ?>

replace with:

<?php echo zen_draw_form('Jump', '', ''); ?>
<select onchange="if (this.value) window.location.href=this.value">
<option>EZ-Pages</option>
<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
<option value="<?php echo $var_linksList[$i]['link'];?>"><?php echo $var_linksList[$i]['name'];?></option>
<?php } ?><?php } // end FOR loop ?>
</select>
</form>

Hope this helps!

[DivaVocals]

I thought it was a conflict with other JS I had installed but nope - still doesn't work. So this is what I have for I just simplified my code to give you an idea how to do the ez-pages.

<?php echo zen_draw_form('Jump', '', ''); ?>
<select onchange="if (this.value) window.location.href=this.value">
<option>Where to go?</option>
<option value="http://google.com/">google.com</option>
<option value="http://yahoo.com/">yahoo.com</option>
</select>
</form>

Now with my code this will work for the EZ-Pages header links, you will have to change accordingly for your code.

in /includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_bar_header.php

find:

<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
  <a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>
<?php } // end FOR loop ?>

replace with:

<?php echo zen_draw_form('Jump', '', ''); ?>
<select onchange="if (this.value) window.location.href=this.value">
<option>EZ-Pages</option>
<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
<option value="<?php echo $var_linksList[$i]['link'];?>"><?php echo $var_linksList[$i]['name'];?></option>
<?php } ?><?php } // end FOR loop ?>
</select>
</form>

Hope this helps!

Well the code I posted isn't giving me any errors and works.. **shrugs**

Anyway as for the EX Pages code.. this does help..

BUT..

This replaces the Ex-Pages header bar with an EZ Pages header jump menu.. (which I can use for a different project.. so yes thanks for this ) What I REALLY need for what I am working on is not to replace the EZ Pager header bar, but a jump menu with other internal links (shipping policy, etc..) in addition to the EZ Page Header links.

So I have menu options like this:

<?php
  if (DEFINE_SHIPPINGINFO_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo BOX_INFORMATION_SHIPPING; ?></option>
<?php } ?>

<?php
  if (DEFINE_PRIVACY_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo BOX_INFORMATION_PRIVACY; ?></option>
<?php } ?>

<?php
  if (DEFINE_CONDITIONS_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo BOX_INFORMATION_CONDITIONS; ?></option>
<?php } ?>

<?php
  if (DEFINE_CONTACT_US_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_CONTACT_US); ?>"><?php echo BOX_INFORMATION_CONTACT; ?></option>
<?php } ?>

<?php
  if (DEFINE_SITE_MAP_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo BOX_INFORMATION_SITE_MAP; ?></option>
<?php } ?>

And I'd like to add the EZ Pages header links to this..

[gjh42]

I would just put rbarbour's version of the ez-pages output in the desired position in your link list:

<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
<option value="<?php echo $var_linksList[$i]['link'];?>"><?php echo $var_linksList[$i]['name'];?></option>
<?php } ?><?php } // end FOR loop ?>

You may need to ensure that the module file for ezpages_header is always run before your menu runs, so $var_linksList will be set.

You might want to wrap it in a test to verify that there are ez-page links to output, similar to your other links.

[gjh42]

if (!isset($var_links_list)) {
  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
} 

This would fetch all ez-page links set for the header; you might actually want a customized version of ezpages_bar_header.php and even customized db fields and admin entry so you can set what appears in this particular menu.

[rbarbour]

[php]and even customized db fields and admin entry so you can set what appears in this particular menu.

LOL, sorry had too.

[DivaVocals]

I would just put rbarbour's version of the ez-pages output in the desired position in your link list:

<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
<option value="<?php echo $var_linksList[$i]['link'];?>"><?php echo $var_linksList[$i]['name'];?></option>
<?php } ?><?php } // end FOR loop ?>

You may need to ensure that the module file for ezpages_header is always run before your menu runs, so $var_linksList will be set.

You might want to wrap it in a test to verify that there are ez-page links to output, similar to your other links.

if (!isset($var_links_list)) {
  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
} 

This would fetch all ez-page links set for the header; you might actually want a customized version of ezpages_bar_header.php and even customized db fields and admin entry so you can set what appears in this particular menu.

Okay.. so I tried this and end up with a partial blank page. This is my jump menu code thus far:

<?php echo zen_draw_form('jumpMenu', '', ''); ?> 

<select name="Menu" onchange="location=document.jumpMenu.Menu.options[document.jumpMenu.Menu.selectedIndex].value;" value="GO">
<option value="">Our Shop</option>

<?php
  if (DEFINE_SHIPPINGINFO_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo BOX_INFORMATION_SHIPPING; ?></option>
<?php } ?>

<?php
  if (DEFINE_PRIVACY_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo BOX_INFORMATION_PRIVACY; ?></option>
<?php } ?>

<?php
  if (DEFINE_CONDITIONS_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo BOX_INFORMATION_CONDITIONS; ?></option>
<?php } ?>

<?php
  if (DEFINE_SITE_MAP_STATUS <= 1) {
?>
<option value="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo BOX_INFORMATION_SITE_MAP; ?></option>
<?php } ?>

<?php
if (!isset($var_links_list)) {
  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
}  
?>
 <?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
<option value="<?php echo $var_linksList[$i]['link'];?>"><?php echo $var_linksList[$i]['name'];?></option>
<?php } ?><?php } // end FOR loop ?> 

</select>
</form>