Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript] ukrywanie elementu zależnie od url
phpamator
post
Post #1





Grupa: Zarejestrowani
Postów: 328
Pomógł: 3
Dołączył: 10.07.2016
Skąd: UK-raine

Ostrzeżenie: (0%)
-----


Witajcie przedszkolacy i przedszkolanki

Napotkałem na problem z którym nie bardzo wiem jak sobie poradzić, otóż chciałbym ukryć element jeśli ostatnie znaki url'a są inne niż i tu na przykład:
p=1 czyli jeśli ostatnie znaki to p=1 pokazujemy co chcemy a jeśli np p=2 to ukrywamy co chcemy
Tak więc idąc w kierunku rozwiązania problemu zrobiłem co następuje:

  1. jQuery(document).ready(function () {
  2. var winwidth = jQuery(window).width();
  3. console.log(winwidth);
  4. if((window.location.href.indexOf(".html?p=1") > -1) || (window.location.href.indexOf(".html") > -1)){
  5. jQuery('.ukryj_mnie').css('display','block');
  6. }else{
  7. jQuery('.ukryj_mnie').css('display','none');
  8. }
  9. });
  10.  

i to powiedzmy działa ale nie do końca jak bym chciał żeby działało bo kiedy url kończy się ".html" to i tak będzie pokazywał element ponieważ url w dalszym ciągu zawiera ".html" niezależnie czy to będzie ".html?p=3... czy 10000000"
dlatego muszę zmienić podejście ale nie bardzo wiem jak bo chyba najlepiej byłoby sprawdzić ostatnie znaki jakimś regexem ... którego w dalszym ciągu nie czaję.

Na koniec chciałbym dodać jeszcze sprawdzanie wielkości okna i ukrywać jeśli wielkość okna jest mniejsza niż np 450px i string !="?p=1" lub '.html'
Jak to zrobić ?

Ten post edytował phpamator 5.03.2018, 14:39:08
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
phpamator
post
Post #2





Grupa: Zarejestrowani
Postów: 328
Pomógł: 3
Dołączył: 10.07.2016
Skąd: UK-raine

Ostrzeżenie: (0%)
-----


Nie rozumiem po co się unosisz ale skoro tak bardzo ciebie to drażni postaram się ograniczyć używanie emotikonów.

Zawartość strony stanowią bloki statyczne i dynamiczna lista produktów
, chciałem wyłączać pewne "bloki" jeśli strona listy jest większa niż "1" oraz jeśli strona otwierana jest na urządzeniu mobilnym,
w przypadku "desktopów" nie ma znaczenia i nie chcę ich ukrywać.
Czyli jeśli url zawiera "?p=1 i min-width: 450px" pokazuje jeśli nie ... wiadomo chowamy. W sumie to podsunąłeś mi pewnien bardzo prosty pomysł.
Jeśli $('li').click(function(){ var costam = $('li').val() >1; if(costam >1){$('#mojdiv').css('display','none')}})
do tego dodam tylko sprawdzanie wielkości okna i to powinno załatwić sprawę.

Może nie "super" rozwiązanie ale powinno wystarczyć.

Jak sądzicie ?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 13:08