Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Problem z walidacją strony
Forum PHP.pl > Forum > Przedszkole
Ulysess
4.03.2011, 19:06:28
dobry wieczór , mam parę problemów z walidacja strony których nie potrafię rozwiązać..
1 problem jest z TAGiem label (na górze screena widać)

drugi zaś jest związany z KODem JS . czy to oznacza że w kodzie JS nie mogę dać tagow html ? czy może jednak coś źle robię..

http://qoooq.pl/walidator.jpg

kod JS
[HTML] pobierz, plaintext 
  1. if(document.getElementById(a).value==1)
  2. document.getElementById(s1).innerHTML = '<span>Siła: 5%</span><br /><span>Atak: 5%</span><br /><span>Życie: 5%</span><br /><span>Obrona: 0%</span><br /><span>Charyzma: 5%</span><br /><span>Zwinność: 5%</span><br />';
[HTML] pobierz, plaintext


prosił bym o pomoc w rozwiązaniu tych problemów.
wNogachSpisz
4.03.2011, 19:10:41
zamiast:
getElementById(a)
wpisz
getElementById('a')
Ulysess
4.03.2011, 19:33:37
walidator dalej wykrywa te same błędy + skrypt nie działa
d3ut3r
4.03.2011, 19:45:20
Jeżeli kod javascript umieszczasz bezpośrednio w pliku html to umieść go mniej więcej tak:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">//<![CDATA[
  2.  alert("tutaj twój kod <html>");
  3.  //]]></script>
[HTML] pobierz, plaintext


powinno pomóc
Valdi_B
4.03.2011, 22:15:21
A może sprawa w ogóle nie dotyczy JavaScriptu?
Przyjrzyj się treści załącznika .jpg:

Line 67 ... <label for="haslo>
Zmień na <label for="haslo">

Walidator chyba czepia się brakującego cudzysłowu.
Dwa następne wskazane błędy - podobnie.

Ostatni błąd może być konsekwencją jakiegoś wcześniejszego brakującego (np.) cudzysłowu.
Jak usuniesz poprzednie błędy, to może i ten zniknie.
Ulysess
4.03.2011, 22:27:00
to na pewno nie to.. takich błędów to ja nie popełniam :|

http://validator.w3.org/check?uri=www.kala...ine&group=0
d3ut3r
4.03.2011, 22:41:01
Zmień JavaScript tak jak Ci napisałem

masz teraz w kodzie coś takiego:

Kod
<script type="text/javascript">
function option1(a,s1)
{
.....
}

function option2(b,s2)

{
....
}
</script>


zmień to na:

Kod
<script type="text/javascript">
//<![CDATA[
function option1(a,s1)
{
.....
}

function option2(b,s2)

{
....
}
//]]>
</script>


redukuje to ilość błędów z 124 do 4

następnie tag <td> nie używaj atrybutu height tylko styli css czyli zamiast:

[HTML] pobierz, plaintext 
  1. <td class="alpha" height="100" id="profesja_opis" style="font-weight: bold; text-align: left; color: #000000;"></td>
[HTML] pobierz, plaintext


zrób:

[HTML] pobierz, plaintext 
  1. <td class="alpha" id="profesja_opis" style="font-weight: bold; text-align: left; color: #000000;height:100px;"></td>
[HTML] pobierz, plaintext


ostatnia rzecz to elementy label wrzuć w np div lub cokolwiek innego, ten zabieg redukuje błędy do 0 zostaną 4 ostrzeżenia które mówią że jeżeli używasz konstrukcji <label for="pole"> to musi istnieć input o id="pole".




Ulysess
4.03.2011, 22:54:20
co do CDATA myslałem ze to zart ale to faktycznie pomogło :|
co do height dozwolone jest używanie jeszcze w TD wysokości i szerokośc co nie zmienia faktu że pominołem wstawienie wysokości jako styli z lenistwa wink.gif
co do label dalej nie działa a przecież cały czas jest w bloku:
[HTML] pobierz, plaintext 
  1. 									<div style="margin-top: 5px; float: left;">
  2. 										<form action="" method="post">
  3. 											<label for="login" id="login">Login: <input class="logowanie" maxlength="20" name="login" type="text" tabindex="1"/></label>
  4. 											<label for="haslo" id="haslo">Hasło: <input class="logowanie" maxlength="20" name="haslo" type="password" tabindex="2"/></label>
  5. 											<div style="float: right; width: 150px; border: 0px solid red; text-align: right; margin-right: 5px;"><img src="generator_kodu.php" alt="Kod"/></div>
  6. 											<label for="kod" id="kod">Kod: <input onkeyup="this.value=this.value.replace(/\D/g,'')" maxlength="4" class="logowanie" name="kod" type="text" tabindex="3"/></label>
  7. 											<div style="float: right; margin-right: 5px;"><input type="hidden" name="a" value="1" /><input style="background:url(graphics/button_login.jpg) top no-repeat; width: 58px; height: 22px; border: 0px;" type="submit" value="" tabindex="4" /></div>
  8. 										</form>
  9. 									</div>
[HTML] pobierz, plaintext
Valdi_B
4.03.2011, 22:54:35
Spójrz na linię 62:
<label for="login">Login: <input class="logowanie" maxlength="20" name="login" type="text" tabindex="1"/></label>

Zacznij od zmiany na:
<label for="login">Login:</label> <input class="logowanie" maxlength="20" id="login" name="login" type="text" tabindex="1"/>

Jeżeli w XHTML masz: <label for="login">
to gdzieś musi być tag, gdzie id="login"
(wiązanie po "id", a nie po "name").
name="login" - nie przeszkadza, ale w tym przypadku jest nieważne.

Co do składni - popatrz: http://www.w3schools.com/tags/tag_label.asp

Edit: - do poprz. postu:
Zapis <label for="login" id="login"> jest bez sensu, bo "label" ma wiązać etykietę (dalszy tekst) z jakimś input'em, a nie z własnym tagiem!
Ulysess
4.03.2011, 23:09:54
ok wielkie dzięki za pomoc smile.gif
rozwiązanie d3ut3r czyli przed i po każdym LABEL danie DIVa pomogło smile.gif więc 0 błędow smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.