imagen en un form

04/02/2005 - 04:22 por Jorge Vega | Informe spam
Saludos, estoy haciendo un form tipo encuesta, utilizo un list/menu para
poner las opciones que requiero seleccionen las personas, pero deseo que
cuando la persona responda cualquiera de las 3 posibles respuestas se
coloque al lado derecho del list/menu un check para indicar que se
respondió, de lo contrario que quede en blanco.

Como puedo hacer esto.

Gracias por la ayuda que me puedan dar.

Jorge

Preguntas similare

Leer las respuestas

#6 Matias Iacono
04/02/2005 - 20:46 | Informe spam
Podrias usar en el codigo JavaScript, la propiedad selectedIndex del combo
para saber que item se selecciono:

var Indice;
Indice = document.NombreDelFormulario.NombreDelCombo.selectedIndex;

Donde Indice tendra, justamente, el indice de seleccion basado en cero.

Y luego compararlas:

if (Indice == 1)
{
}
if (Indice == 2)
{
}

Esta seria una forma.

Podrias hacerlo de otra manera... si no te funciona esta... te paso otra
forma.

Saludos,

Matias Iacono
Microsoft MVP



"Jorge Vega" wrote in message
news:
Matias perdona la molestia, como puedo hacer en el caso de tener que


incluir
5 imagenes del mismo check en distintas lineas, se que tendría que poner
nombres diferentes a cada imagen, la pregunta sería como le tengo que


pasar
el nombre de la imagen a la función para que con el respectivo list me
muestra la imagen de su linea.

Gracias



"Matias Iacono" wrote:

> En vez de usar onClick... solo usa OnChange. Y en el tag select no en


los
> option.
>
> De esta manera:
>
> <select name= onchange="CambiarImage2()" ...>
> ...
> ...
> </select>
>
> La otra cosa que debes tomar muy en cuenta es que JavaScript hace


diferencia
> entre mayusculas y minusculas. Y ademas, si es una funcion, aunque no
> necesite parametros, igual tiene que tener los () al final.
>
> Saludos,
>
> Matias Iacono
> Microsoft MVP
>
>
>
> "Jorge Vega" wrote in message
> news:
> > Muchas gracias Matías por tu ayuda, yo la verdad es que estoy apenas
> > empezando con esto del ASP y no tenía idea de como, y tengo la duda de
> como
> > le indico al list que cuando se seleccione ejecute la función.
> >
> > Yo lo puse de esta forma a ver que te parece, pero no me funciona.
> >
> > CambiarImage es la opción que me diste y la CambiarImage2 para que en


la
> > primera opción que es Selecciones quite la imagen.
> >
> > <select name="select" size="1"> <option value="0"
> > onClick="CambiarImage2">Seleccione</option>
> > <option value="Si" onClick="CambiarImage">Si</option>
> > <option value="No" onclick="CambiarImage">No</option>
> > <option value="No aplica"


onclick="CambiarImage">N/A</option>
> > </select></td>
> >
> >
> >
> >
> >
> > "Matias Iacono" wrote:
> >
> > > Puedes hacer lo siguiente:
> > >
> > > Al lado o en el lugar que quieres que se vea tu check, agrega una


imagen
> del
> > > tamaño que tandra tu check, pero simplemente transparente. O sea,


sin
> ningun
> > > color, de esta forma no se vera al principio.
> > >
> > > Luego, agregale un nombre a tu imagen:
> > >
> > > <img src="migiftransparente.gif" name="imagen1">
> > >
> > > Luego, por medio de una funcion javascript. En el caso de que


quieras
> > > hacerlo dinamicamente:
> > >
> > > function CambiarImage()
> > > {
> > > document.NombreDelFormulario.imagen1.src > > > > "DireccionDeLaNuevaImagen"
> > > }
> > >
> > >
> > > Saludos,
> > >
> > > Matias Iacono
> > > Microsoft MVP
> > >
> > >
> > >
> > > "Jorge Vega" wrote in message
> > > news:
> > > > Saludos, estoy haciendo un form tipo encuesta, utilizo un


list/menu
> para
> > > > poner las opciones que requiero seleccionen las personas, pero


deseo
> que
> > > > cuando la persona responda cualquiera de las 3 posibles respuestas


