[damianooo5]

#webdev #java #javascript

Proste pytanko. Jak zrobić żeby poniższa funkcja miała warunek "is-front-page" ?

$('#homepage-content').css({'margin-top': '0', 'padding-top': '10px', 'transition': 'all .5s'});

Za pomocą ten warunek robi się następująco, a jak zrobić to z kodem java podanym wyżej?

php if(is_front_page()): ?

[H....._]

isfrontpage

Co to jest? Zmienna, klasa?

@damianooo5:

[damianooo5]

@HitmaNeK_: funkcja.

[Zaithz]

@damianooo5: po 1. po co tagujesz #java skoro to javascript.
po 2. może wystarczy wrzucić skrypt pomiędzy php i po problemie. Po co kombinować.

[damianooo5]

@Zaithz: oczywiście nic to nie dało. Nawet ja nie będąc programistą wiem że wstawianie kodu php wewnątrz funkcji javascript nie może działać :P

[Zaithz]

@damianooo5: xD chodzi o to:

php if(is_front_page()): ?$('#homepage-content').css({'margin-top': '0', 'padding-top': '10px', 'transition': 'all .5s'});php endif; ?

[damianooo5]

@Zaithz: to jest funkcja javascript która musi być wewnątrz. To co podajesz odpada.

[Zaithz]

@damianooo5: wewnątrz czego?

[EstradaOrNada]

Nawet ja nie będąc programistą wiem że wstawianie kodu php wewnątrz funkcji javascript nie może działać :P

@damianooo5: no jasne... bo skoro php generuje html'a to czemu niemiałby móc generować js?

[Rst00]

@damianooo5: oczywiście że to co podaje @Zaithz będzie działać bo w phpie sprawdza czy strona to front page i jeżeli tak to wrzuca do źródła strony script. Ewentualnie może zabraknąć dom loadera. A to co chcesz uzyskać to wystarczy spojrzeć na klasę body bo widzę że to WP. Dla front page'a wordpress dodaje odpowiednią klasę do wspomnianego wcześniej body więc co za problem z tego skorzystać?

[damianooo5]

@Rst00: kod znajduje się w pliku main.js . A w nim jest samo javascript.

jQuery(document).on('ready fadein.end scroll',function(e) {
 var $ = jQuery.noConflict();
 var lastScroll = null, scroll_pos = null, scrollTop, contentTop;

 if($('#background-slider').length > 0) {

 /////////////////selectWrapper();
 /////////////////styleForLiList();

 //setPositionHeightToshowScroll();

 /*console.log(e,$(document).scrollTop());
 console.log(e.type, $('#background-slider').css('opacity'));*/

 $('#background-slider, #menu-background').css('transition', 'all .75s'); // #homepage-content
 //$('html, body').css('transition', 'all .75s'); //

 $('#homepage-content').css({'margin-top': '0', 'padding-top': '10px', 'transition': 'all .5s'});

[Rst00]

@damianooo5: no to w takim wypadku daj zamiast #homepage-content to .home żeby było:
$('.home').css({'margin-top': '0', 'padding-top': '10px', 'transition': 'all .5s'});

[Rst00]

@damianooo5: ew. front-page, zobacz po prostu jakie masz klasy na elemencie body na stronie głównej

[damianooo5]

@Rst00: ale to homepage-contet to jest . A ma to dotyczyć tego tylko że jedynie na stronie front_page.

[Rst00]

@damianooo5: no to $('.home #homepage-content')

[Defekt]

Btw. używanie $.css() jest mega słabe. ja już manipulacja css to $.addClass().
Poza tym, możesz w php'ie warunkowo dawać tę kotwicę, a w js:

var homepageElement = document.getElementById('homepage-content')
if (homepageElement) {
 zrób coś
}

[damianooo5]

@Rst00: o działa dzięki :).
Niestety to nie rozwiązało mojego problemu bo przyczyna musi leżeć gdzie indziej.