cambiar una imagen cuando se envian datos por formulario
Publicado por Lisandro (4 intervenciones) el 25/07/2017 02:04:07
Hola amigos lo que tengo son dos imagen una de un foco prendido y otra de un foco apagado, lo que quiero hacer es que cuando presione la imagen esta cambie de foco prendido a apagado o viceversa y que al mismo tiempo se envien datos por el formulario, esto es posible, el archivo php al que hago referencia me manda a la misma pagina es decir a la del formulario inicial. Alguien puede darme una mano?
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
29
<!DOCTYPE html>
<html>
<head>
<script>
function changeImage() {
var image = document.getElementById("imagen");
if (image.src.match("bulbon")) {
image.src = "bulboff.gif";
document.getElementById('enviar').submit();
} else {
image.src = "bulbon.gif";
document.getElementById('enviar').submit();
}}</script>
</head>
<body>
<form id="enviar" action="ht.php" method="post">
<input type="hidden" name="foco" value="on" />
<img id="imagen" onclick="changeImage()" src="bulboff.gif" width="100" height="180">
</form>
</body>
</html>
Valora esta pregunta
0