se
> > > > coloque al lado derecho del list/menu un check para indicar que se
> > > > respondió, de lo contrario que quede en blanco.
> > > >
> > > > Como puedo hacer esto.
> > > >
> > > > Gracias por la ayuda que me puedan dar.
> > > >
> > > > Jorge
> > > >
> > > >
> > >
> > >
> > >
>
>
>
Respuesta Responder a este mensaje
#7 Jorge Vega
04/02/2005 - 21:17 | Informe spam
Matías lo puse de esta forma pero me da un error
Donde puse (<*****) es donde al ejecutar me dice Se esperaba ;


var Indice;
Indice= document.form1.escoja.selectedIndex;
function CambiarImage()
{ <*****
if (Indice == 1) or (Indice == 2) or (Indice == 3) {
document.form1.ok1.src = "img/ok2.gif";
}
else
{
document.form1.ok2.src = "img/ok1.gif";
}
}




"Matias Iacono" wrote:

Podrias usar en el codigo JavaScript, la propiedad selectedIndex del combo
para saber que item se selecciono:

var Indice;
Indice = document.NombreDelFormulario.NombreDelCombo.selectedIndex;

Donde Indice tendra, justamente, el indice de seleccion basado en cero.

Y luego compararlas:

if (Indice == 1)
{
}
if (Indice == 2)
{
}

Esta seria una forma.

Podrias hacerlo de otra manera... si no te funciona esta... te paso otra
forma.

Saludos,

Matias Iacono
Microsoft MVP



"Jorge Vega" wrote in message
news:
> Matias perdona la molestia, como puedo hacer en el caso de tener que
incluir
> 5 imagenes del mismo check en distintas lineas, se que tendría que poner
> nombres diferentes a cada imagen, la pregunta sería como le tengo que
pasar
> el nombre de la imagen a la función para que con el respectivo list me
> muestra la imagen de su linea.
>
> Gracias
>
>
>
> "Matias Iacono" wrote:
>
> > En vez de usar onClick... solo usa OnChange. Y en el tag select no en
los
> > option.
> >
> > De esta manera:
> >
> > <select name= onchange="CambiarImage2()" ...>
> > ...
> > ...
> > </select>
> >
> > La otra cosa que debes tomar muy en cuenta es que JavaScript hace
diferencia
> > entre mayusculas y minusculas. Y ademas, si es una funcion, aunque no
> > necesite parametros, igual tiene que tener los () al final.
> >
> > Saludos,
> >
> > Matias Iacono
> > Microsoft MVP
> >
> >
> >
> > "Jorge Vega" wrote in message
> > news:
> > > Muchas gracias Matías por tu ayuda, yo la verdad es que estoy apenas
> > > empezando con esto del ASP y no tenía idea de como, y tengo la duda de
> > como
> > > le indico al list que cuando se seleccione ejecute la función.
> > >
> > > Yo lo puse de esta forma a ver que te parece, pero no me funciona.
> > >
> > > CambiarImage es la opción que me diste y la CambiarImage2 para que en
la
> > > primera opción que es Selecciones quite la imagen.
> > >
> > > <select name="select" size="1"> <option value="0"
> > > onClick="CambiarImage2">Seleccione</option>
> > > <option value="Si" onClick="CambiarImage">Si</option>
> > > <option value="No" onclick="CambiarImage">No</option>
> > > <option value="No aplica"
onclick="CambiarImage">N/A</option>
> > > </select></td>
> > >
> > >
> > >
> > >
> > >
> > > "Matias Iacono" wrote:
> > >
> > > > Puedes hacer lo siguiente:
> > > >
> > > > Al lado o en el lugar que quieres que se vea tu check, agrega una
imagen
> > del
> > > > tamaño que tandra tu check, pero simplemente transparente. O sea,
sin
> > ningun
> > > > color, de esta forma no se vera al principio.
> > > >
> > > > Luego, agregale un nombre a tu imagen:
> > > >
> > > > <img src="migiftransparente.gif" name="imagen1">
> > > >
> > > > Luego, por medio de una funcion javascript. En el caso de que
quieras
> > > > hacerlo dinamicamente:
> > > >
> > > > function CambiarImage()
> > > > {
> > > > document.NombreDelFormulario.imagen1.src > > > > > "DireccionDeLaNuevaImagen"
> > > > }
> > > >
> > > >
> > > > Saludos,
> > > >
> > > > Matias Iacono
> > > > Microsoft MVP
> > > >
> > > >
> > > >
> > > > "Jorge Vega" wrote in message
> > > > news:
> > > > > Saludos, estoy haciendo un form tipo encuesta, utilizo un
list/menu
> > para
> > > > > poner las opciones que requiero seleccionen las personas, pero
deseo
> > que
> > > > > cuando la persona responda cualquiera de las 3 posibles respuestas
se
> > > > > coloque al lado derecho del list/menu un check para indicar que se
> > > > > respondió, de lo contrario que quede en blanco.
> > > > >
> > > > > Como puedo hacer esto.
> > > > >
> > > > > Gracias por la ayuda que me puedan dar.
> > > > >
> > > > > Jorge
> > > > >
> > > > >
> > > >
> > > >
> > > >
> >
> >
> >



