Subversion-Projekte lars-tiefland.ci

Revision

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

Revision Autor Zeilennr. Zeile
42 lars 1 
 
2 
 
3 
<script type="text/javascript" language="javascript" src="/JavaScript/jquery.toChecklist.min.js?{$smarty.now}"></script>
4 
 
5 
<!--<script type="text/javascript" language="javascript" src="/JavaScript/jquery-ui-1.10.3.custom.min.js"></script>-->
6 
<!--<link rel="stylesheet" type="text/css" media="screen" href="/styles/smoothness/jquery-ui-1.10.3.custom.min.css" />-->
7 
 
8 
<script>
9 
 
10 
    $(function() {
11 
        $('select').toChecklist( {
12 
            addScrollBar: true,
13 
            addSearchBox: false
14 
        } );
15 
 
16 
        $(".infoIcon").each(function(){
17 
        	var attr = $(this).attr('rel');
18 
 
19 
        	$(this).qtip({
20 
        		content: {
21 
        			text: attr,
22 
        		},
23 
                style: {
24 
                    border: {
25 
                        color: '#2e2383'
26 
                    }
27 
                },
28 
                show: 'mouseover',
29 
                hide: 'mouseout',
30 
        	});
31 
        });
32 
 
33 
        $(".kill_filter_x").click(function(){
34 
            $(".motorfinder").css("display", "none");
35 
        });
36 
 
37 
        $(".motorfinder_submit").click(function(){
38 
            $(".motorfinder").css("display", "none");
39 
        });
40 
 
41 
 
42 
    } );
43 
 
44 
</script>
45 
 
46 
<style>
47 
.ui-dialog-titlebar {
48 
    display:none;
49 
}
50 
ul.checklist {
51 
    margin:5px 0 0 5px;
52 
    list-style-type:none;
53 
}
54 
ul.checklist label {
55 
    padding-left:4px;
56 
}
57 
div.checklist,
58 
div.checklistHighlighted {
59 
    overflow-y:auto;
60 
    overflow-x:hidden;
61 
    height:auto!important;
62 
}
63 
.infoIcon{
64 
    color: #2e2383;
65 
}
66 
.infoIcon:hover{
67 
    cursor: pointer;
68 
}
69 
input.ui-button{
70 
    padding: 0.4em 0em!important;
71 
}
72 
</style>
73 
 
74 
{if isset($idFinder)}
75 
    {assign var="artFinder" value=$idFinder|cat:"_"}
76 
{else}
77 
    {assign var="artFinder" value=""}
78 
{/if}
79 
<div class="motorfinder {$classFinder}">
80 
    <form id="motorfinder_form" method="get" class="motorfinder_form">
81 
        <input type="hidden" name="action" value="use_filter" />
82 
        <div class="motorfinderHeadline">
83 
            <span style="text-align:left;float:left;">
84 
                {if $idFinder}
85 
                <h1 style="text-transform:uppercase;">{$idFinder|utf8_encode}</h1>
86 
                {else}
87 
                Produktfilter
88 
                {/if}</span>
89 
            <span style="text-align:right;float:right;margin-top:-5px;" title="Filter zurücksetzen">
90 
                <input class="kill_filter_x" type="button" value="X" style="padding: 0.1em !important;"/>
91 
            </span>
92 
        </div>
93 
        <!--<div class="filter">
94 
            Hersteller:<br />
95 
            <select name="sel_hersteller">
96 
            <option value="" label="Bitte wählen">Bitte wählen</option>
97 
            {html_options options=$hersteller selected=$smarty.session["motorfinder"]["sel_hersteller"]}
98 
            </select>
99 
        </div>-->
100 
        {foreach $filter as $key => $elem}
101 
         <!-- 0 Text -->
102 
         <!-- 1 Wertebreich REGLER -->
103 
         {if $elem.type==1}
104 
            <div class="filter_elem_range">
105 
 
106 
                {assign var='werte' value=$elem.wertebereich|unserialize}
107 
 
108 
 
109 
                {foreach $werte as $index => $value}
110 
                {if $value != ''}
111 
                    {assign var='maxValue' value=$index}
112 
                {/if}
113 
                {/foreach}
114 
                <script>
