Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Autocomplete

Автор P.K , Sep 29 2013 12:26

Лучший Ответ Kess , 02 October 2013 - 05:57

Try to change your CSS modifications to this

.tm-noblog #ui-id-1.ui-autocomplete {
    top: 78px !important;
}

.tm-noblog #ui-id-1.ui-autocomplete.fx {
    position: fixed;
    top: 49px !important;
}

Also I removed frontpage support because we'll hopefully remove sticky from there.

I've noticed that the <body> has .tm-noblog class on all pages except frontpage. Let's use it to disable sticky header there:

if (_rys(this).scrollTop() > 120) {  
    _rys('.tm-noblog #fixedheader').addClass("headerbar");
    _rys('.tm-noblog #ui-id-1').addClass("fx");
} else {  
    _rys('.tm-noblog #fixedheader').removeClass("headerbar");
    _rys('.tm-noblog #ui-id-1').removeClass("fx");
}

Перейти к сообщению

Вперед

Тема закрыта

Сообщений в теме: 13

#1 P.K

JBZoo User
Общий рейтинг: 0
сообщений: 155
топиков: 35

Отправлено 29 September 2013 - 12:26

I am facing problems with auto complete list when i scroll the page. The autocomplete suggestions stay where they were and doesnt scroll with the page

Please have a look. I can message you website login details

thanks

Наверх

#2 Kess

JBZoo User (rus)
Общий рейтинг: 11.8
сообщений: 406
топиков: 40

Отправлено 29 September 2013 - 12:53

Hello,

Yes, give us a link to the page with a problem, please.

Разработка индивидуальных решений для ZOO /JBZoo /Joomla

Наверх

#3 Kess

JBZoo User (rus)
Общий рейтинг: 11.8
сообщений: 406
топиков: 40

Отправлено 29 September 2013 - 16:41

While it has nothing to do with JBZoo, the problem is because of your changes to theme.css.

.autofix {
    position: fixed;
    z-index: 40;
    }
.autorel {
    position: fixed;
    z-index: 40;
    }

Fixed position is related to the screen, so it scrolls with it. Try to remove some of your changes and see how it works.

Разработка индивидуальных решений для ZOO /JBZoo /Joomla

Наверх

#4 P.K

Topic Starter
JBZoo User
Общий рейтинг: 0
сообщений: 155
топиков: 35

Отправлено 01 October 2013 - 15:25

I have removed autofix and autorel. The problem now remains is that when i am at the bottom of the page and use auto complete and scroll it upwards it doesnt work properly.

I need to use the fixed to keep the header stuck to the top. Is there some way out to solve this problem?

thanks in advance

Наверх

#5 Kess

JBZoo User (rus)
Общий рейтинг: 11.8
сообщений: 406
топиков: 40

Отправлено 02 October 2013 - 04:02

As I see it now, it's ok when we scroll from the top to the bottom until the header becomes sticky. So no need to change anything here. We only need to make it fixed at the same time as a header. Now I realized that you already tried something like this but didn't achieve what you want. I believe we'll do something similar now. So, in your sticky header script, we should also add a class to the search ul, so just add two lines so that part will look like this:

if (_rys(this).scrollTop() > 120) {  
    _rys('#fixedheader').addClass("headerbar");
    _rys('#ui-id-1').addClass("fx");
} else {  
    _rys('#fixedheader').removeClass("headerbar");
    _rys('#ui-id-1').removeClass("fx");
}

And in CSS:

.ui-autocomplete.fx {
    position: fixed;
    top: 49px !important;
}

.tm-isblog .ui-autocomplete.fx {
    position: fixed;
    top: 35px !important;
}

Second rule is for your frontpage only, because it's better if it will use a different height there. By the way, I think that it makes no sense to make a sticky header there. It adds no convenience for users - there is only your logo in the header bar.

Please, try this and we'll see how it works.

Разработка индивидуальных решений для ZOO /JBZoo /Joomla

Наверх

#6 P.K

Topic Starter
JBZoo User
Общий рейтинг: 0
сообщений: 155
топиков: 35

Отправлено 02 October 2013 - 05:38

I tried this earlier also. i have put the code. The problem is that when .fx is added the autocomplete remains with thee search bar but when i scroll it to the top and fx is removed the autocomplete remains in abnormal way i.e. misaligned.

I also tried to make it fix in the header bar by adding additional class to keep it fixed in the headerbar and remove that class when i scroll. but that also dint help.

Yes i understand that it is useless on frontpage and i was myself searching the ways to remove it there but was unable to find the way out. Please suggest

thanks

Наверх

#7 Kess

JBZoo User (rus)
Общий рейтинг: 11.8
сообщений: 406
топиков: 40

Отправлено 02 October 2013 - 05:57 Лучший Ответ

Try to change your CSS modifications to this

.tm-noblog #ui-id-1.ui-autocomplete {
    top: 78px !important;
}

.tm-noblog #ui-id-1.ui-autocomplete.fx {
    position: fixed;
    top: 49px !important;
}

Also I removed frontpage support because we'll hopefully remove sticky from there.

I've noticed that the <body> has .tm-noblog class on all pages except frontpage. Let's use it to disable sticky header there:

if (_rys(this).scrollTop() > 120) {  
    _rys('.tm-noblog #fixedheader').addClass("headerbar");
    _rys('.tm-noblog #ui-id-1').addClass("fx");
} else {  
    _rys('.tm-noblog #fixedheader').removeClass("headerbar");
    _rys('.tm-noblog #ui-id-1').removeClass("fx");
}

Сообщение отредактировал Kess: 02 October 2013 - 05:58

Разработка индивидуальных решений для ZOO /JBZoo /Joomla

Наверх

#8 P.K

Topic Starter
JBZoo User
Общий рейтинг: 0
сообщений: 155
топиков: 35

Отправлено 02 October 2013 - 11:00

Perfect solution. Thanks. I tried a lot to fix it but some or another problem always remained. Voted up

One more thing i would like to ask here is

I was going through this http://designshack.n...h-html5-jquery/

And found one very interesting feature that as you click the autocomplete result there is no need to press search button and is implemented by i guess-

onSelect: function (suggestion) {

// some function here

}

If this feature could be implemented on jbzoo filter autocomplete it will make it really nice. Is something of this sort possible

thanks

Наверх

#9 Kess

JBZoo User (rus)
Общий рейтинг: 11.8
сообщений: 406
топиков: 40

Отправлено 02 October 2013 - 12:39

Try this script, please:

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#ui-id-1 li').live("click", function() {
        jQuery('#jbzoo-filter-search1-99').submit();
    });
});
</script>

It is a completely different solution but might work for you.

Разработка индивидуальных решений для ZOO /JBZoo /Joomla