Respuesta Responder a este mensaje
#8 Matias Iacono
04/02/2005 - 21:34 | Informe spam
En realidad el OR no existe en javascript, si no que se representa con ||.

La idea seria:

var Indice;
function CambiarImage()
{

Indice= document.form1.escoja.selectedIndex;

if (Indice == 1 || Indice == 2 || Indice == 3) {
document.form1.ok1.src = "img/ok2.gif";
}
else
{
document.form1.ok2.src = "img/ok1.gif";
}
}

Si no mal recuerdo, creo que por ahi va la cosa.

Saludos,

Matias Iacono
Microsoft MVP



"Jorge Vega" wrote in message
news:
Matías lo puse de esta forma pero me da un error
Donde puse (<*****) es donde al ejecutar me dice Se esperaba ;


var Indice;
Indice= document.form1.escoja.selectedIndex;
function CambiarImage()
{ <*****
if (Indice == 1) or (Indice == 2) or (Indice == 3) {
document.form1.ok1.src = "img/ok2.gif";
}
else
{
document.form1.ok2.src = "img/ok1.gif";
}
}




"Matias Iacono" wrote:

> Podrias usar en el codigo JavaScript, la propiedad selectedIndex del


combo
> para saber que item se selecciono:
>
> var Indice;
> Indice = document.NombreDelFormulario.NombreDelCombo.selectedIndex;
>
> Donde Indice tendra, justamente, el indice de seleccion basado en cero.
>
> Y luego compararlas:
>
> if (Indice == 1)
> {
> }
> if (Indice == 2)
> {
> }
>
> Esta seria una forma.
>
> Podrias hacerlo de otra manera... si no te funciona esta... te paso otra
> forma.
>
> Saludos,
>
> Matias Iacono
> Microsoft MVP
>
>
>
> "Jorge Vega" wrote in message
> news:
> > Matias perdona la molestia, como puedo hacer en el caso de tener que
> incluir
> > 5 imagenes del mismo check en distintas lineas, se que tendría que


poner
> > nombres diferentes a cada imagen, la pregunta sería como le tengo que
> pasar
> > el nombre de la imagen a la función para que con el respectivo list me
> > muestra la imagen de su linea.
> >
> > Gracias
> >
> >
> >
> > "Matias Iacono" wrote:
> >
> > > En vez de usar onClick... solo usa OnChange. Y en el tag select no


en
> los
> > > option.
> > >
> > > De esta manera:
> > >
> > > <select name= onchange="CambiarImage2()" ...>
> > > ...
> > > ...
> > > </select>
> > >
> > > La otra cosa que debes tomar muy en cuenta es que JavaScript hace
> diferencia
> > > entre mayusculas y minusculas. Y ademas, si es una funcion, aunque


no
> > > necesite parametros, igual tiene que tener los () al final.
> > >
> > > Saludos,
> > >
> > > Matias Iacono
> > > Microsoft MVP
> > >
> > >
> > >
> > > "Jorge Vega" wrote in message
> > > news:
> > > > Muchas gracias Matías por tu ayuda, yo la verdad es que estoy


apenas
> > > > empezando con esto del ASP y no tenía idea de como, y tengo la


duda de
> > > como
> > > > le indico al list que cuando se seleccione ejecute la función.
> > > >
> > > > Yo lo puse de esta forma a ver que te parece, pero no me funciona.
> > > >
> > > > CambiarImage es la opción que me diste y la CambiarImage2 para que


