pues veran coloque un codigo en mi web que me permitia subir varias imagenes creando x input fueran pedidos por el usuario, este codigo funcionaba perfectamente hasta que inserte un editor de html dentro de un text area, voy a pasar el codigo de los 2 y como son llamados para que me ayuden porque.
SCRIPT para las SUBIR MULTI IMAGENES
Código Javascript
:
Ver original<script type="text/javascript">
var numero = 0;
// Funciones comunes
c= function (objeto) { // Crea un elemento
return document.createElement(objeto);
}
d = function (identificador) { // Retorna un elemento en base al id
return document.getElementById(identificador);
}
e = function (evento) { // Retorna el evento
return (!evento) ? event : evento;
}
f = function (evento) { // Retorna el objeto que genera el evento
return evento.srcElement ? evento.srcElement : evento.target;
}
addField = function () {
container = d('files');
span = c('SPAN');
span.className = 'file';
span.id = 'file' + (++numero);
field = c('INPUT');
field.name = 'pro_foto[]';
field.type = 'file';
field.className='cuadro';
field.size='70';
a = c('A');
a.name = span.id;
a.href = '#';
a.onclick = removeField;
a.innerHTML = 'Quitar';
span.appendChild(field);
span.appendChild(a);
container.appendChild(span);
}
removeField = function (evt) {
lnk = f(e(evt));
span = d(lnk.name);
span.parentNode.removeChild(span);
}
</script>
y lo llamo asi:
Código HTML:
<td width="25%" height="25" class="titulo02">Imagenes:<a href="#" class="titulo02" onClick="addField()">Añadir Foto</a></td>
<td width="80%" height="25" class="titulo02"><div id="files" style="width:400px; font-family:Arial, Helvetica, sans-serif; font-size:14px;"></div></td>
y el Script para el WYSWYG es:
Siguiente POST