aplicar float = left desde javascript

tunait · #1 (**permalink**) 30/07/2004, 01:40

Boinas

A ver... que me he quedao así

yo con el asunto este...

necesito aplicar la propiedad css float a una capa hecha con div con posicionamiento relativo.

Pues no va

Me hace caso con todo... menos con eso

boton.style.float = 'left'

Con eso explorer se lo pasa por donde no corre el viento y mozilla me devuelve este error

Cita:

Error: missing name after . operator
Source File: file:///Z:/webs2/scripts/menuhorizontal.htm
Line: 52, Column: 13
Source Code:
boton.style.float = 'left'

Y me pone una flecha apuntando a float

Eso y, por supuesto, no carga el resto del script y se queda en blanco.

Opera tampoco lo muestra, aunque no me devuelve ningún error.

Ahora bien, si le pongo la F en mayúscula al float sigue sin hacerme caso, es decir, no flota pa ná a ningún lado, pero mozilla yá no devuelve el error y sí ejecuta el script. Sólo que no realiza el float left

¿Alguien sabe qué pasa? no hay acceso a esa propiedad desde el DOM??

saludillos...

tunait · #2 (**permalink**) 30/07/2004, 02:40

Bueno, según el O'Reilly el equivalente a float desde javascript es align, pero claro, eso suponiendo que pretendamos hacer flotar una imagen.... pero no funciona para in div.

Para Explorer existe una propiedad llamada styleFloat

boton.style.styleFloat = 'left'

y funciona. Pero claro, sólo para explorer.

Sigo buscando.... si alguien sabe algo me lo diga plis....

tunait · #3 (**permalink**) 30/07/2004, 02:46

Ahhh 'oño, se puede referenciar la propiedad mediante cssFloat

pero claro, explorer se lo pasa por la pantinclilla....

ahora me gustaría saber en qué versiones de NS y mozilla funciona esta propiedad...

caricatos · #4 (**permalink**) 30/07/2004, 03:36

Hola Tunait

:

La verdad es que no sé desde que versión funciona, supongo que desde siempre que ha existido ese estilo, pero te cuento como saber los estilos de los navegadores, sencillamente haciendo un for de style como array asociativo (for estilo in document.body.style):

<html>
<head>
<script>
function estilos() {
var mostrar = ""
for (estilo in document.body.style) {
mostrar += "document.body.style." + estilo + " = " + eval("document.body.style." + estilo) + "<br />\n";
}
document.body.innerHTML = mostrar;
}
</script>
</head>
<body onload="estilos()">
</body>
</html>

Saludos

tunait · #5 (**permalink**) 30/07/2004, 03:44

Hoola caricatos

... no, si me basta con comprobar a mano si me funciona en mi propio navegador, pero luego eso se publica y pasa lo típico, que llega alguien con la 1.06 y no lo reconoce, por eso que no sé hasta qué punto es fiable poder usarlo.

por ejemplo, el styleFloat para explorer funciona desde su versión 4

pero el cssFloat no sé yo desde qué versión lo soporta bien ns, mozilla y resto de navegadores que se ajustan a los estándares.

lo del cssFloat es DOM Level 2 CSS...

tunait · #6 (**permalink**) 30/07/2004, 03:51

Oooye qué script más chulo

KarlanKas · #7 (**permalink**) 30/07/2004, 05:04

Y con un:

if(boton.style.styleFloat){tacatá}

if(boton.style.cssFloat){tacacual}

O es que no he entendido la pregunta?

tunait · #8 (**permalink**) 30/07/2004, 05:14

yuujuus KarlanKas...

em... bueno es que no hay alternativa

si no lo entiende, pues será un desastre.

El tema es el siguiente:

ayer me entretuve en hacer otro menú multinivel de esos desplegables, sólo que este es en vertical (pa poner a un lado de la página)

Lo rehice todito nuevo, tratando de ceñirme lo más posible a xhtml pa que el morzilla no se queje cuando lleva un dtd de xhtml ok?

Me salió mu majo e incluso lleva menos código que el otro horizontal que hice hace unos meses.

Y hoy pensé "pues usando esto asín si le camio esto y esto también se pué usar en horizontal" así que quise aplicarle a los div un float left para que en vez de crear el menú en una columna me lo cree en una sola línea.

Y ahí llegó mi sorpresa cuando descubrí que esa propiedad css tiene estos meollos asociados.

Si no flota a la izquierda... pues me los pone en columna.

Explorer tiene algunos bugs aprovechables. Por ejemplo, explorer permite asignar width y height al span, pero eso no debería de ocurrir. Obviamente el resto de navegadores no aplican dimensiones a los elementos de línea, con lo que si quiero un botón al lado del otro especificando dimensiones no puedo usar span, si no div. Y con el div, pues necesito que flote a la izquierda. Con cssFloat se soluciona.... pero me cabe la duda de desde qué versiones funcionará esto correcto, o el menú se colcará en columna.

ala... apuesto a que no me enspliqué lo más mínimo

por eso, la laternativa es entonces meterlo en celdas, pero pa eso yá tengo el menú que hice hace unos meses.

Sólo quería saber, finalmente, desde cuándo soportan los navigators esta propiedad

tunait · #9 (**permalink**) 30/07/2004, 05:16

NOTA: desde cuándo los navegadores soportan esta propiedad asignada desde el DOM dinámicamente, no desde cuándo soportan la propiedad float

gnfrs · #10 (**permalink**) 22/01/2009, 12:13

En Firefox: objeto.style.cssFloat = 'left';

JavierB · #11 (**permalink**) 22/01/2009, 12:21

El mensaje original es de hace más de 4 años. Por favor, no reviváis temas tan antiguos.

Saludos,