Se podria hacer algo asi:

Iniciado por pedraosone, 22 Julio 2011, 06:30 AM

0 Miembros y 1 Visitante están viendo este tema.

pedraosone

Saludos, ni siquiera se si estoy escribiendo en el sitio adecuado. pero la idea que tengo en la cabeza y no se si seria viabl es la siguiente:

un cuadro de texto donde poner la url de una imagen, y al lado un comand button que al pulsarlo ponga esa imagen como imagen de fondo de esa pagina,
agradecria cualquier ayuda al respecto ya que es para una pagina que estoy creando
gracias por vuestra ayuda y si no esta en el lugar adecuado ruego me hagan el favor de trasladarlo
gracias.

#!drvy

Hola,

Seria posible con Javascirpt. Seria algo así...

en el head pones esto:
Código (javascript) [Seleccionar]

<script language="javascript">
  function cambiarfondo(){
/* Obtener url del campo de texto */
var urlimagen=document.getElementById('urlimagen').value;
/* Cambiar el fondo */
document.body.style.backgroundImage = "url(" + urlimagen + ")";
  }
</script>


y luego donde queras poner la cosa esta para cambiarlo pones:

Código (html4strict) [Seleccionar]
<!-- Campo de texto / url imagen -->
<input type="text" id="urlimagen" value="" />
<!-- boton de accion -->
<input type="button" value="cambiar fondo" onclick="cambiarfondo();" />


Espero que lo entiendas =)


Saludos

pedraosone

muchisimas gracias, me ha venido genial ese codigo que has puesto amigo , solo tendreque estudiarlo para ponerle la opcion de volver a dejar el fondo blanco, lo cual `partiendo de este que has puesto creo que puedo saber hacerlo, nuevamente muchisimas gracias

pedraosone

Hola nuevamente:
Jugando un poco con ese codigo, he conseguido añadir un segundo boton, el cual me borra la imagen de fondo que añadi con el primero en el cuadro de texto, y funciona, ciertamente me vuelve a dejar el fondo blanco, solo que me gustaria que a la misma vez me borrase el contenido del cuadro de texto, y eso si que no se como podria conseguirlo, algun consejo amigo?

el codigo modificasdo se queda de este modo :

en el head:
<script language="javascript">
  function cambiarfondo(){
/* Obtener url del campo de texto */
var urlimagen=document.getElementById('urlimagen').value;
/* Cambiar el fondo */
document.body.style.backgroundImage = "url(" + urlimagen + ")";
  }
</script>
<script language="javascript">
  function cambiarfondo1(){
/* Obtener url del campo de texto */
var urlimagen=document.getElementById('urlimagen').value;
/* Cambiar el fondo */
document.body.style.backgroundImage = "";
  }
</script>


en el body:

<p align="center">&nbsp;</p>
<p align="center"><input type="text" id="urlimagen" value size="74">
<!-- boton de accion -->
<input type="button" value="Cambiar fondo" onclick="cambiarfondo();">
<input type="button" value="Quitar fondo" onclick="cambiarfondo1();">    </p>
&nbsp;<p>&nbsp;</p>
<p align="center">&nbsp;</p>


seguro que sera facil pero el que no sabe es como el que no ve amigo
gracias por cualqueir consejo.

#!drvy

#4
Hola,
Dejas demasiado código basura que no sirve. Lo mejor es hacerlo con una funcion y que se encargue de comprobarlo todo.

Te pongo lo que haría yo.

Código (javascript,5) [Seleccionar]
<script language="javascript">
function cambiarfondo(opcion){
  var urlimagen = document.getElementById('urlimagen');

  if(opcion=="borrar"){ urlimagen.value = ""; }

  document.body.style.backgroundImage = "url(" + urlimagen.value + ")";
}
</script>


Fijate en la linea resaltada. Con un simple If lo dejas todo claro  ::)

y luego ya los botones serian:
Código (html4strict) [Seleccionar]
<!-- Campo de texto / url imagen -->
<input type="text" id="urlimagen" value="" />
<!-- botones de accion -->
<input type="button" value="cambiar fondo" onclick="cambiarfondo();" />
<input type="button" value="borrar fondo" onclick="cambiarfondo('borrar');" />



Espero que te sirva.


Saludos

pedraosone

Genial amigo, muchisisimas gracias por tu ayuda, yo es que no entiendo nada de java y ese codigo me viene genial para una pagina que ando creando. nuevamente muchas gracias por tu ayuda.