[SOLUCIONADO] Modificar link de otra pagina con formulario

publi0147 · #1 (**permalink**) 15/06/2016, 10:34

Hola, tengo una pagina html (fotos.html) la cual muestra una imagen en pantalla, por ejemplo:

<img src="media/img/imagen1.jpg">

Quiero tener un formulario en otro html (busqueda.html) de otra carpeta de mi web, que cuando introduzca un texto en el formulario (por ejemplo "imagen2") y le de al boton buscar:

1- Me modifique el codigo de fotos.html y escriba <img src="media/img/imagen2.jpg">
2- Me abra la pagina fotos.html ya con el codigo modificado

Como debo hacerlo? No se si es mejor con php, javascript..

Gracias

Alexis88 · #2 (**permalink**) 15/06/2016, 11:25

Podrías enviar la ruta mediante la cadena de consulta, leerla en el archivo destino y asignarla en el elemento <img> que contiene. Eso puedes hacerlo tanto con PHP como con JavaScript.

publi0147 · #3 (**permalink**) 15/06/2016, 15:06

Gracias, jo soy un poco novato me lo podrias explicar mas extenso?

publi0147 · #4 (**permalink**) 16/06/2016, 13:52

nadie sabe nada?

Alexis88 · #5 (**permalink**) 16/06/2016, 14:40

Disculpa la demora; estuve ocupado con trabajo que tenía pendiente, aunque hubiera sido mejor si hubieras buscado algo para tener algo por dónde empezar; recuerda que la idea es ayudarte, no hacerte todo el trabajo.

La cadena de consulta es esto: ejemplo.html?foo=bar

La parte que empieza desde la derecha del signo de interrogación en adelante, está compuesta por pares variable-valor. Cuando envías uno o más valores mediante la cadena de consulta, estás haciendo uso del método HTTP GET, por el cual puedes obtener los valores en PHP mediante el array asociativo $_GET. Con JavaScript, solo tendrías que leer la URL del documento, para lo cual puedes utilizar la propiedad location.search.

A partir de este punto, solo es cuestión de que desgloses la cadena resultante y así puedas obtener los valores, siendo uno de ellos la ruta a asignar al elemento de imagen.

publi0147 · #6 (**permalink**) 18/06/2016, 12:13

Gracias tio! ya esta, superfacil:

dos archivos, un formulario.html y un destino.php

formulario.html

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="es" /> 
<title>Buscador</title>
</head>
<body>
Buscar una imagen concreta, introduce los cuatro digitos<br />
 
<form method="get" action="destino.php">
<input type="text" name="a">
 
<input type="submit" name="" value="Buscar" />
</form>
</body>
</html>

destino.php

Código PHP:

Ver original<?php 
$a=$_GET['a']; 
echo "<li><img src=img/$a.jpg title='prefijo$a'></li>";
?>