[JavaScript][HTML] Walidator - jak zmienić kod? Opcje

[camilost]

Jak to dobrze złożyć, aby walidator się nie rzucał (Na końcu HTML+JS)?

Walidator wypłakuje takie cuda

document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag
<input type="text" name="area" />

oraz

document type does not allow element "select" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag
…e="shape" size="1" onchange="this.form.area.value=doArea(this.selectedIndex);">

Gdy dam te input i select poza form to wiadomo - nie będzie działać ;/
(Może div + value - liczba (potrzebna do switcha)

[HTML] pobierz, plaintext 
Wylicz pole figury:<form name="calcarea" action="...">
<select name="shape" size="1" onchange="this.form.area.value=doArea(this.selectedIndex);">
<option>...</option>
<option value="square">Kwadrat</option>
<option value="triangle">Trójkąt prostokątny</option>
<option value="rectangle">Prostokąt</option>
<option value="circle">Okrąg</option>
<option value="sphere">Kula</option>
<option value="parallelogram">Równoległobok</option>
</select>
<input type="text" name="area" />
</form>
[HTML] pobierz, plaintext 

[JAVA] pobierz, plaintext 
<script type="text/javascript">
<!--
function doArea(num) {
	switch(num) {
		case 0:	return (""); break;
		case 1:	var length = prompt("Wprowadź długość kwadratu:", "");
				length = length * length;
				return (length); break;
 
		case 2:	var width = prompt("Wprowadź szerokość podstawy:", "");
				var height = prompt("Wprowadź wysokość:", "");
				return (width * height / 2); break;
 
		case 3:	var width = prompt("Wprowadź szerokość:", "");
				var height = prompt("Wprowadź wysokość:", "");
				return (width * height); break;
 
		case 4:	var radius = prompt("Wprowadź promień okręgu: ", "");
				return (Math.PI * Math.pow(radius, 2)); break;
 
		case 5:	var radius = prompt("Wprowadź promień kuli:", 0);
				return (4 * Math.PI * (Math.pow(radius, 2))); break;
 
		case 6:	var boka = prompt("Wprowadź długość podstawy:", "");
				var height = prompt("Wprowadź wysokość:", "");
				return (boka * height); break;
	}
}
-->
</script>
[JAVA] pobierz, plaintext 

[skowron-line]

Gdy dam te input i select poza form to wiadomo - nie będzie działać ;/
(Może div + value - liczba (potrzebna do switcha)

Prędzej coś takiego

[HTML] pobierz, plaintext 
<p><input /></p> 
<p>select /></p>
[HTML] pobierz, plaintext 

[camilost]

there is no attribute "name"
<form name="adv" action="...">

a w inputach mam onclick="document.adv.input.value= XXX" i w JS np. doit(){ document.adv.input.value = XX }

Jak to zmienić, aby też się nie rzucał? : D (JBC mogę podać cały kod [trochę go jest - nie za dużo])

[bmL]

Kod

there is no attribute "name"
<form name="adv" action="...">

<form name="calcarea" action="...">
Podkreślone usunąć. Tak jak sugeruje komunikat błędu: Nie istnieje taki atrybut jak "name" (w domyśle dla tagu form)

Walidator nigdy nie będzie się czepiał zawartości skryptów. No chyba że się je źle wstawi... Nic tutaj nie masz poprawiać w skryptach, pomyśl co jest niepoprawnie w kodzie html/xhtml co kolwiek tam masz

Ten post edytował bmL 10.10.2010, 13:59:34

[camilost]

Super a co z JS? -,- Jak ma działać bez name? - Jak zmienić...

Zaawansowany kalkulator: http://212.59.248.184/calc.php

jak usunę to skrypt nie będzie działał bo nie znalazł odpowiedniego FORM -,-

Ten post edytował camilost 10.10.2010, 14:21:08

[bmL]

Nadaj mu identyfikator (id="adv") i użyj document.getElementById('adv');

[camilost]

document.adv.input.value zamienić na document.getElementById('adv').input.value czy document.getElementById ('adv')

(Próbowałem oba, id="adv" mam i lipka ^^ nic nie działa w zaawansowanym)

[bmL]

Wklej urywek kodu js w którym odnowisz się do document.adv.input.value. W ogóle to uważał bym z takimi nazwami pól jak np. input. Nie wiem czy to nie będzie miało ubocznych efektów ale kiedyś nazwałem pole submit i przez to nie mogłem wywołać metody forum.submit() bo została nadpisana albo ukryta przez pole o nazwie submit.

[camilost]

[JAVA] pobierz, plaintext 
function doit() {
	var userinput = document.adv.input.value;
	document.adv.input.value = eval(userinput);
}
 
function plus() {
	document.adv.input.value += '+';
}
 
function minus() {
	document.adv.input.value += '-';
}
 
function mult() {
	document.adv.input.value += '*';
}
 
function div() {
	document.adv.input.value += '/';
}
[JAVA] pobierz, plaintext 

i do tego html kawałek

[HTML] pobierz, plaintext 
<form name="adv" action="...">
	<table width="55" cellspacing="2" cellpadding="5" border="1">
		<tr>
			<td><input type="text" name="input" size="20" maxlength="30" class="disp"/></td>
			<td><input type="button" value="  ^  " onclick="power()" class="btswhite"/></td>
			<td><input type="button" value="  C  " onclick="document.adv.input.value = ''; " class="btswhite"/></td>
[HTML] pobierz, plaintext 

Dalej już nic nie ma z js ^^

Ten post edytował camilost 11.10.2010, 22:04:56

[bmL]

document.getElementById('adv').input.value += '+';
Powinno działać jeżeli nie działa to spróbuj zmienić nazwę input na jakąś inną bo input to nazwa tagu html'owego więc może stwarzać problemy. Jak nie będzie działać odpal stronę i użyj jakichś narzędzi do debugowania js zobacz czy wyświetla jakieś błędy ten kod js. W FireFoxie konsolę błędów odpalasz ctr+shift+j w operze trzeba w menu gdzieś poszukać.

ps. jak piszesz kalkulator to ładnie by było to opakować w klasę Wbrew pozorom js ma bardzo fajny model obiektowy

ps2. ten link co wcześniej podałeś http://212.59.248.184/calc.php u mnie w firefoxie kodowanie się sypie i nie działa po prostu

Na początek zaglądam w źródło i widzę:

Kod

//<![CDATA[
<!--
function showSpoiler(obj)
{
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
}
-->
//]]>

Fajnie że opakowałeś w sekcję CDATA i komentarze HTML'owe, ale czy czegoś tutaj nie brakuje? Na przykład <script type="text/javascript">?

Nie wiem może czepiam się rzeczy których nie powinienem bo jesteś w trakcie poprawiania ich?

[camilost]

Ta robiłem że zamiast include <script src="i tu sciezka do spoilera"> </script> ^^ dlatego błędy miałeś : d

@EDIT nie wiem jak ja to wcześniej robiłem, że teraz mi działa a wcześniej nie : D

Został ostatni calc ^^

[HTML] pobierz, plaintext 
<form id="Keypad" action="...">
<table border="2" width="50" cellpadding="1" cellspacing="5">
	<tr>
		<td colspan="3"><input name="ReadOut" type="text" size="24" value="0"/></td>
		<td></td>
		<td><input name="btnClear" type="button" value="  C  " onclick="Clear()"/></td>
		<td><input name="btnClearEntry" type="button" value="  CE " onclick="ClearEntry()"/></td>
	</tr>
	<tr>
		<td><input name="btnSeven" type="button" value="  7  " onclick="NumPressed(7)"/></td>
[HTML] pobierz, plaintext 

[JAVA] pobierz, plaintext 
<script type="text/javascript">
//<![CDATA[
<!--
var FKeyPad = document.getElementById('Kaypad');
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
	if (FlagNewNum) {
		FKeyPad.ReadOut.value  = Num;
		FlagNewNum = false;
	}
	else {
		if (FKeyPad.ReadOut.value == "0")
			FKeyPad.ReadOut.value = Num;
		else
		FKeyPad.ReadOut.value += Num;
	}
}
[JAVA] pobierz, plaintext 

W debugu pisze

Uncaught TypeError: Cannot read property 'ReadOut' of null
NumPressedcalc.php:309
(anonymous function)calc.php:281
onclick

A te linie zaczynają się od FKeyPad, czyli coś źle z nim mam? Zostawię narazie z błędami (tylko ten calc - Zwykły)

Ten post edytował camilost 12.10.2010, 01:09:59

[bmL]

W firefoxie mam taki błąd:

Kod

Błąd: FKeyPad is null
Plik źródłowy: http://212.59.248.184/calc.php
Wiersz: 309

Patrzę w twój kod i mam

Kod

var FKeyPad = document.getElementById('Kaypad');

Widzisz literówkę?

ps. zrób coś z kodowaniem Zobacz jak strona wygląda w firefox.

ps2. kodowanie się psuje chyba bo plik zapisujesz z BOM (google po więcej info) sprawdź w swoim edytorze albo go zmień. Wnioskuję po pierwszych 3 znakach wyświetlonych w FX ale ręki nie dam sobie uciąć

Ten post edytował bmL 12.10.2010, 13:08:56

[camilost]

Dobra już ze skryptami git^^

Właśnie w szkole zauważyłem, że tylko calc.php w firefoxie ma zryte kodowanie ^^
Tak mam na każdej z BOM i na innych działa. ;d

Zobacz teraz kodowanie (Nie mam firefoxa)
Zapomniałem w tamtym pliku iso na UTF i kodowanie dałem w ISO a format pliku na UTF.
Zrobiłem bez BOM ;]

Ten post edytował camilost 12.10.2010, 18:16:23

[bmL]

Jest git.