Dar estilo con javascript

[Tooj]

Hola. Estoy haciendo algunas funciones quicktag para el blog.

Tengo la siguiente función para agregar imagenes externas. funciona bien, pero quiero que se le pregunte al usuario si la imagen la quiere centrada, a la derecha o a la izquierda.

si quiere a la derecha, que agregue class="imgder",
si quiere a la izquierda, que agregue class="imgizq"
si quiere centrada, que agregue class="imgcenter"


pienso que no es difícil, algo parecido al prompt, pero la verdad que manejo muy poco el javascript.

pongo el codigo que tengo:

Código PHP:

  function edInsertImage(mycampo) {
    espacio = '  ';
    var myVal = prompt('Ingresa la URL de la imagen', 'http://');
    if (myVal) {
    myVal = '<img src="' 
       + myVal 
       + '" alt="' + prompt('Agrega una descripción de la imagen', '') 
       + '"' 
       + espacio
       + 'style="margin: 5px"'
       + espacio
       + 'border="0"'
       + '/>';
        edInsertContent(mycampo, myVal);
    }
} 
   

haber si alguien puede ayudarme.

saludos

[esjuanma]

Para agregar clases a un elemento sería algo así:

Código javascript:

document.getElementById('imagen').className += ' alineaciónDeseada'
 

[Tooj]

bien, pero cómo le pregunto al usuario?? esa es la parte importante de inicio

[esjuanma]

Eso deberías planteartelo vos, cómo preguntarle al usuario que quiere.
En base a eso podés empezar a armar algo y nosotros te ayudaremos con las dudas.

[esjuanma]

Por darte un ejemplo, podrías tener un form así:

Código HTML:

<form name="form">

	<label>
		Derecha
		<input type="radio" name="alineacion" value="right" />
	</label>
	
	<label>
		Centrada
		<input type="radio" name="alineacion" value="center" />
	</label>

	<label>
		Izquierda
		<input type="radio" name="alineacion" value="left" />
	</label>
	
	<input type="button" value="alinear" onclick="alinear();" />
	
</form> 

y la función alinear devolvería la alineación seleccionada:

Código javascript:

function alinear()
{
    var opcion = document.form.alineacion
    
    for(i=0; i < opcion.length; i++)
    {
        if( opcion[i].checked )
        {
            alert(opcion[i].value)
            return true
        }
    }
    
    alert('No se marcó ninguna opción')
}
 

[Tooj]

gracias!

la onda es que no estoy haciendo un formulario, sino un quicktag, una funcion para ayudar en la edicion de texto a la hora de publicar en el blog.

y pues entiendo que tal vez habría que hacer una función especifica para darle el estilo, pero aun si la pudiera hacer desconozco si una función puede recoger el valor de otra función... y cómo hacerlo, al final quiero algo sencillo, si no se puede lo dejamos para otra ocasión.

Se me ocurrió algo, pero en otro post leí que no se podía hacer esto...

Código PHP:

  function edInsertImage(mycampo) {
    espacio = '  ';
    var myVal = prompt('Ingresa la URL de la imagen', 'http://');
    if (myVal) {
        myVal = '<img src="' 
                + myVal 
                + '" alt="' 
                + prompt('Agrega una descripción de la imagen', '') 
                + '"' 
                + espacio
                + 'class="'
                + prompt("Escoge una opción: 1 para alinear imagen a la derecha, 2 para centrar la imagen, 3 para alinear imagen a la izquierda", " ") {
        var yes = 1 
            if (enter == 1)
             {
              'i_derecha'
             }
            else if (enter == 2)
             {
              'i_center'
             }
            else if (enter == 3)
             {
              'i_izquierda'
             }
            else
             {
              alert('número inválido, Por Favor intente de nuevo');
              
             }
        }
                + '"' 
                + espacio
                + 'border="0"'
                + '/>';
        edInsertContent(mycampo, myVal);
    }
} 
   

así nunca va a funcionar??

saludos

[_cronos2]

Prueba así:

Código Javascript:

function edInsertImage(mycampo) {
    espacio = '  ';
    var myVal = prompt('Ingresa la URL de la imagen', 'http://');
    if (myVal) {
        myVal = '<img src="' 
                + myVal 
                + '" alt="' 
                + prompt('Agrega una descripción de la imagen', '') 
                + '"' 
                + espacio
                + 'class="'
                + {'1':'i_derecha', '2':'i_center', '3':'i_derecha'}[prompt("Escoge una opción: 1 para alinear imagen a la derecha, 2 para centrar la imagen, 3 para alinear imagen a la izquierda", " ")]
                + '"' 
                + espacio
                + 'border="0"'
                + '/>';
        edInsertContent(mycampo, myVal);
    }
 

Saludos (:

[Tooj]

excelente!

gracias _cronos2

era lo que buscaba. funciona de maravilla. ahora ya se como darle opciones a un prompt en javascript



saludos