Adres forum:
fmw.y0.pl
Wersja silnika:
1.8.15
Opis problemu:
Witam,
chciałam prosić o informacje jak zrobić ogłoszenie, że się zmienia każdego dnia, że w pon np coś tam, we wtorek itd.
Wiem jak wstawić samo ogłoszenie, ale nie wiem co zrobić by było każdego dnia co innego. Szukałam wątku tutaj, ale nie mogę nic w tym temacie odszukać.
Dziękuję i Pozdrawiam.
Wystarczy napisać prosty skrypt w JS który będzie pobierał dzisiejszy dzień i na jego podstawie wyświetlał odpowiednie ogłoszenie z tablicy w wybranym miejscu na stronie, wyglądało by to w ten sposób:
Kod:
ogloszenia = ["Ogloszenie na Niedzielę", "Ogloszenie na Poniedzialek", "Ogloszenie na Wtorek", "Ogloszenie na Środę", "Ogloszenie na Czwartek", "Ogloszenie na Piątek", "Ogłoszenie na Sobotę"];
d = new Date().getDay();
$(".ogloszenie").text(ogloszenia[d]);
Pierwsza linijka zawiera tablicę z ogłoszeniem na każdy dzień, w drugiej zaś zapisywany jest dzisiejszy dzień (zakres 0-6, zaczynając od niedzieli). W trzeciej natomiast wybierane jest ogłoszenie z tablicy z odpowiednim indeksem czyli numerem dnia. Oczywiście w miejsce
.ogloszenie musisz wpisać swoją nazwę klasy/id elementu zawierającego ogłoszenie. Ten skrypt możesz umieścić w szablonie za danym elementem z ogłoszeniem.
Mam pytanie wystarczy to wstawić w index (stronie głównej) to co napisałeś ten kod?
Bo każdego dnia będę mieć inne ogłoszenie i będzie się różniło i w 4 linijce mam napisać dla poszczególnego dnia?
Dziękuję
Tak, oczywiście pamiętając o tym że kod JS umieszczamy wewnątrz tagu <script>.
Jestem nowa jeśli chodzi o forum, ale gdzie to wstawić dokładnie i wpisać te elementy na dany dzień nie wiem. Bo wstawiłam ogłoszenie jak pisało tutaj:
https://webboard.pl/thread-59841.html.
Kontener na ogłoszenia już masz czyli coś takiego:
Kod:
<div class="ogloszenie"></div>
Teraz wystarczy tylko dokleić kod który podałem, całość będzie wyglądać w ten sposób:
Kod:
<div class="ogloszenie"></div>
<script>
ogloszenia = ["Ogloszenie na Niedzielę", "Ogloszenie na Poniedzialek", "Ogloszenie na Wtorek", "Ogloszenie na Środę", "Ogloszenie na Czwartek", "Ogloszenie na Piątek", "Ogłoszenie na Sobotę"];
d = new Date().getDay();
$(".ogloszenie").text(ogloszenia[d]);
</script>
Ok dziękuję i rozumiem to teraz musiałabym napisać co na każdy dzień się robi czyli
np: Ogłoszenie na Poniedziałek
10.00 -
12.00 -
to muszę sobie napisać pod tym co dokleiłam w globas.css czy na stronie głównej by mi pobierało?
Niezbyt rozumiem co konkretnie masz na myśli. Każde ogłoszenie możesz dowolnie zmienić czyli np. zamiast "Ogłoszenie na Poniedziałek" może być cokolwiek innego. Poza tym global.css to plik ze stylem, który zarządza przede wszystkim wyglądem, a nie treścią elementów na stronie.
Chodzi mi gdzie mam napisać co będzie w każdym dniu by wyskakiwało, bo dokleiłam
"Ogłoszenie na Sobotę:
10.00 -
12.00 -
" i tak dla każdego dnia, ale nie wyświetla się na forum jak widzę.
Pisząc string w JS nie możesz łamać linii używając normalnie entera.
Należy użyć znaku łamania linii w taki sposób:
"Ogłoszenie na Sobotę:\n10.00 - \n12.00 -"
Ok rozumiem, ale wtedy to jest tak: Sobota: 10.00 -, 12:00
a ja bym chciała w pionie, a nie poziomie, żeby enter był a nie spacja pomiędzy godzinami. Dziękuję, że pomagasz
Wkradła się mała pomyłka
Zamiast
\n użyj po prostu
<br>, natomiast wtedy nie będzie to czysty tekst, a kod html, więc w skrypcie trzeba zamienić
Kod:
$(".ogloszenie").text(ogloszenia[d]);
na:
Kod:
$(".ogloszenie").html(ogloszenia[d]);
Oki dziękuję ślicznie
Za wszystko i cierpliwość
dziwne, że to jak dałam do globass.css te parametry co pisało:
.ogloszenie{
background: #FFFFFF;
color: #0000FF;
border-radius: 10px;
padding: 14px;
letter-spacing: 1px;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
line-height: 40px;
font-weight: bold;
}
Nie wyświetla mi na środku, bo powinno to działać. Zmieniłam tylko kolory
Upewnij się że edytujesz plik global.css używanego stylu.
Dziękuję za pomoc ślicznie
Wszystko zrobiłam
Nauczyłeś mnie, a nie umiałam tego robić