Script de actualizar imagen

[asc3design]

Hola gente del foro resulta que tengo un script que trabaja para cambiar imágenes de un sistema que estoy realizado, todo trabaja bien con una imagen pero cuando hay dos imágenes no logro hacer que trabaje. el script es el siguiente:

Código:

<SCRIPT LANGUAGE="JavaScript">
<!--
var galeria = null;
function openImgManager(theURL,winName,features) { //v2.0
	if(galeria && !galeria.closed) galeria.close(); 
	var left = screen.width - 465;
  	galeria = window.open('imgMngr.php','galeria','left='+left+',top=100,status=yes,scrollbars=yes,width=450,height=500');
}
function elimiarImagen(imgPath){
	document.form1.data.value = "dat/Images/Do/defauld.jpg";
	document.form1.data2.value = "dat/Images/Do/defauld.jpg";
	document.form1['imgDisplay'].src = "dat/Images/Do/defauld.jpg";
}
//-->
</SCRIPT>

La funcion que lo llama es la siguiente

<a href="javascript:;" onClick="elimiarImagen()">

Código:

<div align="center"><img name="imgDisplay" id="imgDisplay" src="<? echo $imgpath.$data;?>"><br>
	        <input name="data2" readonly type="text" id="data2" value="<? echo $data;?>" />
	        <input name="data" type="hidden" id="data" value="<? echo $data;?>">
	      <br>
	      <a href="javascript:;" onClick="elimiarImagen()">Verwijderen Photo</a>&nbsp;|&nbsp;<a href="javascript:;" onClick="openImgManager()">kiezen Image Gallery</a></div>

Me gustaria saber como solucionar esto ya que ustedes tienen mas experiencia en el esto gracias

[sweetlydark]

Ayuda si dices que es lo que se supone que haga el script. Según veo adivino que el problema es con la función elimiarImagen() verdad? Me parece que se supone que cambie el imagen a defauld.jpg verdad?

El función recibe un argumento pero no lo utiliza según veo en el código js que pusiste pero tampoco le envías uno en el html y según el nombre no veo pq lo necesitas pero si me pregunto como es que el sabe cual imagen va eliminar; eso es si el función se supone que elimine cierto fotos (ej. foto1 - elimina foto1 | foto2 - elimina foto2 ) o quizás es solo para eliminar uno en especifico.

[asc3design]

Hola sweetlydark muchas gracias por responder... pense que seria otro pos en vano jaja aqui te adjunto el script para que veas
http://www.asc3designs.com/JSCambiarImagen.rar Lo que estoy buscando es que trabaje con 2 o 3 fotos ;)

[sweetlydark]

Iniciado por sweetlydark

Ayuda si dices que es lo que se supone que haga el script.

[asc3design]

Lo que hace el script es que cuando presionas borrar imagen

Código:

<a href="javascript:;" onClick="elimiarImagen()">Verwijderen Photo</a>

deja en su lugar una que deje por defecto... el script original lo que hace es dejarla "N/A"

Código:

function elimiarImagen(imgPath){
	document.form1.foto.value = "N/A";
	document.form1.foto2.value = "N/A";
	document.form1['imgDisplay'].src = "N/A";
}

Ya me di cuenta que variando imgDisplay hace su trabajo:

Código:

<img name="imgDisplay1" id="imgDisplay1" src="foto2.jpg">
<img name="imgDisplay" id="imgDisplay" src="foto.jpg">

Me pregunto hay una manera de contar cuantos imgDisplay hay en el documento de esta manera haciendo un bucle que no se como hacerlo en javascript prodria tener una solución rápida

PD Espero esta vez me entinas que hace el script

[asc3design]

De esta manera estoy tratando de leer todos los campos data del formulario pero nada

Código HTML:

function elimiarImagen(imgPath){
	for(var i=0; i<document.form1.data.length; i++){
	 document.form1.data[i].value = "dat/Images/Do/defauld.jpg";
	 document.form1.data2[i].value = "dat/Images/Do/defauld.jpg";
	 document.form1['imgDisplay[i]'].src = "dat/Images/Do/defauld.jpg";
	}
}

parece que de esta manera no lee cuantos:

Código HTML:

<input name="data1" type="hidden" id="data1" value="dat/Images/Do/1236581801fast2.jpg"> 

hay en el formulario

[sweetlydark]

Quieres cambiar todas a la vez o solo una que corresponde a ese link en especifico.

[asc3design]

la idea seria de una en una ya que con un bucle en php recorre cuantas imagesn hay en la galería, dependiendo de las imagenes le creo un valor mas a cada <input del formulario, lo genial seria que JavaScript sepa cuantos <input hay en el formulario y de esta manera poder hacer la tarea... estoy bloqueado por esta parte helppp

[sweetlydark]

Puedes enviar el id que quieres cambiar al función y usar ese argumento con getElementById así:

document.getElementById(argumentoID).src = 'foto.jpg';

Puedes cambiar imgPath para uno para el id o si vas a usar imgPath puedes añadir otro al lado (imgPath, imgID).

[asc3design]

Listo ya trabaja como quería

Muchas gracias por tu ayuda, el codigo quedo asi

Código HTML:

function elimiarImagen(id,imgPath){
	 document.getElementById("data" + id).value = "Invierno.jpg";
	 document.getElementById("dataB" + id).value = "Invierno.jpg";
	 document.getElementById("imgDisplay" + id).src = 'Invierno.jpg';
	}

Para cada botón le mando la función así:

Código HTML:

<a href="javascript:;" onClick="elimiarImagen(0)">eliminar imagen</a>
<a href="javascript:;" onClick="elimiarImagen(1)">eliminar imagen</a> 

[rakelurien]

Hola chic@s.
Tengo este problema. Espero que alguien me aconseje o me eche una mano. Tengo un problema parecido a lo que se ha comentado arriba pero antes de andar copiando prefiero exponer lo mio y ver si se puede hacer de esta manera,si me contais que voy mal encaminada intentare entender lo que ha conseguido el usuario anterior.
Os comento mi duda.
solo comentarte si conoces algun metodo para lo siguiente:
quiero conseguir algo parecido pero sin usar php, es usando javascript.
mi idea es que en el index aparezcan tres imagenes diferentes en 3 celdas diferentes cada vez que se entra o se actualice la pagina.
el codigo es el siguiente:
...
</head>
<script>

rnd.today=new Date();
rnd.seed=rnd.today.getTime();
AImages=[
"foto1.jpg",
"foto2.jpg"
"foto3.jpg",
]
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};

function rand(number) {
var n=Math.ceil(rnd()*number);
document.getElementById("a").src=AImages[n-1]
};

</script>

El apartado de la otra imagen seria lo mismo con su <script></script> correspondiente, pero cogiendo las imagenes de la carpeta que le corresponde y de la tercera imagen otro tanto con su <script > </script > correspondiente y sus imagenes.
luego en el body en la celda donde quiero aparecer la imagen pongo lo siguiente:
<td width="33%" align="center" valign="top"><img src="(nombre de la carpeta general donde esta las fotos)" id="(el nombre del getElementById) que le he dado arriba"></td>
cada una de las imagenes con su< td></td> en el body. Supongo que tendría que salir pero sol consigo que salga una de ellas. ¿podrías abrirme los ojos para ver donde fallo?
Gracias.