115 
                    $(function() {
116 
                    {if $elem.richtung=="maximal"}
117 
                        $( "#{$artFinder}{$elem.ID}" ).slider( {
118 
                            range: "max",
119 
                            max: {$werte[$maxValue]},
120 
                            min:{$werte[0]},
121 
                            value: {$smarty.session["motorfinder"]["max_{$elem.ID}"]|default:$werte[$maxValue]},
122 
                            slide: function( event, ui ) {
123 
                                $( "#range_{$artFinder}{$elem.ID}" ).text(  ui.value );
124 
                                $( "#max_{$artFinder}{$elem.ID}" ).val(  ui.value );
125 
                                $("#sl_{$artFinder}{$elem.ID}").val("1");
126 
                            }
127 
                        });
128 
                        $( "#range_{$artFinder}{$elem.ID}" ).val( $( "#{$artFinder}{$elem.ID}" ).slider( "value" ));
129 
                    {elseif $elem.richtung=="minimal"}
130 
                        $( "#{$artFinder}{$elem.ID}" ).slider( {
131 
                            range: "min",
132 
                            max: {$werte[$maxValue]},
133 
                            min:{$werte[0]},
134 
                            value: {$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:$werte[$maxValue]},
135 
                            slide: function( event, ui ) {
136 
                                $( "#range_{$artFinder}{$elem.ID}" ).text(  ui.value );
137 
                                $( "#min_{$artFinder}{$elem.ID}" ).val(  ui.value );
138 
                                $( "#sl_{$artFinder}{$elem.ID}" ).val("1");
139 
                            }
140 
                        });
141 
                        $( "#range_{$artFinder}{$elem.ID}" ).val( $( "#{$artFinder}{$elem.ID}" ).slider( "value" ));
142 
                    {else}
143 
                        {if $werte[0] && $werte[$maxValue]}
144 
                        $( "#{$artFinder}{$elem.ID}" ).slider( {
145 
                            range: true,
146 
                            min: {$werte[0]},
147 
                            max: {$werte[$maxValue]},
148 
                            values: [ {$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:$werte[0]}, {$smarty.session["motorfinder"]["max_{$artFinder}{$elem.ID}"]|default:$werte[$maxValue]} ],
149 
                            slide: function( event, ui ) {
150 
                                $( "#range_{$artFinder}{$elem.ID}" ).text(  ui.values[ 0 ] + " - " + ui.values[ 1 ]);
151 
                                $( "#min_{$artFinder}{$elem.ID}" ).val(  ui.values[ 0 ] );
152 
                                $( "#max_{$artFinder}{$elem.ID}" ).val(  ui.values[ 1 ] );
153 
                                $( "#sl_{$artFinder}{$elem.ID}" ).val("1");
154 
                            }
155 
                        });
156 
                        $( "#range_{$artFinder}{$elem.ID}" ).val( $( "#{$artFinder}{$elem.ID}" ).slider( "values", 0 ) +
157 
                            " - " + $( "#{$artFinder}{$elem.ID}" ).slider( "values", 1 ) ) ;
158 
                        {/if}
159 
                    {/if}
160 
                    });
161 
                </script>
162 
                {if $werte[0] && $werte[$maxValue]}
163 
                    <label for="range_{$artFinder}{$elem.ID}">{$elem.name}</label>
164 
                    {if $elem.erklaerung != ""}
165 
                    <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
166 
                    {/if}
167 
                    <br />
168 
                    <input type="hidden" id="min_{$artFinder}{$elem.ID}" name="min_{$elem.ID}" value="{$smarty.session["motorfinder"]["min_{$elem.ID}"]|default:''}" />
169 
                    <input type="hidden" id="max_{$artFinder}{$elem.ID}" name="max_{$elem.ID}" value="{$smarty.session["motorfinder"]["max_{$elem.ID}"]|default:''}" />
170 
 
171 
                    <input type="hidden" name="richtung_{$elem.ID}" value="{$elem.richtung}" />
172 
                    <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}" />
173 
                    <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>
174 
                    <span style="">{$elem.einheit}</span>
175 
 
176 
                    <div class="elem_range" id="{$artFinder}{$elem.ID}"></div>
177 
                {/if}
178 
            </div>
179 
         {/if}
180 
         <!-- 2 Ja/nein RADIO -->
181 
         {if $elem.type==2 && $elem.suchkriterium==1}
182 
            <div class="filter_elem_radio">
183 
                <input type="hidden" name="radio_{$elem.ID}" value="2" />
184 
                <!--<input style="float:left;" id="{$elem.ID}" type="checkbox" name="cb_{$elem.ID}" value="1"
185 
                {if $smarty.session["motorfinder"]["cb_{$elem.ID}"]} checked="checked"{/if}
186 
 
187 
                />-->
188 
                <div style="margin-bottom:3px;">
189 
                    {$elem.name}
190 
                    {if $elem.erklaerung != ""}
191 
                    <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
192 
                    {/if}
193 
                </div>
194 
 
195 
                {html_radios name="radio_{$elem.ID}" selected=$smarty.session["motorfinder"]["radio_{$elem.ID}"] options=$elem.options separator="&nbsp;"}
