University of Derby

Library Search 

<script src="//support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
<section class="form-wrapper">
    <h2>Search Library Plus</h2>
    <p>Enter your search term and choose the type of search. Your search results will open in a new tab.</p>
    <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post">
        <div class="form-group field-required">
            <label for="ebscohostsearchtext">Search term<span class="required">*</span></label>
            <div>
                <input id="ebscohostsearchtext" name="ebscohostsearchtext" class="form-control" type="text" placeholder="Search the library" aria-label="Search term" required>
            </div>
        </div>
        <div class="form-group field-required">
            <fieldset id="searchFieldSelector">
                <legend>Search by<span class="required">*</span></legend>
                <div>
                    <div class="radio radio-pretty radio-inline">
                        <label for="guidedField_0">
						<input id="guidedField_0" type="radio" name="searchFieldSelector" value="" aria-label="Keyword" checked required> 
						<span></span>
						Keyword					</label>
                    </div>
                    <div class="radio radio-pretty radio-inline">
                        <label for="guidedField_1">
						<input id="guidedField_1" type="radio" name="searchFieldSelector" value="TI" aria-label="Title" required> 
						<span></span>
						Title					</label>
                    </div>
                    <div class="radio radio-pretty radio-inline">
                        <label for="guidedField_2">
						<input id="guidedField_2" type="radio" name="searchFieldSelector" value="AU" aria-label="Author" required> 
						<span></span>
						Author					</label>
                    </div>
                </div>
            </fieldset>
        </div>
        <hr>
        <div class="submitButtons">
            <button class="button-yellow button-giant" role="button" type="submit" tabindex="0" data-scroll>
        Search
            <span class="button-overlay"><span>
                        Search
                    </span></span></button> </div>
        <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />
        <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://ezproxy.derby.ac.uk/login?url=http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=0&mode=bool&lang=en&authtype=ip" />
        <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />
        <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />
        <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />
    </form>
</section>
 
<script src="//support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
<section class="form-wrapper">
    <h2>Search Library Plus</h2>
    <p>Enter your search term and choose the type of search. Your search results will open in a new tab.</p>
    <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post">
        {% include '@input' with {
            id: 'ebscohostsearchtext',
            name: 'ebscohostsearchtext',
            label: 'Search term',
            ariaLabel: 'Search term',
            placeholder: 'Search the library',
            type: 'text',
            required: true,
        } %}
        {% include '@input-choice' with {
            id: 'searchFieldSelector',
            name: 'searchFieldSelector',
            label: 'Search by',
            type: 'radio',
            inline: true,
            required: true,
            choices : [
                {
                    id: 'guidedField_0',
                    label: 'Keyword',
                    value: '',
                    ariaLabel: 'Keyword',
                    checked: true
                },
                {
                    id: 'guidedField_1',
                    label: 'Title',
                    value: 'TI',
                    ariaLabel: 'Title',
                },
                {
                    id: 'guidedField_2',
                    label: 'Author',
                    value: 'AU',
                    ariaLabel: 'Author',
                },
            ]
        } %}
        <hr>
        <div class="submitButtons">
            {% include '@button' with { 
                label: 'Search',
                href: '#',
                scheme: 'yellow',
                size: 'giant',
                submit: true,
            } %}
        </div>
        <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />
        <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://ezproxy.derby.ac.uk/login?url=http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=0&mode=bool&lang=en&authtype=ip" />
        <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />
        <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />
        <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />
    </form>
</section>
 
/* No context defined for this component. */

Library search form

Allows a user to search the library by entering a keyword and the type of search they want to make. Submitting the form opens the library in a new window, the form uses hidden values and scripts provided by the vendor.