Respuesta
Herramientas Buscar en Tema Desplegado
post #1 (permalink) Antiguo 03-ene-2009, 14:31
Predeterminado modificar cuadro de listas
hola gentes, yo de nuevo :-\

miren, quiero modificar algunas cosas de un cuadro de listas

pero resulta que no puedo controlar bien como queda... quiero sacar los bordes, y las flechitas de desplazamiento (las de la imagen de la derecha)
tambien me gustaria controlar el color con que se ve la seleccion, pero si no se puede todo bien, lo dejo asi (tengo entendido que toma el valor de la configuracion del usuario en el panel de windows)

lo que mas me molesta son las flechas de desplazamiento...

la izquierda es como se ve con IE y la derecha es como se ve con Firefox...



como se hace?? en el panel de estilos css no encontre nada mas que el borde, encima IE pone igual los bordes ???

gracias
__________________
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
konzerte está desconectado
Responder Citando
post #2 (permalink) Antiguo 03-ene-2009, 17:21
Predeterminado Re: modificar cuadro de listas
para ayudarte más rápido mostranos el código, tanto del cuadro como del css
__________________
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
r_bradbury está desconectado
Responder Citando
post #3 (permalink) Antiguo 03-ene-2009, 19:29
Predeterminado Re: modificar cuadro de listas
Cita:
Iniciado por r_bradbury
para ayudarte más rápido mostranos el código, tanto del cuadro como del css
ops... pequeño detalle que me olvide :-[

el menu
Cita:
<select name="select" size="1" class="menu" onchange="cargaXML(this.value)">
<option selected="selected">Seccion...</option>
<option value="001.html">Curriculum</option>
<option value="002.html">Trayectoria</option>
<option value="003.html">Comentario</option>
</select>
el estilo aplicado
Cita:
.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CC0000;
background-color: #000000;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
}
__________________
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
konzerte está desconectado
Responder Citando
post #4 (permalink) Antiguo 03-ene-2009, 21:48
Predeterminado Re: modificar cuadro de listas
fijate que debe haber otro código modificando los cuadros, en el css que pasás no está el azul que se ve en la foto, y de hecho las listas tienen 1 de altura (size) por lo tanto terminan siendo un menú desplegable más que una lista con todas las opciones visibles

resumiendo, yo lo que veo con ese código es esto (firefox / ie):

__________________
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
r_bradbury está desconectado
Responder Citando
post #5 (permalink) Antiguo 04-ene-2009, 08:00
Predeterminado Re: modificar cuadro de listas
ahh si si, es que me olvide... despues de sacar los screens segui haciendo pruebas con el html... por ahora provisoriamente lo deje como una lista desplegable (el codigo que te pase)... disculpa pero tengo un bolonqui en cabeza :-[
en realidad creo que lo voy a dejar como una lista desplegable, queda mejor...

pero ese azul de la seleccion se puede cambiar??? si es asi, alguien sabe como??

Código:
<select name="select" size="1" class="menu" onchange="cargaXML(this.value)">
       <option selected="selected">Seccion...</option>
       <option value="001.html">Curriculum</option>
       <option value="002.html">Trayectoria</option>
       <option value="003.html">Comentario</option>
      </select>
Código:
.menu {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #993300;
	background-color: #FFFFFF;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 140px;
	margin-top: 5px;
}
__________________
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
konzerte está desconectado
Responder Citando
post #6 (permalink) Antiguo 04-ene-2009, 11:30
Predeterminado Re: modificar cuadro de listas
Creo que ese "azul" en tu caso, y ese "verde" en el caso de r_bradbury es un estilo definido en los themes de windows...
__________________

elrincondemariano.com.ar
ComunidadArgentina.net
Usuario Normal
Fecha de Ingreso: sep-04
Edad: 21
Mensajes: 1,434
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
crazyboy está desconectado
Responder Citando
post #7 (permalink) Antiguo 04-ene-2009, 14:13
Predeterminado Re: modificar cuadro de listas
si, ese color está predefinido por el sistema operativo, y no puede modificarse usando sólo css... una forma de hacerlo, como explican acá, sería creando un select a partir de una lista (ul) mediante javascript/css, algo demasiado rebuscado para mi gusto...

cambiando de tema, ese estilo podés achicarlo un poco...
Código:
.menu {
	font:13px "Times New Roman", Times, serif;
	color:#930;
	background:#FFF;
	border:0;
	text-align:left;
	width:140px;
	margin-top:5px;
}
y si querés que al elegir una opción (currículum, etc.) se cargue esa página (001.html, etc.) en un div vacío (que tiene, por ejemplo, el id "c"), con jquery no tendrías más que hacer esto...

Código:
$(function(){
	$(".menu").change(function(){
		var s = $(this).val();
		$("#c").load(s);
	});
});
creo que es tan claro que ni hace falta explicarlo 

__________________
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
r_bradbury está desconectado
Responder Citando
post #8 (permalink) Antiguo 05-ene-2009, 12:41
Predeterminado Re: modificar cuadro de listas
igual estan comparando un select con un select multiple en donde las cosas cambian minimamente....
Usuario Avanzado
Fecha de Ingreso: may-03
Mensajes: 2,099
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
FuLaNo_ está desconectado
Responder Citando
post #9 (permalink) Antiguo 05-ene-2009, 16:19
Predeterminado Re: modificar cuadro de listas
Cita:
Iniciado por r_bradbury
creo que es tan claro que ni hace falta explicarlo
__________________
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
konzerte está desconectado
Responder Citando
post #10 (permalink) Antiguo 05-ene-2009, 18:59
Predeterminado Re: modificar cuadro de listas
jajjajaja bueh perdón!

Código:
$(function(){
	$(".menu").change(function(){
		var s = $(this).val();
		$("#c").load(s);
	});
});
Son 3 pasos:

1) Con la 1º línea pedís que el código se ejecute al cargarse la página (algo así como onload)

2) Después pedís que al haber un cambio en un elemento con la clase "menu" (en este caso el select)...
...se guarde en la variable s el valor (val) de la opción seleccionada por el usuario (this).
En este caso el valor puede ser 001.html, 002.html o 003.html

3) Finalmente pedís que dicho valor se cargue (load) en el elemento con el id "c" (en este caso un div).

Cualquier cosa pregunta.


Edit: podés ver cómo funciona acá
__________________
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
r_bradbury está desconectado
Responder Citando
Respuesta

Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado

Ir al Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
listas de correo titi LINUX y Software Libre 5 01-sep-2008 23:03
Autocompletar cuadro de texto en VB6??? SirJeckill Programación 1 30-nov-2006 23:00
mail en cuadro de texto wsaynomore Webmasters 0 05-nov-2006 23:00
Cuadro de dibujo Indio10000 General 6 22-feb-2006 23:00
listas incorrectas en el msn!! Fantasma82 Internet 12 05-jul-2004 00:00


La franja horaria es GMT -3. Ahora son las 05:32.