Foros del Web » Programando para Internet » Javascript »

poner un class en este script

Estas en el tema de poner un class en este script en el foro de Javascript en Foros del Web. hola: tengo dos preguntillas esta vez: 1) ¿como se podría poner esto en una sóla linea? document.getElementById('ima').width=182 document.getElementById('ima').height=100 Así:? document.getElementById('ima').width=182 .height=100 2) Siendo la solución ...
  #1 (permalink)  
Antiguo 04/07/2004, 11:14
Avatar de eeeee  
Fecha de Ingreso: febrero-2004
Ubicación: Almería
Mensajes: 397
Antigüedad: 20 años, 10 meses
Puntos: 0
poner un class en este script

hola: tengo dos preguntillas esta vez:
1)
¿como se podría poner esto en una sóla linea?

document.getElementById('ima').width=182
document.getElementById('ima').height=100

Así:? document.getElementById('ima').width=182 .height=100

2)
Siendo la solución la que sea, después quiero que quede más o menos así:

document.getElementById('ima').class="img"

y en el css más o menos esto:

.img {width="182"; height="100"}

¿Me pueden decir la forma exacta de ponerlo?
salu2 y gracias
__________________
Eusol .............
aprendiendo de ustedes
________________________

http://www.alicun.com
  #2 (permalink)  
Antiguo 04/07/2004, 11:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Hola eeeee:

Respuesta 1:

Aunque no se puede, podrías simplificar así:
with (document.getElementById('ima')) {width = 182; height = 100;};

Respuesta 2:

document.getElementById('ima').className = "img";

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 04/07/2004, 11:24
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 10 meses
Puntos: 772
Hola, eeeee.

1) document.getElementById('ima').style.width=182;doc ument.getElementById('ima').style.height=100

2) .img {width:182px; height:100px}

Espero haberte entendido bien. Saludos,
  #4 (permalink)  
Antiguo 04/07/2004, 11:26
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 10 meses
Puntos: 772
Buen choque, caricatos

Muy bueno el uso de with, pero no faltaría style: document.getElementById('ima').style

Saludos,
  #5 (permalink)  
Antiguo 04/07/2004, 11:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
JavierB...

¡Jugando a los autos de choque... !

Saludetes
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 04/07/2004, 11:29
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Cita:
Iniciado por JavierB
Buen choque, caricatos

Muy bueno el uso de with, pero no faltaría style: document.getElementById('ima').style

Saludos,
Hola otra vez...

Bueno, lo del estile es cierto en cualquier tag, pero parece que va aplicado a un tag img, donde estan esos atributos...

Esperemos que se pronuncie eeeee...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 04/07/2004, 12:40
Avatar de eeeee  
Fecha de Ingreso: febrero-2004
Ubicación: Almería
Mensajes: 397
Antigüedad: 20 años, 10 meses
Puntos: 0
buenos los dos, he cogido un poco de cada uno.
les cuento:
En realidad el poner las dos lineas en una era solo para poder ponerle detrás el class para el ancho y alto y no utilizar dos veces class, pero con esta linea (de caricatos) funciona bien:

document.getElementById('ima').className = "img";

y con esta en el css (de JavierB) trabajo perfecto

.img {width:182px; height:100px}

Así que gracias a los dos.
__________________
Eusol .............
aprendiendo de ustedes
________________________

http://www.alicun.com
  #8 (permalink)  
Antiguo 04/07/2004, 16:05
Avatar de eeeee  
Fecha de Ingreso: febrero-2004
Ubicación: Almería
Mensajes: 397
Antigüedad: 20 años, 10 meses
Puntos: 0
Bien después de actualizar todo y subirlo a la web me encontré con este problemilla:
Resulta que la imagen se abre en diferente tamaño segun sea el tipo, pero si seleccionas otra después de seleccionar una, lo primero que se ve y se nota es que la agranda o la reduce (según sea la que se quiere ver después) y me gustaria que eso no se notara y a unas malas en ese lapsus de tiempo que quedara en blanco (en este caso en negro, porque el fondo es negro).

Pueden verlo en mi web en el menú portadas y cualquier submenú y probando entre una front y una back por ejemplo.

el código quedó así:
Código HTML:
<script language="javascript">
function cambiar(cual){
document.getElementById('ima').src = cual
aa=cual.split("_")
a = aa[aa.length-1]
b = a.split(".")[0].toLowerCase()
if(b=="frontbig"){
document.getElementById('ima').className = "imgbig";
}
else{
if(b=="back" || b=="back1" || b=="back2" || b=="back3" || b=="back4" || b=="back5" || b=="inlay"){
document.getElementById('ima').className = "imgback";
}
else{
if(b=="full" || b=="(full-deutsch)" || b=="(full-spanish)" || b=="(full-french)" || b=="(full-english)"){
document.getElementById('ima').className = "imgfull";
}
else{
document.getElementById('ima').className = "img";
}
}
}
}
</script> 
y la linea del img es esta:

<img src="/fondos/texto_imag0.gif" leftmargin="0" border="1" id="ima">

¿Qué se le puede hacer ?

ok... gracias
__________________
Eusol .............
aprendiendo de ustedes
________________________

http://www.alicun.com
  #9 (permalink)  
Antiguo 05/07/2004, 01:25
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Hola otra vez:

Una opción que puedes implementar y no es muy difícil, es precargar la imagen antes de mostrarla, la implementación es sencilla y efectiva, pero según el peso de las imágenes puede tardar un poco, aunque puedes poner mientras un relojito, o lo mismo que tienes para la lectura de la BD...

También puedes usar 2 capas (o las que necesites) y poner cada una de las imágenes en una capa distinta y mostrar la capa que te interese...

En esta página: http://www.pepemolina.com/imagenes/index.html explico como hacer una precarga, y puedes ver algunas otras cosas sobre imágenes, que si te interesa puedo ayudarte a implementar.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #10 (permalink)  
Antiguo 05/07/2004, 14:55
Avatar de eeeee  
Fecha de Ingreso: febrero-2004
Ubicación: Almería
Mensajes: 397
Antigüedad: 20 años, 10 meses
Puntos: 0
Gracias caricatos por preocuparte, he visitado tu web y le he echado un vistazo a lo que tienes con imágenes, pero creo que una precarga podría espantar a alguna gente, sobretodo cuando la portada pese casi un mega, porque a la gente le gusta ver que va cargando y viendose poco a poco.

Lo ideal en este caso sería que al pulsar en cualquier`portada , quedara solo el cuadro del img (borrando la anterior imagen) y empezando a cargar la nueva.
Se que en java se puede hacer, pero no se como, porque tengo por aquí una copia de una web que pille hace tiempo y lo hace.

Si quieres te mando esos archivos por correo, porque postearlos sin saber en cual estará la solución, puede ser molesto y largo.
En fin ,, ya me dirás algo.

salu2
__________________
Eusol .............
aprendiendo de ustedes
________________________

http://www.alicun.com
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 18:54.