Boton examinar

Bytevamp · #1 (**permalink**) 17/04/2006, 02:22

Buenas, tengo una pregunta, ¿hay alguna forma de que en un formulario en el que tengo que subir un archivo, el boton examinar no sea el tipico, sino que pueda poner una imagen?, con los botones de enviar y limpiar formulario no hay problemas, ya lo he hecho, pero este,..., no hay forma.

Agradeceria cualquier ayuda.

Gracias.

JavierB · #2 (**permalink**) 17/04/2006, 02:31

Hola Bytevamp

Esta página te puede interesar:

http://www.quirksmode.org/dom/inputfile.html

Saludos,

Bytevamp · #3 (**permalink**) 17/04/2006, 02:51

Gracias, la examinare y ya cuento.

Saludos.

Bytevamp · #4 (**permalink**) 17/04/2006, 03:34

nada, no hay forma, a ver si alguien puede ayudarme con el codigo, es que no hay forma, el codigo que tengo es:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
<!--

var W3CDOM = (document.createElement && document.getElementsByTagName);

function init()
{
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefile';
	fakeFileUpload.appendChild(document.createElement('input'));
	var image = document.createElement('img');
	image.src='pix/button_select.gif';
	fakeFileUpload.appendChild(image);
	var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++)
	{
		if (x[i].type != 'file') continue;
		if (x[i].getAttribute('noscript')) continue;
		if (x[i].parentNode.className != 'fileinputs') continue;
		x[i].className = 'file hidden';
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[0];
		if (x[i].value)
			x[i].onchange();
		x[i].onchange = x[i].onmouseout = function () {
			this.relatedElement.value = this.value;
		}
	}
}

// -->

</script>
</head>

<body>

<form name="formulario">
<div class="fileinputs">
	<input type="file">
</div>
</form>
</body>
</html>

Nota, si ya se que es de javascript, pero es por no abrir un nuevo hilo, si los moderadores lo ven pertinente pueden moverlo alli.

Gracias a todos por la ayuda.