Manejo de mensajes.

andrews · #1 (**permalink**) 06/02/2003, 05:49

Caramba casa nueva....

Este nuevo look and feel esta buenisimo felicitaciones.

Les escribo porque tengo un pequeño problema, permitanme explicarles.

Tengo un select o list menu con diferentes valores, quiero que dependiendo del valor seleccionado se muestre un mensaje en diferente en un td.

Como puedo hacerlo....

Mil gracias.....

andrews · #2 (**permalink**) 06/02/2003, 06:51

Trabajando un poco con lo que les comenté hace un momento, desarolle lo siguiente:
<script language="JavaScript">
function ver(val)
{
with(document)
switch (stipo.value)
{
case "A" : document.all['tipo1'].style.visibility='visible';
document.all['tipo2'].style.visibility='hidden';
document.all['tipo3'].style.visibility='hidden';
break;
case "B" : document.all['tipo2'].style.visibility='visible';
document.all['tipo1'].style.visibility='hidden';
document.all['tipo3'].style.visibility='hidden';
break;
case "C" : document.all['tipo3'].style.visibility='visible';
document.all['tipo1'].style.visibility='hidden';
document.all['tipo2'].style.visibility='hidden';
break;
default : document.all['tipo1'].style.visibility='hidden';
document.all['tipo2'].style.visibility='hidden';
document.all['tipo3'].style.visibility='hidden';
}
}
</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18%">
<select name="stipo" id="stipo" onchange="ver(this.value)">
<option value="0">Seleccione un tipo</option>
<option value="A">1</option>
<option value="B">2</option>
<option value="C">3</option>
</select></td>
<td width="82%"><table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="tipo1" style="position:absolute; left:674px; top:593px; width:125px; height:35px; z-index:1; visibility: hidden">
Archivo tipo A
</div>
<div id="tipo2" style="position:absolute; left:674px; top:593px; width:125px; height:35px; z-index:1; visibility: hidden">
Archivo tipo B
</div>
<div id="tipo3" style="position:absolute; left:674px; top:593px; width:125px; height:35px; z-index:1; visibility: hidden">
Archivo tipo C
</div>
</td>
</tr>
</table></td>
</tr>
</table>

El asunto es que no se esta llenando el TD donde tengo colocados los div si no en las coordenadas que estos tienen.

Como hago para que el mensaje quede dentro del td.

tunait · #3 (**permalink**) 06/02/2003, 07:02

Hola,

mira, en base al ascript que has hecho te sugiero lo siquiente:

1º Sácale a tus capas las posiciones left y top (a todas) así tomarán su posición dentro de la celda.

2º Dale a la celda que contiene las capas la misma altura que a las capas.

tunait · #4 (**permalink**) 06/02/2003, 07:14

También podrías hacer algo así:

Código PHP:

  <script language="javascript"> 
var valores=new Array() 
valores[0] =null 
valores[1]="Archivo tipo A" 
valores[2]="Archivo tipo b" 
valores[3]="Archivo tipo c" 
function ver(val) 
{ 
if(val==0){return false} 
else{ 
document.getElementById('mostrar').innerHTML=valores[val]} 
} 
</script> 
</head> 
 
<body bgcolor="#FFFFFF" text="#000000"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td width="18%">  
      <select name="stipo" id="stipo" onChange="ver(this.selectedIndex)"> 
        <option value="0">Seleccione un tipo</option> 
        <option value="A">1</option> 
        <option value="B">2</option> 
        <option value="C">3</option> 
      </select> 
    </td> 
    <td width="82%" id="mostrar">&nbsp;</td> 
  </tr> 
</table>

Ya me contarás

andrews · #5 (**permalink**) 06/02/2003, 08:27

Haciendo algunos ajustes, hice lo siguiente:

<script language="JavaScript" src="msg.js">
</script>
</head>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18%">
<SELECT NAME=CA_E2FMTO onChange="ver(this.selectedIndex)">
<option value="0">Seleccione un tipo</option>
<OPTION value="1"> Archivo texto
<OPTION value="2"> Archivo con separado
<OPTION value="3"> Archivo formato DBF
</SELECT>
</td>
<td id="mostrar" width="82%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> 
</td>
</tr>
</table>
</td>
</tr>
</table>

El JS msg es:
<script language="javascript">
var msg=new Array()
msg[0]=" "
msg[1]="El archivo TRF es un archivo de texto, que puede ser manipulado con cualquier editor de texto como: Microsoft Word."
msg[2]="El archivo CSV es un archivo donde los campos están separados por comas (,) que puede ser manipulado con cualquier procesador de hoja de cálculo como: Microsoft Excel."
msg[3]="El archivo DBF es un archivo de base de datos, que puede ser manipulada con un administrador de base de datos como: Microsoft Visual Foxpro ó Microsoft SQL."
function ver(val)
{
document.getElementById('mostrar').innerHTML=msg[val]
}
</script>

Cuando lo ejecuto se me genera el siguiente error:
Linea: 5
Car: 1
Error de sintaxis

Que puede estar sucediendo...????

tunait · #6 (**permalink**) 06/02/2003, 08:52

Hola,

en tu archivo msg.js tienes puesto <script language="javascript">
y </script>?? (No debe ir en el .js)

Lo he probado todo en el mismo documento y el script funciona bien, así que debe ser algo en el msg.js

andrews · #7 (**permalink**) 06/02/2003, 09:26

Fijate hice algunos ajustes y lo coloque de esta manera

HTML
<script language="JavaScript" src="msg.js">
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="PYT" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18%"> <select name=stipo onChange="ver(this.selectedIndex)">
<option value="0">Seleccione un tipo</option>
<option value="1">Archivo texto
<option value="2">Archivo con separado
<option value="3">Archivo formato DBF </select> </td>
<td id="mostrar" width="82%"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<textarea name="vermgs" cols="20" rows="4"></textarea>
</td>
</tr>
</table></td>
</tr>
</table>
</form>

JS

var msg=new Array()
msg[0]=" "
msg[1]="El archivo TRF es un archivo de texto, que puede ser manipulado con cualquier editor de texto como: Microsoft Word."
msg[2]="El archivo CSV es un archivo donde los campos están separados por comas (,) que puede ser manipulado con cualquier procesador de hoja de cálculo como: Microsoft Excel."
msg[3]="El archivo DBF es un archivo de base de datos, que puede ser manipulada con un administrador de base de datos como: Microsoft Visual Foxpro ó Microsoft SQL."
function ver(val)
{
document.PYT.vermsg.value=msg[val];
}

COMENTARIO
Conversando con un amigo me recomendo trabajar mejor con un textarea y que a traves de CSS manejarle los atributos de manera que no se vean los bordes, ni los scroll, etc.

Pero eso es despues que funcione lo que estoy haciendo; el problema es que no funciona; podría revisar a ver que error estoy cometiendo.

Gracia

tunait · #8 (**permalink**) 06/02/2003, 09:36

Buenas,

no te funciona por un giro de letras

tu textarea se llama name=" vermgs"

Y la llamada desde el js la hace a document.PYT.vermsg.value=mgg[val];

has cruzado la g y la s

andrews · #9 (**permalink**) 06/02/2003, 09:42

Upssss.

Que te puedo decir.

Por eso es que dicen que cuatro ojos ven mejor que dos.

Muchas gracias amigo.

Cualquier cosa te aviso.