Subversion-Projekte lars-tiefland.ci

Revision

Revision 42 | Blame | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed



<script type="text/javascript" language="javascript" src="/JavaScript/jquery.toChecklist.min.js?{$smarty.now}"></script>

<!--<script type="text/javascript" language="javascript" src="/JavaScript/jquery-ui-1.10.3.custom.min.js"></script>-->
<!--<link rel="stylesheet" type="text/css" media="screen" href="/styles/smoothness/jquery-ui-1.10.3.custom.min.css" />-->      
      
<script>

    $(function() {
        $('select').toChecklist( {
            addScrollBar: true,
            addSearchBox: false
        } );

        $(".infoIcon").each(function(){
                var attr = $(this).attr('rel');
         
                $(this).qtip({
                        content: {
                                text: attr,
                        },
                style: { 
                    border: {
                        color: '#2e2383'    
                    }
                },
                show: 'mouseover',
                hide: 'mouseout',
                });
        }); 
        
        $(".kill_filter_x").click(function(){
            $(".motorfinder").css("display", "none");   
        });
        
        $(".motorfinder_submit").click(function(){
            $(".motorfinder").css("display", "none");    
        });
            
           
    } );

</script>
  
<style>
.ui-dialog-titlebar {
    display:none;
}
ul.checklist {
    margin:5px 0 0 5px;
    list-style-type:none;
}
ul.checklist label {
    padding-left:4px;
}
div.checklist,
div.checklistHighlighted { 
    overflow-y:auto;
    overflow-x:hidden;
    height:auto!important; 
}
.infoIcon{
    color: #2e2383;
}
.infoIcon:hover{
    cursor: pointer;
}
input.ui-button{
    padding: 0.4em 0em!important;
}
</style>