196 
            </div>
197 
         {/if}
198 
         <!-- 3 Preisspanne -->
199 
         <!-- 4 Überschrift -->
200 
         <!-- 5 Auswahl	 -->
201 
         {if $elem.type==5}
202 
            <div class="filter_elem_select">
203 
                {assign var='options' value=$elem.wertebereich|unserialize}
204 
                {$elem.name}
205 
                {if $elem.erklaerung != ""}
206 
                <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
207 
                {/if}
208 
                <br />
209 
                <select name="sel_{$elem.ID}">
210 
                <option value="" label="Bitte wählen">Alle</option>
211 
                {html_options values=array_values($options) output=array_values($options) selected=$smarty.session.motorfinder["sel_{$elem.ID}"]}
212 
                </select>
213 
 
214 
            </div>
215 
         {/if}
216 
         <!-- 6 Mehrfachauswahl MULTISELECTBOX -->
217 
         {if $elem.type==6}
218 
            {assign var='options' value=$elem.wertebereich|unserialize}
219 
            {assign var='cnt' value=$options|count}
220 
            {assign var="height" value=$cnt*25}
221 
            <div class="filter_elem">
222 
                {$elem.name}
223 
                {if $elem.erklaerung != ""}
224 
                <a href="#" class="infoIcon" rel="{$elem.erklaerung}" style="margin-left:4px;">(?)</a>
225 
                {/if}
226 
                <br />
227 
 
228 
                {html_options id="ms_{$artFinder}{$elem.ID}" name="ms_{$elem.ID}" values=array_values($options) output=array_values($options) multiple=1 selected=$elem.checked}
229 
            </div>
230 
         {/if}
231 
         <!-- 7 EU-Energielabel	 -->
232 
         <!-- 10 EU-Energieauswahl -->
233 
        {/foreach}
234 
        {if isset($filter["maxPreis"])}
235 
        <div class="filter_elem_range">
236 
            <script>
237 
            $(function() {
238 
            var min = 0;
239 
            var max = {$filter["maxPreis"]};
240 
            $( "#{$artFinder}preis" ).slider( {
241 
                range: true,
242 
                min: min,
243 
                max: max,
244 
                step: {$filter["step"]},
245 
                values: [ min, max ],
246 
                slide: function( event, ui ) {
247 
                    $( "#range_{$artFinder}preis" ).text( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
248 
                    $( "#min_{$artFinder}preis" ).val(  ui.values[ 0 ] );
249 
                    $( "#max_{$artFinder}preis" ).val(  ui.values[ 1 ] );
250 
                    $( "#sl_{$artFinder}preis" ).val("1");
251 
                }
252 
            });
253 
            $( "#range_{$artFinder}preis" ).val( $( "#{$artFinder}preis" ).slider( "values", 0 ) +
254 
                " - " + $( "#{$artFinder}preis" ).slider( "values", 1 )  ) ;
255 
            });
256 
            </script>
257 
            <label for="range_{$artFinder}preis">Preisfilter</label>
258 
            <a href="#" class="infoIcon" rel="Eingrenzung nach Preis" style="margin-left:4px;">(?)</a>
259 
            <br />
260 
            <input type="hidden" id="min_{$artFinder}preis" name="min_preis" value="''" />
261 
            <input type="hidden" id="max_{$artFinder}preis" name="max_preis" value="''" />
262 
            <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}" />
263 
            <span style="" id="range_{$artFinder}preis">0 - {$filter["maxPreis"]}</span>
264 
            <span style=""> &euro;</span>
265 
 
266 
            <div id="{$artFinder}preis" class="preis"></div>
267 
 
268 
        </div>
269 
        {/if}
270 
        {if $artFinder != ""}
271 
        <input type="hidden" name="navigation" value="{$filter["navigation"]}"/>
272 
        {else}
273 
        <input type="hidden" name="navigation" value="{$navigation}"/>
274 
        {/if}
275 
        <div style="text-align:center;margin-left:7px;height:50px!important;float:left;width:137px!important;margin-bottom:25px;">
276 
            <p class="mf_dialog">
277 
                <img style="width:50px!important;" src='/images/webelemente/loading.gif' /><br> Bitte warten Sie..
278 
            </p>
279 
        </div>
280 
        <div class="filter_elem_button_submit">
281 
            <input class="kill_filter" type="button" value="Löschen" style="width:70px;"/>
282 
            <input id="motorfinder_submit" type="button" value="Filtern" style="width:70px;" class="motorfinder_submit"/>
283 
        </div>
284 
    </form>
285 
    <div class="filter_elem_button">
286 
 
287 
    </div>
288 
</div>