Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Poner superíndice en input text

Estas en el tema de Poner superíndice en input text en el foro de Jquery en Foros del Web. Hola amigos, estoy poniéndo texto en un text pero necesito poner caracteres en formato de superíndice ejemplo el metro cuadrado (m2) pero el 2 como ...
  #1 (permalink)  
Antiguo 28/07/2017, 10:23
 
Fecha de Ingreso: agosto-2015
Ubicación: La Habana
Mensajes: 72
Antigüedad: 9 años, 2 meses
Puntos: 4
Pregunta Poner superíndice en input text

Hola amigos, estoy poniéndo texto en un text pero necesito poner caracteres en formato de superíndice ejemplo el metro cuadrado (m2) pero el 2 como superíndice. Por favor si alguien pudiera echarme una mano se lo agradecería mucho. Este es un símil del código que utilizo

Código:
var texto = 'mi texto con m2 pero el 2 como superindice';
$('#mi_input').val(texto);
  #2 (permalink)  
Antiguo 28/07/2017, 14:26
Avatar de PIRRUMAN  
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 18 años, 9 meses
Puntos: 53
Respuesta: Poner superíndice en input text

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display a string as superscript text.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
var superInd="2";
var superI = superInd.sup();
var str = "mi texto con m"+superI+" pero el 2 como superindic"+superI+"e";
document.getElementById("demo").innerHTML = str;
}
</script>

</body>
</html>
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”
  #3 (permalink)  
Antiguo 02/08/2017, 13:47
 
Fecha de Ingreso: agosto-2015
Ubicación: La Habana
Mensajes: 72
Antigüedad: 9 años, 2 meses
Puntos: 4
Respuesta: Poner superíndice en input text

de la forma que me indica Pirruman funciona ya que quedaria dentro de un parrafo, ahora bien cuando lo pongo dentro de un text entonce sale con la etiqueta html <sup>2</sup> y por supuesto no lo interpreta.
en mi caso lo he solucionado de la siguiente manera:
Cita:
var texto = 'mi texto con m²';
$('#mi_input').val(texto);
poniendo el cuadrado de m² a traves del teclado con ascii.
el tema estaba en que tenia que conformar un texto a partir de otros parametros y luego enviarlos al servidor para ser almacenados. Gracias de todas formas
  #4 (permalink)  
Antiguo 02/08/2017, 13:52
 
Fecha de Ingreso: agosto-2015
Ubicación: La Habana
Mensajes: 72
Antigüedad: 9 años, 2 meses
Puntos: 4
Respuesta: Poner superíndice en input text

de la forma que me indica Pirruman funciona ya que quedaria dentro de un parrafo, ahora bien cuando lo pongo dentro de un text entonce sale con la etiqueta html <sup>2</sup> y por supuesto no lo interpreta.
en mi caso lo he solucionado de la siguiente manera:
Cita:
var texto = 'mi texto con m²';
$('#mi_input').val(texto);
poniendo el cuadrado de m² a traves del teclado con ascii.
el tema estaba en que tenia que conformar un texto a partir de otros parametros y luego enviarlos al servidor para ser almacenados. Gracias de todas formas

Etiquetas: input, text
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 09:27.