Números a la [X] (5^2), pero en SELECT, cómo???

Anarko · #1 (**permalink**) 20/09/2011, 09:33

Hola.

Corran esto:

Código PHP:

  102<sup>39</sup>

podran ver que equivale a 102^39

Cómo hago eso en UN SELECT ?

Gracias

Anarko · #2 (**permalink**) 21/09/2011, 07:44

Hola,

no puede hacerse eso en HTML ?

SnaF · #3 (**permalink**) 21/09/2011, 10:01

Hola amigo,
Pues me parece que solo se puede meter texto plano en <option>

Se que existe &sup1, 2 y 3; pero no mas numeros. Aqui un ejemplo:

Código HTML:

<option>m&sup2;</option>

De todas formas soy medio novato en HTML asi que esperemos la respuesta de alguien mas y mas entendido en el tema que yo.

Salud y anarkia.

Anarko · #4 (**permalink**) 21/09/2011, 11:46

Gratitud SnaF.

Es justo lo que requiero, pero este es solo "A LA 2".

Yo requiero desde X^1
Hasta X^55, todo en un SELECT / OPTION

(Es un sfteare matemático que realizo)...

Tedel · #5 (**permalink**) 21/09/2011, 14:09

mm... Podrías suplir la carencia cambiando el <select> por un botón radio

furoya · #6 (**permalink**) 21/09/2011, 14:27

Si hay instalada una fuente unicode (algo recomendado para todos), sí se ven los caracteres subíndice y superíndice.

n₀₁₂₃₄₅₆₇₈₉₋₍₎
n⁰¹²³⁴⁵⁶⁷⁸⁹⁻⁽⁾ⁿ

Lo mejor es usar las entities o el código, pero no sé si te van a entrar en un select, igual si los necesitas están por toda la web.

font-family: unicode;

Anarko · #7 (**permalink**) 22/09/2011, 11:40

Gracias.

Por ello os solicito:

Cita:

Iniciado por Anarko

Corran esto:

Código PHP:

  102<sup>39</sup>

podran ver que equivale a 102^39

Cómo hago eso en UN SELECT ?

Y también 102^49, a la 50, a la 85, etc...

furoya · #8 (**permalink**) 22/09/2011, 15:46

¿Qué parte de mi mensaje no te quedó en claro?

Cita:

Iniciado por Anarko

podran ver que [102<sup>39</sup>] equivale a 102^39

No. Es HTML y equivale a

102³⁹

¿O estabas preguntando cómo hacer la operación?

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; 
charset=utf-8">
</head>
</body>
<select style="font-family:'arial unicode ms', 'lucida sans unicode', titus, quivira, sans-serif" 
onchange="alert(Math.pow(this.value,this.value))">
<option value=0 selected=selected>0⁰</option>
<option value=1>1¹</option>
<option value=2>2²</option>
<option value=3>3³</option>
<option value=4>4⁴</option>
<option value=5>5⁵</option>
<option value=6>6⁶</option>
<option value=7>7⁷</option>
<option value=8>8⁸</option>
<option value=9>9⁹</option>
<option value=55>55⁵⁵</option>
</select>
</body>
</html>

Si estás haciendo páginas web, ya sabes que dentro de los elementos de formulario no caben formatos diferenciados de texto. Para eso se usan los caracteres correspondientes.
Y si alguien no los ve, es porque aún no configuró su navegador como corresponde.

La fuente "Arial Unocode MS" viene de regalo con la suite de oficina de Microsoft, no sé cuál vendrá con Linux o Mac, averigua y las declaras en el CSS.

Y después nos cuentas, así nos enteramos todos y de paso colaboras con el Foro.

emprear · #9 (**permalink**) 22/09/2011, 16:21

Buscando una solución me topé con esto
http://mondaybynoon.com/2009/02/23/c...query-selects/

y jugando un poco con la enhanced-selects.js llegué a esto

http://foros.emprear.com/jquerye/cs/prueba.html
fijate que misc es un desplegable (no lo estilize asi que no se distingue muy bien)

Supongo que alguien con más paciencia o que maneje mejor jQuery lo puede terminar (de el primer link pueden conseguir la enhanced-selects.js original

Saludos

furoya · #10 (**permalink**) 23/09/2011, 06:14

Es otra opción.

Yo no la puse para evitar que Anarko respondiese

"Por ello os solicito: UN SELECT"

Un comentario medio al margen ; el elemento button sí admite formatos internos, pero es más para usar fuera de formularios; allí ponemos el input type=button que en el valor sólo acepta caracteres.

font-family: unicode;

emprear · #11 (**permalink**) 23/09/2011, 08:41

Orientado por la vasta documentación que dejo nuestro amigo furoya, la solución más simple y efectiva

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>subscript y superscript en select</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
    body {
    font-size: 11pt;
    font-family: verdana, arial;
    }
    select{
    font-family: arial;
    font-size: 12pt;
    }
    </style>
</head>
<body>
    <form action="#">
<select>
    <option value="" selected="selected">seleccionar</option>
    <option value="677s8">677&#x2088;</option>
    <option value="677u8">677&#x2078;</option>
    <option value="345u56">345&#x2075;&#x2076;</option>
    <option value="99u32">99³²</option>
    <option value="55u1">55&#x2071;</option>
</select>
</form>
</body>
</html>

Dejo una demo
http://foros.emprear.com/subscript-s...en_select.html

tabla de codigos
http://tlt.its.psu.edu/suggestions/i...art.html#super

Aunque la visualización en IE es bastante defectuosa comparada con FF, Chrome, por ejemplo.
Quizás haya que buscar otra tipografía

Saludos