form i <div>
 

Hej
Jag har för mig att form inte fungerar i table, så jag gjorde div table: men vill sig inte.
Länken finns där, men funktionen funkar inte, dvs den går inte vidare till nästa sida,
ingen länkmarkering sker om jag ar muspekaren över texten, när den ligger i div.

Form funkar om jag lägger den utanför.
Det speciella med denna form är att submit "knappen" är en länk istället för knapp.

Tacksam för kodtips, vad jag nu missat.... och vad är <span> ska det användas....
Jag ar försökt finna på nätet men inte fått helt klart för mig.

echo "<div class='rowdiv'><div class='celldiv'>$ba1$ba2<br><a href='http://www.****.*****.se/uploads/$ba18'><img src='http://www.*****.se/****.bmp'ALT='mapp existerar.' /></a></div><div class='celldiv2'><img HEIGHT='78' src='http://www.****.****.se/uploads/$ba17'ALT='Fotografi' /></div><div class='celldiv3'>$ba14</div><div class='celldiv4'>$ba3$ba4$ba5$ba6$ba7$ba8$ba9</div><div class='celldiv5'>$ba10$ba11$ba12$ba13</div><div class='celldiv6'>";

echo "$starttext_old<br>$ba15$ba16";


?>

<form action="http://www.******.se/*****.php" method="post" name="frm">
<div><input type="hidden" name="foo" value="bar" />
<script type="text/javascript">
//<![CDATA[
document.write('<a href="#" onclick="document.forms[\'frm\'].submit(); return false;">submit</a>');
//]]>
</script>
<noscript>
<input type="submit" name="submit" value="submit" />
</noscript></div>
</form>

<?php
echo "</div></div>";

Va? Det är väl klart att forms fungerar bra tillsammans med tables?

En fråga är varför du skriver ut submit texten med javascript?

En faktor jag tänker på när submit är i text, är som jag måttligt irriterar mig på (bla. hos Binero) är att man inte kan trycka retur för att posta formuläret.

tex. login formulär:
Fyll i användarnamn, tabba till lösenord sen retur.

En form kan ligga runt en tabell eller i en div (vet inte om den kan ligga i en tabell, tror det. åtminstone i en tabell-cell...)

Varför komplicera det med document.write?
Sen skall det vara doument.forms[0] eller document.forms[1], för det är en array, och den innehåller bara numeriska index. Du kan också använda document.getElementById för att komma åt formuläret.

Funkar inte, dvs ger ingen markering på muspekaren, den bryr sig inte,,,

Men sätter jag ovannämnda form, just efter de två div, så funkar det.
Nedan funkar: (men nu är den ju utanför.)
echo "$starttext_old<br>$ba15$ba16";



echo "</div></div>";
?>
<form action="http://www.******.se/*****.php" method="post" name="frm">
<div><input type="hidden" name="foo" value="bar" />
<a href="#" onclick="document.forms[0].submit();return false;">submit</a></div>
</form>
<?php


'''''''''''''''''''''''''''''''''''''''''''''''''' '''''''''''''''''''''''''''''''''''''''''''''''''' Om felet är där???
Jag vet jag såg exempel där css hade "..celldivh" fast jag gjorde bara med en punkt....
Ligger felet där eller?





Sänder med lite css
.tablediv {
position:relative; left:0px; top:1px;height:859px; width:640px;
background-color: silver;
}
.celldivh {
position: absolute; top: 0px; height:18px; left: 1px; width: 52px; background-color: azure;
}
.celldiv2h {
position: absolute; top: 0px; height:18px; left: 54px; width: 108px; background-color: azure;
}
.celldiv3h {
position: absolute; top: 0px; height:18px; left: 163px; width: 240px; background-color: azure;
}
.celldiv4h {
position: absolute; top: 0px; height:18px; left: 404px; width: 60px; background-color: azure;
}
.celldiv5h {
position: absolute; top: 0px; height:18px; left: 465px; width: 84px; background-color: azure;
}
.celldiv6h {
position: absolute; top: 0px; height:18px; left: 550px; width: 89px; background-color: azure;
}

.celldiv {
position: absolute; top: 0px; height:92px; left: 1px; width: 52px; background-color: azure;
}
.celldiv2 {
position: absolute; top: 0px; height:92px; left: 54px; width: 108px; background-color: azure;
}
.celldiv3 {
position: absolute; top: 0px; height:92px; left: 163px; width: 240px; background-color: azure;
}
.celldiv4 {
position: absolute; top: 0px; height:92px; left: 404px; width: 60px; background-color: azure;
}
.celldiv5 {
position: absolute; top: 0px; height:92px; left: 465px; width: 84px; background-color: azure;
}
.celldiv6 {
position: absolute; top: 0px; height:92px; left: 550px; width: 89px; background-color: azure;
}

.rowdiv {
position:relative; height:93px; width:800px;
}
.rowdivh {
position:relative; height:19px; width:800px;
}

Hur ser din HTML-kod ut? Det du visar här är lite PHP-kod blandat med HTML. Det är lättare att felsöka om vi har den genererade HTML-koden. Tryck "Visa källa" när du kollar i webbläsaren.

<div class='celldiv4'>aaaa<br>bbbb</div><div class='celldiv5'>ccccc<br>dddd<br>fffff<br>ggggg</div><div class='celldiv6'>gggggg<br>4444444444444444<br>www .hhhhhhhhhhhhh.se<form action="http://www.******.se/*****.php" method="post" name="frm">
<div><input type="hidden" name="foo" value="bar" />
<a href="#" onclick="document.forms[0].submit();return false;">submit</a></div>
</form>
</div></div>

Testa istället med:

Fortfarande samma, nu visar jag "submit" i div funkar inte, "submit2" utanför div fungerar:

<div class='celldiv4'>aaaaa</div><div class='celldiv5'>bbb</div><div class='celldiv6'>ccccc<br>4444444444444444<br>www. 44444444.se<form action="blabla.html" id="frmSomething" name="frmSomething" method="post">
<input type="hidden" name="foo" value="bar" />
<a href="#" onclick="document.getElementById('frmSomething').s ubmit(); return false;">Submit</a>
</div></div>

<form action="blabla.html" id="frmSomething" name="frmSomething" method="post">
<input type="hidden" name="foo" value="bar" />
<a href="#" onclick="document.getElementById('frmSomething').s ubmit(); return false;">Submit2</a>
</div></div>

Du har inte funderat på att avsluta form taggen?

Sen kan du inte ha samma id="" två gånger i koden, utan ID måste vara unikt.