Javascript fel

7 svar · 297 visningar · startad av saw 27 jan. 2006

sawMedlem sedan mars 20011 880 inlägg

Frågan27 jan. 2006 17:02#1

'document.form.namn'  är null eller inte ett object

Jag får detta fel när jag försöker köra denna koden:

<form method="POST" name="Kolla" 
action="guestbookin.asp"ONSUBMIT="return DataValidation();">
<Input Type="Hidden" Value="" Name="SelectedIkon">
<Table Border=0 CellSpacing=0 BgColor="Black" CellPadding=2 >
<tr BgColor="#EEEEEE">
<td><h3>Ikon:</h3></td>
<td>
<% For cLoop = 1 To 11 %>
<%
If Len(cLoop) = 1 Then
Bild = "Icon0" & cLoop & ".gif"
Else
Bild = "Icon" & cLoop & ".gif"
End If
%>
<a OnFocus="document.Form.namn.focus()" href="javascript:SelectIkon
('<%= cLoop%>')"><Img Border=0 Src="Icons/<%= Bild%>" Name="Bild
<%= cLoop%>" Style="filter:alpha(opacity=25)"></a>
<% Next %>
</td>
</tr></table>
<!--</td></tr></table>-->

<Script Language="Javascript">
var SelectedIkon = 1;
SelectIkon(1);

AddValue();

function SelectIkon(Nummer)
{
Bild = "Bild" + Nummer;
for(i=1;i<=11;i++)
{
ModBild = "Bild" + i;
document.all[ModBild].filters.alpha.opacity = 20;
}

SelectedIkon = Nummer;
document.all[Bild].filters.alpha.opacity = 100;
AddValue();
}

function AddValue()
{
document.Form.SelectedIkon.value = SelectedIkon;
}
</Script>

När man klickar på en icon, så skall den in i en texarea, som jag kallar
för "Inlagg". Någonting har jag glömt, men vad?

Peter SMedlem sedan dec. 20025 483 inlägg

27 jan. 2006 17:04#2

Felmeddelandet säger att du använder 'document.form.SelectedIcon'. Jag kan inte finna den referensen i den kod du postade. Har du mer kod?

sawMedlem sedan mars 20011 880 inlägg

27 jan. 2006 17:32#3

Hej Peter.
Jo om du tittar näst högst upp

<Input Type="Hidden" Value="" Name="SelectedIkon">

Jag hittade ett fel till (som tyvärr inte framgick av all min kod).
Nu blev detta inte som jag hadde tänkt mig.
Som det nu är, så är iconerna "nermattade"(hittar inget bättre ord).
När man klickar på en icon, så blir den i "full styrka". Jag skulle vilja att ha
effekten "OnMouseOver". Hur ändrar jag det?
Sen hadde jag för mig att javascriptet skulle lägga in smilisen i textarean
men det sker ju inte, hur ändrar jag det?

Peter SMedlem sedan dec. 20025 483 inlägg

27 jan. 2006 17:37#4

Nja, felmeddelandet sade 'SelectedIcon' med 'c'.

Var är <textarea>n nu? Posta gärna koden så som den ser ut i "Visa källa", så slipper vi ASP-koden ;)

sawMedlem sedan mars 20011 880 inlägg

27 jan. 2006 17:50#5

Då lägger jag in allt inom formen

<form method="POST" Name="Form" action="guestbookin.asp"ONSUBMIT="return DataValidation();">
    <Input Type="Hidden" Value="" Name="SelectedIkon">

<table border="0"   width="100%" bordercolordark=#9370DB bordercolorlight=#E6E6FA>
        <tr><td  valign="top">

          <br><small>Namn: <font color="#FF0000">*</font><br>
<input type="text" CLASS = "skugga" name="Namn" size="30" VALUE=""></small>
          <br><small>Ort:<br>
<input type="text" CLASS = "skugga" name="Ort" size="30"  VALUE=""></small>
          <br><small>E-post:<br>
          <input type="text" CLASS = "skugga" name="Epost" size="30"></small>
          <br><small>Hemsida:<br>
          <input type="text" CLASS = "skugga" name="Hsida" size="30"></small>

          </td><td  valign="top" align="left">

          <small>Hur hittade du till min hemsida?</small><BR><small>