en
> la
> > > > primera opción que es Selecciones quite la imagen.
> > > >
> > > > <select name="select" size="1"> <option value="0"
> > > > onClick="CambiarImage2">Seleccione</option>
> > > > <option value="Si" onClick="CambiarImage">Si</option>
> > > > <option value="No" onclick="CambiarImage">No</option>
> > > > <option value="No aplica"
> onclick="CambiarImage">N/A</option>
> > > > </select></td>
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > "Matias Iacono" wrote:
> > > >
> > > > > Puedes hacer lo siguiente:
> > > > >
> > > > > Al lado o en el lugar que quieres que se vea tu check, agrega


una
> imagen
> > > del
> > > > > tamaño que tandra tu check, pero simplemente transparente. O


sea,
> sin
> > > ningun
> > > > > color, de esta forma no se vera al principio.
> > > > >
> > > > > Luego, agregale un nombre a tu imagen:
> > > > >
> > > > > <img src="migiftransparente.gif" name="imagen1">
> > > > >
> > > > > Luego, por medio de una funcion javascript. En el caso de que
> quieras
> > > > > hacerlo dinamicamente:
> > > > >
> > > > > function CambiarImage()
> > > > > {
> > > > > document.NombreDelFormulario.imagen1.src > > > > > > "DireccionDeLaNuevaImagen"
> > > > > }
> > > > >
> > > > >
> > > > > Saludos,
> > > > >
> > > > > Matias Iacono
> > > > > Microsoft MVP
> > > > >
> > > > >
> > > > >
> > > > > "Jorge Vega" wrote in message
> > > > > news:
> > > > > > Saludos, estoy haciendo un form tipo encuesta, utilizo un
> list/menu
> > > para
> > > > > > poner las opciones que requiero seleccionen las personas, pero
> deseo
> > > que
> > > > > > cuando la persona responda cualquiera de las 3 posibles


respuestas
> se
> > > > > > coloque al lado derecho del list/menu un check para indicar


que se
> > > > > > respondió, de lo contrario que quede en blanco.
> > > > > >
> > > > > > Como puedo hacer esto.
> > > > > >
> > > > > > Gracias por la ayuda que me puedan dar.
> > > > > >
> > > > > > Jorge
> > > > > >
> > > > > >
> > > > >
> > > > >
> > > > >
> > >
> > >
> > >
>
>
>
Respuesta Responder a este mensaje
#9 Jorge Vega
07/02/2005 - 06:02 | Informe spam
Gracias Matias, voy a hacer el ajuste a ver como me va.



"Matias Iacono" escribió en el mensaje
news:%
En realidad el OR no existe en javascript, si no que se representa con ||.

La idea seria:

var Indice;
function CambiarImage()
{

Indice= document.form1.escoja.selectedIndex;

if (Indice == 1 || Indice == 2 || Indice == 3) {
document.form1.ok1.src = "img/ok2.gif";
}
else
{
document.form1.ok2.src = "img/ok1.gif";
}
}

Si no mal recuerdo, creo que por ahi va la cosa.

Saludos,

Matias Iacono
Microsoft MVP



"Jorge Vega" wrote in message
news:
> Matías lo puse de esta forma pero me da un error
> Donde puse (<*****) es donde al ejecutar me dice Se esperaba ;
>
>
> var Indice;
> Indice= document.form1.escoja.selectedIndex;
> function CambiarImage()
> { <*****
> if (Indice == 1) or (Indice == 2) or (Indice == 3) {
> document.form1.ok1.src = "img/ok2.gif";
> }
> else
> {
> document.form1.ok2.src = "img/ok1.gif";
> }
> }
>
>
>
>
> "Matias Iacono" wrote:
>
> > Podrias usar en el codigo JavaScript, la propiedad selectedIndex del
combo
> > para saber que item se selecciono:
> >
> > var Indice;
> > Indice = document.NombreDelFormulario.NombreDelCombo.selectedIndex;
> >
> > Donde Indice tendra, justamente, el indice de seleccion basado en


cero.
> >
> > Y luego compararlas:
> >
> > if (Indice == 1)
> > {
> > }
> > if (Indice == 2)
> > {
> > }
> >
> > Esta seria una forma.
> >
> > Podrias hacerlo de otra manera... si no te funciona esta... te paso


otra
> > forma.
> >
> > Saludos,
> >
> > Matias Iacono
> > Microsoft MVP
> >
> >
> >
> > "Jorge Vega" wrote in message
> > news:
> > > Matias perdona la molestia, como puedo hacer en el caso de tener que
> > incluir
> > > 5 imagenes del mismo check en distintas lineas, se que tendría que
poner
> > > nombres diferentes a cada imagen, la pregunta sería como le tengo


que
> > pasar
> > > el nombre de la imagen a la función para que con el respectivo list


me
> > > muestra la imagen de su linea.
> > >
> > > Gracias
> > >
> > >
> > >
> > > "Matias Iacono" wrote:
> > >
> > > > En vez de usar onClick... solo usa OnChange. Y en el tag select no
en
> > los
> > > > option.
> > > >
> > > > De esta manera:
> > > >
> > > > <select name= onchange="CambiarImage2()" ...>
> > > > ...
> > > > ...
> > > > </select>
> > > >
> > > > La otra cosa que debes tomar muy en cuenta es que JavaScript hace
> > diferencia
> > > > entre mayusculas y minusculas. Y ademas, si es una funcion, aunque
no
> > > > necesite parametros, igual tiene que tener los () al final.
> > > >
> > > > Saludos,
> > > >
> > > > Matias Iacono
> > > > Microsoft MVP
> > > >
> > > >
> > > >
> > > > "Jorge Vega" wrote in


message
> > > > news:
> > > > > Muchas gracias Matías por tu ayuda, yo la verdad es que estoy
apenas
> > > > > empezando con esto del ASP y no tenía idea de como, y tengo la
duda de
> > > > como
> > > > > le indico al list que cuando se seleccione ejecute la función.
> > > > >
> > > > > Yo lo puse de esta forma a ver que te parece, pero no me


funciona.
> > > > >
> > > > > CambiarImage es la opción que me diste y la CambiarImage2 para


que
en
> > la
> > > > > primera opción que es Selecciones quite la imagen.
> > > > >
> > > > > <select name="select" size="1"> <option value="0"
> > > > > onClick="CambiarImage2">Seleccione</option>
> > > > > <option value="Si" onClick="CambiarImage">Si</option>
> > > > > <option value="No" onclick="CambiarImage">No</option>
> > > > > <option value="No aplica"
> > onclick="CambiarImage">N/A</option>
> > > > > </select></td>
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > "Matias Iacono" wrote:
> > > > >
> > > > > > Puedes hacer lo siguiente:
> > > > > >
> > > > > > Al lado o en el lugar que quieres que se vea tu check, agrega
una
> > imagen
> > > > del
> > > > > > tamaño que tandra tu check, pero simplemente transparente. O
sea,
> > sin
> > > > ningun
> > > > > > color, de esta forma no se vera al principio.
> > > > > >
> > > > > > Luego, agregale un nombre a tu imagen:
> > > > > >
> > > > > > <img src="migiftransparente.gif" name="imagen1">
> > > > > >
> > > > > > Luego, por medio de una funcion javascript. En el caso de que
> > quieras
> > > > > > hacerlo dinamicamente:
> > > > > >
> > > > > > function CambiarImage()
> > > > > > {
> > > > > > document.NombreDelFormulario.imagen1.src > > > > > > > "DireccionDeLaNuevaImagen"
> > > > > > }
> > > > > >
> > > > > >
> > > > > > Saludos,
> > > > > >
> > > > > > Matias Iacono
> > > > > > Microsoft MVP
> > > > > >
> > > > > >
> > > > > >
> > > > > > "Jorge Vega" wrote in message
> > > > > > news:
> > > > > > > Saludos, estoy haciendo un form tipo encuesta, utilizo un
> > list/menu
> > > > para
> > > > > > > poner las opciones que requiero seleccionen las personas,


pero
> > deseo
> > > > que
> > > > > > > cuando la persona responda cualquiera de las 3 posibles
respuestas
> > se
> > > > > > > coloque al lado derecho del list/menu un check para indicar
que se
> > > > > > > respondió, de lo contrario que quede en blanco.
> > > > > > >
> > > > > > > Como puedo hacer esto.
> > > > > > >
> > > > > > > Gracias por la ayuda que me puedan dar.
> > > > > > >
> > > > > > > Jorge
> > > > > > >
> > > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > >
> > > >
> > > >
> >
> >
> >


email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una pregunta AnteriorRespuesta Tengo una respuesta
Search Busqueda sugerida