HTML - Split Html Table Row

Hello,

I have a form which is used to pass a password in 2 factor authentation.

What I am looking to do is to take :

<input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32">

and split it into two form fields but when the user submits the form combining both fields to be submitted wth the name="passwd1"

This is crutial for authentication to work. The reason for this is that the password is a secure token which contain a PIN + Tokencode. Currently the need to put both in one field and hit submit combining it them selves. This is not optimal as end users are not the smartest eggs out there.


Thanks

The full .js script is below:

var loginPrefilled = false;

function SetCookie(cookieName,cookieValue) {
var today = new Date();
var expire = new Date();
expire.setTime(today.getTime() + 3600000*24);
document.cookie = cookieName+"="+escape(cookieValue)+";path=/;expires="+expire.toGMTString();
}

function UnsetCookie(cookieName) {
document.cookie=cookieName+"=nothing;expires=Thursday, 1 Jan 1970 00:00:00 GMT; path=/";
}

function ns_check()
{
var login=document.forms['vpnForm'].login.value;
if(login == "")
{window.alert("You need to enter login name"); return false; }
SetCookie("NSC_USER", login);
return true;
}
function ns_disperrmsg()
{
if(document.cookie.length>0) {
if(document.cookie.indexOf("NSC_VPNERR=4001") != -1) {
document.writeln("<FONT COLOR=#000000><B><CENTER>&nbsp;Invalid username or password.</CENTER></B></FONT>");
UnsetCookie("NSC_VPNERR");
return;
}
}
document.writeln("&nbsp;");
}
UnsetCookie("NSC_AAAC");
UnsetCookie("NSC_USER");
function ns_getcookie(name)
{
var cookie=document.cookie;
if(cookie.length > 0) {
begin=cookie.indexOf(name+"=");
if(begin!=-1) {
begin+=name.length+1;
end=cookie.indexOf(";", begin);
if(end==-1) end=cookie.length;
return unescape(cookie.substring(begin, end));
}
}
return null;
}
function ns_fillName()
{
var value=ns_getcookie("NSC_NAME");

document.vpnForm.login.focus();
if(value!=null) {
document.vpnForm.login.value = value;
loginPrefilled = true;
document.vpnForm.login.style.color = "#777";
document.vpnForm.passwd.focus();
UnsetCookie("NSC_NAME");
}
}
function loginFieldCheck()
{
if(loginPrefilled == true)
{
document.vpnForm.login.blur();
}
}

function ns_showpwd()
{
var pwc = ns_getcookie("pwcount");
document.write('<TR><TD align=right><SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">Windows Password');
document.write(':</SPAN></TD>');
document.write('<TD><input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd" size="13" maxlength="32"></TD></TR>');
if ( pwc == 2 ) {
document.write('<TR><TD align=right>

<SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">SecurID PASSCODE:</SPAN>

</TD> <TD>

<input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32">

</TD></TR>');
}
UnsetCookie("pwcount");
}

Now I print out the html table on my web page as usual. My page have multiple html tables one after another. And I also adjusted the width of columns to be fixed.

Actually it works fine and it shows the data very well. But when i increase the zoom level to 200%, it width of the columns become a little bit complicated. My browser is IE8.

Any Suggestion please.

i'm redoing my website. i'm just using html to make a table at the top where the tabs are to navigate around the siote. but in between the tabs theres a 1 or 2 pixel gap. i can't figure out how to get rid of it. heres a pictu



heres my html for the table:

<table width="946" height="103" border="0" bordercolor="000000" bgcolor="000000" align="center" cellpadding="0" cellspacing="0">

<tr>
<td height="83" colspan=11> <img src="4gcmain.bmp" alt="" width="946" height="83" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0">></a></td>
</tr>

<tr>

<tr>
<td height="32"> <img src="visual/left.bmp" alt="" width="118" height="32" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com"><img src="visual/home.bmp" alt="" width="60" height="32" border="0"></a></td>
<td> <a href="http://4th-gen-civic.com/forum/index.php?login=243077"><img src="visual/forum.bmp" alt="" width="71" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/model.htm"><img src="visual/model.bmp" alt="" width="111" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/swaps.htm"><img src="visual/swaps.bmp" alt="" width="131" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/b16.htm"><img src="visual/b16s
.bmp" alt="" width="109" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/tech.htm"><img src="visual/tech.bmp" alt="" width="57" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/efs.htm"><img src="visual/efs.bmp" alt="" width="48" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/links.htm"><img src="visual/links.bmp" alt="" width="63" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/ef.bmp" alt="" width="48" height="32" border="0"></a></td>
<td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/right.bmp" alt="" width="121" height="32" border="0"></a></td>

</tr>
</tr>
</table>

Hi !

I'm programming in html and testing on phonegap my app.

I wanna that my aplication opens a .xml file and dispose the information in a table.

Code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<EXTRACTO id="008450197/12/2009">
<MES_EMISSAO>Dezembro 2009</MES_EMISSAO>
<CLIENTE id="0514867994">
<NIF>227723694</NIF>
<NOME>ANTONIO PEDRO LEITE SANTOS</NOME>
<MORADA>RUA DR EDGARDO SA MALHEIRO, 177 3-DTO</MORADA>
<LOCALIDADE>BRAGA</LOCALIDADE>
<CODIGO_POSTAL>4705-267 BRAGA</CODIGO_POSTAL>
</CLIENTE>
<IDENTIFICADOR id="42171790017">
<MATRICULA>90-95-VS</MATRICULA>
<TRANSACCAO>
<DATA_ENTRADA>-</DATA_ENTRADA>
<HORA_ENTRADA>09:15</HORA_ENTRADA>
<DATA>2009-11-24</DATA>
<HORA>09:27</HORA>
<DESCRITIVO>Cruz - Maia II</DESCRITIVO>
<OPERADOR>BRISA</OPERADOR>
<IMPORTANCIA>1.90</IMPORTANCIA>
<TAXA_IVA>0.20</TAXA_IVA>
<VALOR_IVA>0.32</VALOR_IVA>
<DATA_DEBITO>2009-12-03</DATA_DEBITO>
<CARTAO>7784337</CARTAO>
<TIPO>Portagens</TIPO>
</TRANSACCAO>
<TRANSACCAO>
<DATA_ENTRADA>-</DATA_ENTRADA>
<HORA_ENTRADA>19:42</HORA_ENTRADA>
<DATA>2009-11-24</DATA>
<HORA>19:56</HORA>
<DESCRITIVO>Maia II - Cruz</DESCRITIVO>
<OPERADOR>BRISA</OPERADOR>
<IMPORTANCIA>1.90</IMPORTANCIA>
<TAXA_IVA>0.20</TAXA_IVA>
<VALOR_IVA>0.32</VALOR_IVA>
<DATA_DEBITO>2009-12-03</DATA_DEBITO>
<CARTAO>7784337</CARTAO>
<TIPO>Portagens</TIPO>
</TRANSACCAO>

This is my .csv file. Named: 008.450.197-12-2009

I want to enter in the table only the information of /TRANSACCAO


Can you help me


Thanks everyone!

Howdy everyone! I am new to the HTML world and my range of knowledge just extends to the basics. I am working trying to fix a webpage issue that has been bugging me for the past couple days and so I decided to browse the internet for help.

I created a table in Chrome and it displays perfect but when you open up the same page in Internet Explorer, the table doesn't break down into new rows. It is one long row with a lot of columns. I don't understand, it displays fine in Chrome but not IE. I put the code below, please help! (Oh and i added anchors that scroll to the bottom where there is more information on the subject, those work fine in both browsers)

<table width="100%" border="2" bordercolor="#336699" CELLPADDING="3" CELLSPACING="3">

<tr>
<td><a href="http://www.utb.edu/sa/dos/Pages/vaginamonologues.aspx">"Vagina Monologues"</a></td>
<td> Thursday, March 3 <br> 7:00 p.m. <br><br>
Friday, March 4 <br>Noon and 7:00 p.m.</td>
<td>SETB Lecture Hall
</tr>

<td><a href="#burningbras">"Burning Bras: The Power of Literature" Poetry Reading</td></a>
<td> Friday, March 4 <br> 11:00 a.m.</td>
<td> Endowment Courtyard
</tr>

<td><a href="#Centennial">"Centennial Anniversary of International Women's Day"</td></a>
<td> Tuesday, March 8 <br> 1:40 - 3:00 p.m.</td>
<td> 3rd Floor Conference Room, SETB
</tr>

<td><a href="#openhouse">"Centennial Anniversary of International Women's Day": Open House</td></a>
<td> Tuesday, March 8 <br> 3:30 - 5:00 p.m.</td>
<td> Office of Global Engagement, Lightner Center
</tr>

<td><a href="#iron">"Iron Jawed Angels" Film and Discussion</td></a>
<td> Tuesday, March 8 <br>7:00 p.m. - 8:30 p.m.</td>
<td> 3rd Floor Conference Room, SETB
</tr>

<td><a href="#self">Self Defense Seminar and Workshop</td></a>
<td> Wednesday, March 9 <br>6:00 - 8:00 p.m.</td>
<td> REK Center
</tr>

<td><a href="#women">Women's Leadership Conference</td></a>
<td> Friday, March 25 <br> 2:00 - 7:00 p.m.</td>
<td> EDBC, Salon Cassia
</tr>

<td><a href="#scorpion">Scorpion Historical Society presents "Equal Rights Amendment" Forum</td></a>
<td> Monday, March 28 <br> 12:15 - 1:30 p.m.</td>
<td> SETB Lecture Hall
</tr>

<td><a href="#professional">Professional Women Speak Spring 2011 Conference</td></a>
<td> Saturday, March 26 <br> 10:00 - 2:00 p.m.</td>
<td> EDBC, Salon Cassia
</tr>

<td><a href="#wellness">Women's Wellness Fair</td></a>
<td> Tuesday, March 29 <br> 10:00 - 2:00 p.m.</td>
<td> REK Center
</tr>

<td><a href="#sin">"Sin by Silence" and "In Her Own Words"</td></a>
<td> Wednesday, April 6 <br> 7:00 - 8:30 p.m.</td>
<td> SETB Lecture Hall
</tr>

</table>

Hi All,

I have a problem for my new website about putting two columns of tables alongside each other.

I have a table at present with 4 columns

Year Player Year Player

What I would like is to completely seperate the 2 / 2 columns with a gap between with no lines etc.

ie: Year Player Year Player

I have searched google etc., but cant find an answer.

If you would like to see what I have done:

http://www.rammyarchive.co.uk/RAMMYW...ABOUT/captains

Many thanks,

Vic

Hi People,

I have designed a page layout in Firefox which looks nice in Firefox but not in Internet Explorer.

In Firefox it displays with the background image nicely centered with the entire background image visible on screen. Everything is aligned as you would expect.

In IE everything looks laid out right other than the entire table having moved to the right slightly, so it is no longer centered with my background image.
It also have a scroll bar on the right and the bottom. The table contents moves up and down when you scrolll instead of it being fixed.

Anyone able to advise where I start in fixing it for compatability?

I am assuming that as everything is fine other than the alignment of the table in the HTML that this is what I need to look at but I am not sure.

Hope someone can help or point me in the right direction.

Thank you

wedmonds

Here's a basic picture of what I want & what I end up getting:



I know how a basic table works:

HTML Code:

<table>
  <tr>
    <td>Left stuff here!</td>
    <td>Center stuff</td>
    <td>(nothing here...!)</td>
  </tr>
</table>

But i'm not sure of the most effecient way of achieving the results I want...

Help would be greatly appreciated!

Hello. Thanks for taking your time to read this.

I just set up a website www.austinbrister.com

on my start page, the tables have funky heights and widths so everything isn't flowing smoothly. I am pretty good at Photoshop, so I got this far, but the html isn't exactly my strong point, can you help, please?

Hey Friends

Im having issues using rowspan on an html table. The image above is almost where I need it to be. Here is my code and below . Under my code I am posting what it should look like.

_________________________________________________________________
<table width="150" height="150" border="1">
<tr>
<td> 1 </td>
<td width="33%" height="33%"> 4 </td>
<td rowspan="3" > 6 </td>
</tr>

<tr >

<td height="33%" width="33%"> 2</td>
<td rowspan="2" height="33%" width="33%"> 5 </td>

</tr>

<tr >
<td height="33%" width="33%" >3 </td>
</tr>
</table>
_____________________________________________________________
Here is what my image is supposed to look like.



Thanks,
Tom

Would someone please help me with some HTML code? I am having problems creating tables. I need to create a 50% wide, one-row, two-column borderless table.
PLEASE HELP!
Thanks, Karen

Hello All,

I have a HTML Page that contains a table.

This table has multiple rows (tr), each one containing two td elements

The first td element contains text. When the length of the text is small, it shows up perfectly fine on the screen and the position of the table also looks fine.

However, when I use a really long string as the text in the first td element, the text does show up, but the position of the table changes and it appears as though the table has moved to the right two spaces.

This is really boggling. Can someone help out?

I will really appreciate any help in this regard.

I am attaching a snippet of the code with this post.

Thanks,
Kunal



<html:form action="/atp_processMedicalHistory" onsubmit="displayWaitMessage()">

<tiles:insert page="/pages/appEntry/base/appEntryButtons.jsp"/>

<div align="left" width="100%">
<tiles:insert page="/pages/appEntry/productInfo.jsp"/>
</div>

<div align="left" width="100%">

<table width="100%">
<tr class="listItemB">
<td align="left" class="tC" width="70%"> <bean:message key="label.medicalHistoryQuestion6"/> </td>
</tr>
</table>
</div>
</html:form>

How can I make the age text field closer on the name text field on the left side? Thanks.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<table width="200" align="center" bgcolor="#99CC00">
<tr>
<td >Name</td>
<td >:</td>
<td><input name="name" type="text" id="name" size="40" value="25"></td>
<td>age</td>
<td >:</td>
<td><input name="name" type="text" id="name" size="5" value="25"></td>
</tr>
<tr>
<td >Location</td>
<td >:</td>
<td><input name="name" type="text" id="name" size="70" value="25"></td>

</tr>

</table>
</body>
</html>

Hello Everyone!

About 4-5 days ago I made my attempt to build my first webpage, I am using Dreamweaver cs4 my goal right now is to split my index page in half so I can have two columns, one side for a current video and the other for upcoming news. my site is www.canapictures.com and I will include a picture of what I am trying to achieve, thank you.

The gray line in the middle is where I want it to split, and the box is where text would go, I want to line to be invisible if possible.