Forum PHP.pl > uzupełnianie html za pomocą js

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: uzupełnianie html za pomocą js

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

.rmvb's

26.09.2012, 14:47:16

Witam.
Z góry pominę kwestię, że dopiero startuję w js i że moje doświadczenie nie jest ogromne.
Głównie mam pytania proste; generalnie brakuje mi tego wykończenia i osiągnięcia efektu.
Przykłąd mam uniwersalny ale zastanawiam się jak to mogłoby działać:

[JAVASCRIPT] pobierz, plaintext 
function tlo()
	{
		var x = 1;
		if(x!=1) return "tlo_zolte";
		else return "tlo_szare";
 
}
[JAVASCRIPT] pobierz, plaintext

Mam do tego dwie klasy w css o odpowiednich nazwach, tlo_szare i tlo_zolte. Pomijając głupotę funkcji, chciałbym uzyskać podobny efekt do tego:

<div class="".<script>tlo();</script>.""> test wypelniajacy </div>

wywoływanie funkcji tlo, jest juz w body: <body onload="tlo()">
zależnie od x, chciałbym mieć różny kolor tła.
Z góry dziękuję za pomoc

Ps. zamierzam wkręcić się życie forum

skowron-line

26.09.2012, 14:57:17

Cytat

Ps. zamierzam wkręcić się życie forum

Witamy.

document.getelementbyid
document.getelementsbyname

poczytaj o tym
+
document.getelementbyid.style.backgroundColor

Cytat

<div class="".<script>tlo();</script>.""> test wypelniajacy </div>

tu nie wiem co to ma robić wiec napisz wiecej szczegółów.

.rmvb's

26.09.2012, 15:10:45

Dzięki za szybką odpowiedź,
ale co do getElementById/Name to wiem i kojarze.
Chodzi mi tutaj o to, żeby wywołać funkcję która o tym "zadecyduje" którą klasę css'a wybrać

Wiem, że wygląda to na utrudnianie sobie życia, ale na coś większego, niz tylko zmiana tła,
myślę, że będzie to lepsze

Zmiana tła jest tylko sprawdzeniem działania kodu

Odnośnie tego co nie wiesz, ja sam tego nie wiem

Chcę, żeby funkcja zwróciła jedną z dwóch opcji i uzupełniła kod html.
Przykładowo, jeśli funkcja zwróci tekst "tlo_szare", chciałbym uzyskać:
<div class="tlo_szare">

Mam nadzieję, że teraz przyblizyłem, co mam na myśli

ixox

26.09.2012, 15:19:26

np tak:

[HTML] pobierz, plaintext 
.bg_red {
  background: red;
}
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
document.getElementById("box").className += "bg_red";
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<div id="box">Tekst</div>
[HTML] pobierz, plaintext

Oczywiście w JS dajesz warunek i wtedy dodajesz odpowiednią klase.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.