Foros del Web » Programando para Internet » Javascript »

Ocultar div

Estas en el tema de Ocultar div en el foro de Javascript en Foros del Web. Muy buenas a todos, vengo del foro de php y me mandaron aca indirectamente :P. Mi idea es que después del login, me oculte la ...
  #1 (permalink)  
Antiguo 01/10/2010, 18:13
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 14 años, 10 meses
Puntos: 5
De acuerdo Ocultar div

Muy buenas a todos, vengo del foro de php y me mandaron aca indirectamente :P.

Mi idea es que después del login, me oculte la capa donde estan los inputbox user y password y me muestre otro. (las dos div estan flotando para la izquierda)

este es el codigo:

Código:
<!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>	  
<script>function cerrar() {

div = document.getElementById("#loginnoecho");

div.style.display="hidden";
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tutomania.net - Tutoriales - Descarga - Manuales - Copyright 2010</title><link href="estilos.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo3 {
	font-size: 30px;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}
.Estilo4 {font-weight: bold; font-size: 30px;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
</head>

<body>
<div id="contenedor">
  <div id="header"><img src="images/Images/maquetaweb-copia_01.jpg" width="612" height="192" /></div>
  <div id="buscarlogin">
      <div id="loginnoecho">
<FORM ACTION="index.php" METHOD="post">Nick : <INPUT TYPE="text" NAME="nick" SIZE="20" MAXLENGTH="20">
Password: <INPUT TYPE="password" NAME="password" SIZE="28" MAXLENGTH="20">
<INPUT TYPE="submit" CLASS="boton" VALUE="Ingresar">
¿Aún no te <a href="registro.php">registraste</a>?
      <?php
      $db=mysql_connect("localhost","esperame_user","asd123123");
mysql_select_db("esperame_luchiano",$db);
       
      function quitar($mensaje)
      {
      $mensaje = str_replace("<","&lt;",$mensaje);
      $mensaje = str_replace(">","&gt;",$mensaje);
      $mensaje = str_replace("\'","'",$mensaje);
      $mensaje = str_replace('\"',"&quot;",$mensaje);
      $mensaje = str_replace("\\\\","\\",$mensaje);
      return $mensaje;
      }

      if(trim($HTTP_POST_VARS["nick"]) != "" && trim($HTTP_POST_VARS["password"]) != "")
      {
      $nickN = quitar($HTTP_POST_VARS["nick"]);
      $passN = quitar($HTTP_POST_VARS["password"]);
      $result = mysql_query("SELECT password FROM usuarios WHERE nick='$nickN'",$db);
      if($row = mysql_fetch_array($result))
      {
      if($row["password"] == $passN)
      {
      //90 dias dura la cookie
      setcookie("usNick",$nickN,time()+7776000);
      setcookie("usPass",$passN,time()+7776000);
      ?>
      Ingreso exitoso!
      <SCRIPT LANGUAGE="javascript">
      javascript:cerrar()
	  location.href = "index.php";
      </SCRIPT>
      <?php
      }
      else
      {
      echo "Password incorrecto";
      }
      }
      else
      {
      echo "Usuario no existente en la base de datos";
      }
      mysql_free_result($result);
      }
      else
      mysql_close();
      ?> 
</FORM></div>
no sé mucho de javascript, pero lo unico que se es que no me sale, hace 3 horas que estoy intentando.

Saludos cordiales !.
  #2 (permalink)  
Antiguo 01/10/2010, 18:41
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 14 años, 10 meses
Puntos: 5
Respuesta: Ocultar div

Tengo un script php para verificar los cookies, también ponerlo y si el visitante tiene los cookies de la pagina, muestre la div con los "permisos especiales", si no tiene cookies muestre la div con el user y login.

Esos son mis dos grandes problemas que no me dejan seguir, pero seguire leyendoo ... !
  #3 (permalink)  
Antiguo 02/10/2010, 07:29
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 11 meses
Puntos: 310
Respuesta: Ocultar div

Vamos a ver, cambia:
Cita:
<script>
function cerrar() {

div = document.getElementById("#loginnoecho");

div.style.display="hidden";
</script>
por
Código Javascript:
Ver original
  1. <script type='text/javascript'>
  2. function cerrar() {
  3.  div = document.getElementById("loginnoecho");
  4.  div.style.display="none";
  5. }
  6. </script>
, y
Cita:
<SCRIPT LANGUAGE="javascript">
javascript:cerrar()
location.href = "index.php";
</SCRIPT>
por
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.        cerrar();
  3.        location.href = "index.php";
  4.       </script>
El display puede ser block o none; el visibility, visible o hidden.En XHTML los tags y sus atributos se escriben en minúscula, y el atributo language del tag script ya no se usa, ahora se utiliza type.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:16.