Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Ogłoszenie zmienne

Założony przez  MisiaMadzia.

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:

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: 

<div class="ogloszenie"></div>

Teraz wystarczy tylko dokleić kod który podałem, całość będzie wyglądać w ten sposób:

<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 :P Zamiast \n użyj po prostu <br>, natomiast wtedy nie będzie to czysty tekst, a kod html, więc w skrypcie trzeba zamienić
$(".ogloszenie").text(ogloszenia[d]);
na:
$(".ogloszenie").html(ogloszenia[d]);
Oki dziękuję ślicznie :) Za wszystko i cierpliwość :D 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 :D Wszystko zrobiłam :)
Nauczyłeś mnie, a nie umiałam tego robić :D



Użytkownicy przeglądający ten wątek:

2 gości