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:
Al rellenar y dar clic en el boton pasa esto
como pueden ver al rellenar el campo con un nombre y darle clic abajo aparece un texto y una imagen
mediante el script siguiente
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');
que funcione parecido al este scrip
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.
Lo que quiero hacer es tener un campo para introducir un nombre:
Al rellenar y dar clic en el boton pasa esto
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');
que funcione parecido al este scrip
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
0