HTML - Modificar direcorio src de imagen

   
Vista:
Imágen de perfil de Fortunato

Modificar direcorio src de imagen

Publicado por Fortunato (1 intervención) el 22/11/2015 17:01:03
Pregunta, alguna manera de modificar solo una parte del directorio de una imagen a travez de un imput

Lo que quiero hacer es tener un campo para introducir un nombre:

prog1

Al rellenar y dar clic en el boton pasa esto

prog2

como pueden ver al rellenar el campo con un nombre y darle clic abajo aparece un texto y una imagen
mediante el script siguiente

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
function gen(){
var divProgress = document.getElementById('progress');
var imagen = document.createElement('img');
var texto = document.createElement('span');;
 if (nombre.value  == '')
 alert ('El nombre esta vacío :(');
 texto.innerHTML =("<b><font face=arial size=2 color=#000000>¡Hola  </font></b>");
 
 
imagen.setAttribute('src','http://www.google.com/images/logos/ps_logo2.png');
imagen.setAttribute('id','ajaxLoader');
 
texto.innerHTML =("<b><font face=arial size=2 color=#000000>¡Hola "+nombre.value+"! Hoy es un gran dia para descansar y dormir  </font></b>");
 
 
// la siguiente condicion es para que no se agregue otra imagen si se vuelve a dar click en el boton
 
if(document.getElementById('ajaxLoader') == undefined){
divProgress.appendChild(imagen);
divProgress.appendChild(texto);
}
}
</script>
 
<input name="nombre" id="nombre" type="text" class="textbox" maxlength="10" placeholder="Tu nombre" />
 
<button onclick="gen()">Click</button>


Lo que quiero es modificar solo una parte del directorio de la imagen imagen.setAttribute('src','http://www.google.com/images/logos/ps_logo2.png');

prog3

que funcione parecido al este scrip


prog4

esta funcion tiene
una variable
var ale: que lo que hace es dar como resultado un numero aleatorio del 1 al 6
var fianza: que obtiene el valor del campo nombre o lo que se introdujo en el campo nombre
var fianzaM : convierte en mayusculas todo lo que este en la variante fianza o sea lo que se introdujo en el campo nombre
y finalmente windos.location que habre una direccion url pero dependiendo de el resultado de la variante ale y fianzaM
Por ejemplo si ale=3 y lo que se introdujo en el campo nombre= Tenorio, entonces fianza= Tenorio, pero fianzaM convierte en mayuscula lo que hay en fianza entonces fianzaM=TENORIO
lo que quedaria asi
window.location=" https://tenorio3g.xzy/cont /"+ale+"/"+fianzaM;
window.location=" https://tenorio3g.xzy/cont /3/TENORIO;

eso mismo quiero que pase pero en el directorio de una imagen mas o menos asi

https://tenorio3g.xzy/cont/resultado/"+ale+"/"+fianzaM+".jpg;
https://tenorio3g.xzy/cont/resultado/3/"TENORIO.jpg;

Alguien me puede ayudar a resolver mi problema

asi cuando introduzco un nombre y doy clic dependiendo del nombre es la imagen que aparecera abajo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder