Thread

I’m trying to implement a “Quick Search” feature.  This feature would display a dropdown menu form to the user, and the user could select a Channel entry url_title from this list.  Is there anyway that I can automatically populate this dropdown with the contents of a channel?

Thanks,

Josh

Moved to CodeShare Corner by Moderator

Sure, something like this?

<form name="dropmenu" action="">
<select name="entry">
<option value="">-- Select an entry --</option>
  {exp:channel:entries channel="channel_name" limit="10"}
  <option value="{url_title_path='template_group/template'}">{title}</option>
  {/exp:channel:entries}
</select> 
<input type="submit" value="Go" />
</form>

This is really a slightly modified version of the categories drop down found in the docs -http://ellislab.com/expressionengine/user-guide/modules/channel/categories.html

Thanks!  Almost have it.  My code looks like:

<form class="choosecounty" action="#">
                <div>
                <label>Choose a county below:</label>
                <select name="county">
                    {exp:channel:entries channel="counties" sort="asc"}
                    <option value="{url_title_path='county'}">{title}</option>
                    {/exp:channel:entries}
                </select>
                <input type="submit" value="Go" />
                </div>

When a user selects a county and hits the submit button, they are redirected to:

http://dev.blah.com/?county=http://dev.blah.com/index.php/county/fulton#

They should go to http://dev.blah.com/county/fulton.

Any idea how to fix that?

Thanks!

Ah, checkout out the code snippet at http://ellislab.com/expressionengine/user-guide/modules/channel/categories.html  (near bottom of page) - you’ll probably have to add in the bit of javascript, an obviously modify the code to use exp:channel:entries instead of exp:channel:categories in the SELECT tag

I’m trying to do something similar to Josh B., and I’m trying to use the category menu drop-down menu, but I have no idea how to go about editing the javascript to make this go. Can anyone help break down the javascript the category menu uses, so I can reconstruct it for an entries drop-down menu?

You don’t need to change the javascript, just the EE exp:channel:categories to use exp:channel:entries to control the pages you want listed. I can’t post the complete code because the forum strips out the javascript but this might give you an idea…

<form name="catmenu" action="">
<select name="selcat" [insert the "on change" attribute here]>
<option value="">--Select entry--</option>
{exp:channel:entries channel="yourchannel"}
<option value="{url_title_path='template_group/template'}">{title}</option>
{/exp:channel:entries}
</select>
</form>

Ok.. still not getting the right results for some reason:

<form class="choosecounty" action="#">
                <div>
                <label>Choose a county below:</label>
                <select name="county">
                    {exp:channel:entries channel="counties" sort="asc"}
                    <option value="{url_title_path='county'}">{title}</option>
                    {/exp:channel:entries}
                </select>
                <input type="submit" value="Go" />
                </div>
            </form>

The forum probably cuts the JS out, but I copied the onchange from the doc page, and swapped “catmenu” for “choosecounty” (the name of my form), and “selcat” for “county” (the name of my select).  Same results..

http://dev.blah.com/?county=http://dev.blah.com/index.php/county/fulton#

..instead of:

http://dev.blah.com/county/fulton

Any ideas?

Thanks

Try it without changing the javascript and using action=”” without the hash

Hrm, same results.

Have a look at some of these alternatives, they all do the same thing but useing slightly different methods:

http://lab.artlung.com/dropdown/
http://www.pageresource.com/jscript/jdropbox.htm
http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_menu3
http://www.thesitewizard.com/archive/navigation.shtml
http://javascript.internet.com/navigation/select-option-navigation-menu.html

Hrm, it looks like EE is modifying something.  No matter what method I use, the “value” (the URL) of the <option> always gets appended as a variable when redirected..

<option value="http://google.com">{title}</option>

http://dev.blah.com.com/?county=http://google.com

Ok.. finally got it working.  It does however append index.php, which I am working on removing.  Here is the code that I used:

[removed]
                function changeLocation(menuObj) {
                  var i = menuObj.selectedIndex;
                  if(i > 0) {
                    [removed] = menuObj.options[i].value;
                  }
                }
            [removed]

            <form class="choosecounty" action="">
                <div>
                <label>Choose a county below:</label>
                <select id="gowhere" name="county">
                    {exp:channel:entries channel="counties" sort="asc"}
                    <option value="{path='county/{url_title}'}">{title}</option>
                    {/exp:channel:entries}
                </select>
                <input type="submit" value="Go" />
                </div>
            </form>

bluedreamer,

One problem is that when I use the “quicksearch” dropdown to browse to a entry in a channel, once on that page, the dropdown only contains one item - the url_title of the page that is currently being shown.  I thought that was odd, considering the code is the same no matter what page you are on—it is simply embedded in the template.  Any idea what may be causing this?

Thanks,

Josh

dynamic=“off” fixed my problem.  Thanks for the help!

Well done, glad you cracked it!