Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Problem z walidacją strony
Ulysess
post
Post #1





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

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

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.
Go to the top of the page
+Quote Post
wNogachSpisz
post
Post #2





Grupa: Zarejestrowani
Postów: 1 233
Pomógł: 87
Dołączył: 6.03.2009

Ostrzeżenie: (40%)
XX---

zamiast:
getElementById(a)
wpisz
getElementById('a')
Go to the top of the page
+Quote Post
Ulysess
post
Post #3





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

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

walidator dalej wykrywa te same błędy + skrypt nie działa
Go to the top of the page
+Quote Post
d3ut3r
post
Post #4





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

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
Go to the top of the page
+Quote Post
Valdi_B
post
Post #5





Grupa: Zarejestrowani
Postów: 107
Pomógł: 30
Dołączył: 19.02.2011
Skąd: Warszawa

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

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.
Go to the top of the page
+Quote Post
Ulysess
post
Post #6





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

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

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
Go to the top of the page
+Quote Post
d3ut3r
post
Post #7





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

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".




Go to the top of the page
+Quote Post
Ulysess
post
Post #8





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

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

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 (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
Valdi_B
post
Post #9





Grupa: Zarejestrowani
Postów: 107
Pomógł: 30
Dołączył: 19.02.2011
Skąd: Warszawa

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

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!

Ten post edytował Valdi_B 4.03.2011, 23:01:14
Go to the top of the page
+Quote Post
Ulysess
post
Post #10





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

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

ok wielkie dzięki za pomoc (IMG:style_emoticons/default/smile.gif)
rozwiązanie d3ut3r czyli przed i po każdym LABEL danie DIVa pomogło (IMG:style_emoticons/default/smile.gif) więc 0 błędow (IMG:style_emoticons/default/smile.gif)

Ten post edytował Ulysess 4.03.2011, 23:29:01
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 05:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn