Ayuda

[syntex]

Hola buenas soy un poco novato en js,

Quisiera ampliar en javascript un text del formulario pero veo que no me lo hace bien.

Porque??? Como podria mejorarlo?

Código HTML:

<script type="application/javascript">
 function Grande(name)
 {
	var name;
	if (name == "user")
	{
		var text = document.forms[0].user.style.fontSize;
		document.forms[0].user.style.fontSize = "20px";
		document.forms[0].user.style.fontWeight = "bold";
	}else{
		document.forms[0].user.style.fontSize = "";
		document.forms[0].user.style.fontWeight = "";
	}
	
	if (name == "pass")
	{
		var text = document.forms[0].pass.style.fontSize;
		document.forms[0].pass.style.fontSize = "20px";
		document.forms[0].pass.style.fontWeight = "bold";
	}
	else{
		document.forms[0].pass.style.fontSize = "";
		document.forms[0].pass.style.fontWeight = "";
	}
 }
</script> 

Código HTML:

<table cellpadding="0" cellspacing="2" width="100%" class="fondo_data" style="height:160px;">
            
            	<tr><td height="30"></td></tr>
				<tr>
					<td align="right" width="40%">
					<font class="size11_negro"><strong>Usuario .:</strong></font>
					</td>
					<td align="left">
					<input type="text" name="user" value="<? echo $crypt->decode(stripslashes($_POST[user])); ?>" size="20" maxlength="50" class="form_panel_left_negro" onclick="Grande('user');"  />
					</td>
				</tr>
				<tr>
					<td align="right">
					<font class="size11_negro"><strong>Contraseña .:</strong></font>
					</td>
					<td align="left">
					<input type="password" name="pass" value="" size="15" maxlength="20" class="form_panel_left_negro" onclick="Grande('pass');" />
					</td>
				</tr>
				<tr>
				<td colspan="2"><hr size="1" style="color:#CCCCCC;" /></td>
				</tr>
				<tr>
					<td align="right" width="100">
					
					</td>
					<td align="left">
                    <button type="submit" name="cont" class="button"  value="Continuar >">
                    	<img src="http://www.forosdelweb.com/f13/web/img/icons/arrow_green.png" border="0" />&nbsp;&nbsp;
                    	<span class="size12_negro">Acceder</span>
                    </button>
					</td>
				</tr>
                <tr><td height="30"></td></tr>
                
			</table> 

Muchas gracias

[El_Metallick]

Veamos, el cógido javascript podría quedar así:

Código HTML:

<script type="application/javascript">
 function Grande(name) {
    var user = document.getElementById('user');
    var pass = document.getElementById('pass');

    if (name == "user") {
        user.style.fontSize = "20px";
        user.style.fontWeight = "bold";
    } else {
        user.style.fontSize = "";
        user.style.fontWeight = "";
    }
    
    if (name == "pass") {
        pass.style.fontSize = "20px";
        pass.style.fontWeight = "bold";
    } else {
        pass.style.fontSize = "";
        pass.style.fontWeight = "";
    }
 }
</script> 

y el código de la página algo así

Código HTML:

<table cellpadding="0" cellspacing="2" width="100%" class="fondo_data" style="height:160px;">
            
                <tr><td height="30"></td></tr>
                <tr>
                    <td align="right" width="40%">
                    <font class="size11_negro"><strong>Usuario .:</strong></font>
                    </td>
                    <td align="left">
                    <input type="text" name="user" id="user" value="<? echo $crypt->decode(stripslashes($_POST[user])); ?>" size="20" maxlength="50" class="form_panel_left_negro" onclick="Grande('user');"  />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                    <font class="size11_negro"><strong>Contraseña .:</strong></font>
                    </td>
                    <td align="left">
                    <input type="password" name="pass" id="pass" value="" size="15" maxlength="20" class="form_panel_left_negro" onclick="Grande('pass');" />
                    </td>
                </tr>
                <tr>
                <td colspan="2"><hr size="1" style="color:#CCCCCC;" /></td>
                </tr>
                <tr>
                    <td align="right" width="100">
                    
                    </td>
                    <td align="left">
                    <button type="submit" name="cont" class="button"  value="Continuar >">
                        <img src="http://www.forosdelweb.com/f13/web/img/icons/arrow_green.png" border="0" />&nbsp;&nbsp;
                        <span class="size12_negro">Acceder</span>
                    </button>
                    </td>
                </tr>
                <tr><td height="30"></td></tr>
                
            </table> 

Pequeña explicación:

El tema es que cuando accedes a los campos user y pass accedes mediante el form al cual pertenecen y en el código que pusiste no había ningún form por lo cual lo que hice fue darle como id al campo de texto de user y pass el mismo, es decir, user y pass respectivamente, de este modo accedo a este campo mediante

document.getElementById('user');
document.getElementById('pass');

de este modo debiería funcionarte.

Saludos