<input  type="radio" value="Internet" checked name="Hittade">&nbsp;På Internet<BR>
<input  type="radio" name="Hittade" value="Sokmotor">&nbsp;Sökmotor<BR>
<input  type="radio" name="Hittade" value="Link">&nbsp;Länk<BR>
<input  type="radio" name="Hittade" value="Tipsad">&nbsp;Jag blev tipsad av en bekant</font></small>
          <p>

<Table Border=0 CellSpacing=0 BgColor="Black" CellPadding=2 >
		  	  	<tr BgColor="#EEEEEE">
		  	  		<td><h3>Ikon:</h3></td>
		  	  		<td>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('1')">
<Img Border=0 Src="Icons/Icon01.gif" Name="Bild1" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('2')">
<Img Border=0 Src="Icons/Icon02.gif" Name="Bild2" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('3')">
<Img Border=0 Src="Icons/Icon03.gif" Name="Bild3" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('4')">
<Img Border=0 Src="Icons/Icon04.gif" Name="Bild4" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('5')">
<Img Border=0 Src="Icons/Icon05.gif" Name="Bild5" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('6')">
<Img Border=0 Src="Icons/Icon06.gif" Name="Bild6" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('7')">
<Img Border=0 Src="Icons/Icon07.gif" Name="Bild7" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('8')">
<Img Border=0 Src="Icons/Icon08.gif" Name="Bild8" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('9')">
<Img Border=0 Src="Icons/Icon09.gif" Name="Bild9" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('10')">
<Img Border=0 Src="Icons/Icon10.gif" Name="Bild10" Style="filter:alpha(opacity=25)"></a>
		  	  			
<a OnFocus="document.Form.Namn.focus()" href="javascript:SelectIkon('11')">
<Img Border=0 Src="Icons/Icon11.gif" Name="Bild11" Style="filter:alpha(opacity=25)"></a>
		  	  			
</td></tr></table>

 </td></tr></table>
<script language="JavaScript1.2" defer>
	  editor_generate('Inlagg');
</script>
      <small>&nbsp;Inlägg: <font color="#FF0000">*</font><br>

&nbsp;<textarea rows="8" name="Inlagg" cols="60" CLASS = "skugga"></textarea>	</font></small>

	  <Script Language="Javascript">

	  var SelectedIkon = 1;
	  SelectIkon(1);

	  AddValue();

	  function SelectIkon(Nummer)
	  {
	  	Bild = "Bild" + Nummer;
	  	for(i=1;i<=11;i++)
	  	{
	  		ModBild = "Bild" + i;
	  		document.all[ModBild].filters.alpha.opacity = 20;
	  	}

	  	SelectedIkon = Nummer;
	  	document.all[Bild].filters.alpha.opacity = 100;
	  	AddValue();
	  }

	  function AddValue()
	  {
	  	document.Form.SelectedIkon.value = SelectedIkon;
	  }
</Script>

<BR><small><font  color="#000000">(</font><font color="#FF0000">*</font>
<font  color="#000000"> = Obligatorisk uppgift)</font></small>
      <CENTER>
<input type="submit" value="Skriv i gästboken" name="B1">

    </td>
  </tr>
</table>
</form>

Det blev kanske lite mycke kod detta...

Peter SMedlem sedan dec. 20025 483 inlägg

27 jan. 2006 18:55#6

saw skrev:

Som det nu är, så är iconerna "nermattade"(hittar inget bättre ord).
När man klickar på en icon, så blir den i "full styrka". Jag skulle vilja att ha
effekten "OnMouseOver". Hur ändrar jag det?

<a OnFocus="document.Form.Namn.focus()" onmouseover="SelectIkon('1')">

saw skrev:

Sen hadde jag för mig att javascriptet skulle lägga in smilisen i textarean
men det sker ju inte, hur ändrar jag det?

Var skall detta ske?

sawMedlem sedan mars 20011 880 inlägg

27 jan. 2006 19:20#7

Ärligt sagt, jag kan ju inte java alls, därför frågar jag, men jag kanske skall surfa runt
och se om jag hitta någonting som är ung. som jag vill ha det.

Tack i alla fall.

Peter SMedlem sedan dec. 20025 483 inlägg

27 jan. 2006 19:38#8

Annars är det bara att återkomma :)