{if isset($idFinder)}
    {assign var="artFinder" value=$idFinder|cat:"_"}
{else}
    {assign var="artFinder" value=""}
{/if}
<div class="motorfinder {$classFinder}">
    <form id="motorfinder_form" method="get" class="motorfinder_form">
        <input type="hidden" name="action" value="use_filter" />
        <div class="motorfinderHeadline">
            <span style="text-align:left;float:left;">
                {if $idFinder}
                <h1 style="text-transform:uppercase;">{$idFinder|utf8_encode}</h1>
                {else}
                Produktfilter
                {/if}</span>
            <span style="text-align:right;float:right;margin-top:-5px;" title="Filter zurücksetzen">
                <input class="kill_filter_x" type="button" value="X" style="padding: 0.1em !important;"/>
            </span>
        </div>
        <!--<div class="filter">
            Hersteller:<br />
            <select name="sel_hersteller">
            <option value="" label="Bitte wählen">Bitte wählen</option>
            {html_options options=$hersteller selected=$smarty.session["motorfinder"]["sel_hersteller"]}            
            </select>
        </div>-->
        {foreach $filter as $key => $elem}
         <!-- 0 Text -->
         <!-- 1 Wertebreich REGLER -->
         {if $elem.type==1}
            <div class="filter_elem_range">
                
                {assign var='werte' value=$elem.wertebereich|unserialize}
                
                
                {foreach $werte as $index => $value}
                {if $value != ''}
                    {assign var='maxValue' value=$index}
                {/if}
                {/foreach}            
                <script>
                    $(function() {
                    {if $elem.richtung=="maximal"}
                        $( "#{$artFinder}{$elem.ID}" ).slider( {
                            range: "max",
                            max: {$werte[$maxValue]},
                            min:{$werte[0]},
                            value: {$smarty.session["motorfinder"]["max_{$elem.ID}"]|default:$werte[$maxValue]},
                            slide: function( event, ui ) {
                                $( "#range_{$artFinder}{$elem.ID}" ).text(  ui.value );
                                $( "#max_{$artFinder}{$elem.ID}" ).val(  ui.value );
                                $("#sl_{$artFinder}{$elem.ID}").val("1");
                            }
                        });
                        $( "#range_{$artFinder}{$elem.ID}" ).val( $( "#{$artFinder}{$elem.ID}" ).slider( "value" ));
                    {elseif $elem.richtung=="minimal"}
                        $( "#{$artFinder}{$elem.ID}" ).slider( {
                            range: "min",
                            max: {$werte[$maxValue]},
                            min:{$werte[0]},
                            value: {$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:$werte[$maxValue]},
                            slide: function( event, ui ) {
                                $( "#range_{$artFinder}{$elem.ID}" ).text(  ui.value );
                                $( "#min_{$artFinder}{$elem.ID}" ).val(  ui.value );
                                $( "#sl_{$artFinder}{$elem.ID}" ).val("1");
                            }
                        });
                        $( "#range_{$artFinder}{$elem.ID}" ).val( $( "#{$artFinder}{$elem.ID}" ).slider( "value" ));                   
                    {else}  
                        {if $werte[0] && $werte[$maxValue]}                                      
                        $( "#{$artFinder}{$elem.ID}" ).slider( {
                            range: true,
                            min: {$werte[0]},
                            max: {$werte[$maxValue]},
                            values: [ {$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:$werte[0]}, {$smarty.session["motorfinder"]["max_{$artFinder}{$elem.ID}"]|default:$werte[$maxValue]} ],
                            slide: function( event, ui ) {
                                $( "#range_{$artFinder}{$elem.ID}" ).text(  ui.values[ 0 ] + " - " + ui.values[ 1 ]);
                                $( "#min_{$artFinder}{$elem.ID}" ).val(  ui.values[ 0 ] );
                                $( "#max_{$artFinder}{$elem.ID}" ).val(  ui.values[ 1 ] );
                                $( "#sl_{$artFinder}{$elem.ID}" ).val("1");
                            }
                        });
                        $( "#range_{$artFinder}{$elem.ID}" ).val( $( "#{$artFinder}{$elem.ID}" ).slider( "values", 0 ) +
                            " - " + $( "#{$artFinder}{$elem.ID}" ).slider( "values", 1 ) ) ;
                        {/if}
                    {/if}            
                    });
                </script>
                {if $werte[0] && $werte[$maxValue]}   
                    <label for="range_{$artFinder}{$elem.ID}">{$elem.name}</label>
                    {if $elem.erklaerung != ""}
                    <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
                    {/if}
                    <br />
                    <input type="hidden" id="min_{$artFinder}{$elem.ID}" name="min_{$elem.ID}" value="{$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:''}" />
                    <input type="hidden" id="max_{$artFinder}{$elem.ID}" name="max_{$elem.ID}" value="{$smarty.session["motorfinder"]["max_{$elem.ID}"]|default:''}" />
                    
                    <input type="hidden" name="richtung_{$elem.ID}" value="{$elem.richtung}" />
                    <input type="hidden" id="sl_{$artFinder}{$elem.ID}" name="sl_{$elem.ID}" value="{if $smarty.session["motorfinder"]["min_{$elem.ID}"]>0 || $smarty.session["motorfinder"]["max_{$elem.ID}"]>0}1{/if}" />
                    <span style="" id="range_{$artFinder}{$elem.ID}">{$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:$werte[0]} - {$smarty.session["motorfinder"]["max_{$elem.ID}"]|default:$werte[$maxValue]}</span>
                    <span style="">{$elem.einheit}</span>
            
                    <div class="elem_range" id="{$artFinder}{$elem.ID}"></div>
                {/if}                
            </div>
         {/if}
         <!-- 2 Ja/nein RADIO -->       
         {if $elem.type==2 && $elem.suchkriterium==1}
            <div class="filter_elem_radio">
                <input type="hidden" name="radio_{$elem.ID}" value="2" />
                <!--<input style="float:left;" id="{$elem.ID}" type="checkbox" name="cb_{$elem.ID}" value="1" 
                {if $smarty.session["motorfinder"]["cb_{$elem.ID}"]} checked="checked"{/if}
                
                />-->
                <div style="margin-bottom:3px;">
                    {$elem.name}
                    {if $elem.erklaerung != ""}
                    <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
                    {/if}
                </div>
                
                {html_radios name="radio_{$elem.ID}" selected=$smarty.session["motorfinder"]["radio_{$elem.ID}"] options=$elem.options separator="&nbsp;"}
            </div>
         {/if}
         <!-- 3 Preisspanne --> 
         <!-- 4 Überschrift -->        
         <!-- 5 Auswahl  -->
         {if $elem.type==5}
            <div class="filter_elem_select">
                {assign var='options' value=$elem.wertebereich|unserialize}
                {$elem.name}
                {if $elem.erklaerung != ""}
                <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
                {/if}
                <br />
                <select name="sel_{$elem.ID}">
                <option value="" label="Bitte wählen">Alle</option>
                {html_options values=array_values($options) output=array_values($options) selected=$smarty.session.motorfinder["sel_{$elem.ID}"]}
                </select>
                
            </div>
         {/if}
         <!-- 6 Mehrfachauswahl MULTISELECTBOX -->      
         {if $elem.type==6}
            {assign var='options' value=$elem.wertebereich|unserialize}
            {assign var='cnt' value=$options|count}
            {assign var="height" value=$cnt*25}
            <div class="filter_elem">
                {$elem.name}
                {if $elem.erklaerung != ""}
                <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
                {/if}
                <br />
                
                {html_options id="ms_{$artFinder}{$elem.ID}" name="ms_{$elem.ID}" values=array_values($options) output=array_values($options) multiple=1 selected=$elem.checked}
            </div>
         {/if}
         <!-- 7 EU-Energielabel  -->
         <!-- 10 EU-Energieauswahl -->
        {/foreach}
        {if isset($filter["maxPreis"])}
        <div class="filter_elem_range">
            <script>
            $(function() {
            var min = 0;
            var max = {$filter["maxPreis"]};
            $( "#{$artFinder}preis" ).slider( {
                range: true,
                min: min,
                max: max,
                step: {$filter["step"]},
                values: [ min, max ],
                slide: function( event, ui ) {
                    $( "#range_{$artFinder}preis" ).text( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
                    $( "#min_{$artFinder}preis" ).val(  ui.values[ 0 ] );
                    $( "#max_{$artFinder}preis" ).val(  ui.values[ 1 ] );
                    $( "#sl_{$artFinder}preis" ).val("1");
                }
            });
            $( "#range_{$artFinder}preis" ).val( $( "#{$artFinder}preis" ).slider( "values", 0 ) +
                " - " + $( "#{$artFinder}preis" ).slider( "values", 1 )  ) ;
            });
            </script>
            <label for="range_{$artFinder}preis">Preisfilter</label>
            <a href="#" class="infoIcon" rel="Eingrenzung nach Preis" style="margin-left:4px;">(?)</a>
            <br />
            <input type="hidden" id="min_{$artFinder}preis" name="min_preis" value="''" />
            <input type="hidden" id="max_{$artFinder}preis" name="max_preis" value="''" />
            <input type="hidden" id="sl_{$artFinder}preis" name="sl_preis" value="{if $smarty.session["motorfinder"]["min_preis"]>0 || $smarty.session["motorfinder"]["max_preis"]>0}1{/if}" />
            <span style="" id="range_{$artFinder}preis">0 - {$filter["maxPreis"]}</span>
            <span style=""> &euro;</span>

            <div id="{$artFinder}preis" class="preis"></div>
            
        </div>
        {/if}
        {if $artFinder != ""}
        <input type="hidden" name="navigation" value="{$filter["navigation"]}"/>
        {else}
        <input type="hidden" name="navigation" value="{$navigation}"/>
        {/if}
        <div style="text-align:center;margin-left:7px;height:50px!important;float:left;width:137px!important;margin-bottom:25px;">
            <p class="mf_dialog">
                <img style="width:50px!important;" src='/images/webelemente/loading.gif' /><br> Bitte warten Sie..
            </p>
        </div>
        <div class="filter_elem_button_submit">
            <input class="kill_filter" type="button" value="Löschen" style="width:70px;"/>
            <input id="motorfinder_submit" type="button" value="Filtern" style="width:70px;" class="motorfinder_submit"/>
        </div>
    </form>
    <div class="filter_elem_button">
        
    </div>
</div>