/* * To change this template, choose Tools | Templates * and open the template in the editor. */ function muestraFormularioFoto(idclub,idioma){ if(idioma==0){ // ESpañol // Primero borramos si existe el mensaje de foto cambiada , por si el usuario le ha vuelto a dar objetoAccionRealizada= document.getElementById("accionRealizada"); if(objetoAccionRealizada!=null){ objetoAccionRealizada.parentNode.removeChild(objetoAccionRealizada); } // creo el formulario formu = document.createElement("form"); formu.setAttribute("name", "formulariofoto"); formu.setAttribute("id", "formulariofoto"); formu.setAttribute("method", "POST"); formu.encoding="multipart/form-data"; formu.setAttribute("action", "subeFicheroEscudo"); // Creo la el text hidden CLUB club= document.createElement("input"); club.setAttribute("name", "club"); club.setAttribute("id", "club"); club.setAttribute("type", "hidden"); club.setAttribute("value", idclub); // Creo el tipo file para el fichero fichero= document.createElement("input"); fichero.setAttribute("name", "fichero"); fichero.setAttribute("id", "fichero"); fichero.setAttribute("type", "file"); fichero.setAttribute("accept", "image/jpeg;image/gif;image/png"); // Ahora hago el boton de enviar boton=document.createElement("input"); boton.setAttribute("name", "enviar"); boton.setAttribute("id", "enviar"); boton.setAttribute("type", "button"); boton.onclick= function(){if(document.getElementById("fichero").value!=''){document.getElementById("formulariofoto").submit();}else{alert('Seleccione la imagen a subir');}}; boton.style.height=20; boton.style.width=100; boton.value="ENVIAR" // Ahora hago el boton de cancelar botonC=document.createElement("input"); botonC.setAttribute("name", "cancelar"); botonC.setAttribute("id", "cancelar"); botonC.setAttribute("type", "button"); botonC.onclick= function(){window.location.reload();} botonC.style.height=20; botonC.style.width=75; botonC.value="Cancelar" // Voy a insertar la frase para decir que estamos cambiando la imagen // vamos a añadir un parrafo parrafo=document.createElement("span"); // añadimos el texto al nodo párrafo parrafo.appendChild(document.createTextNode("Cambiar la imagen del escudo")); formu.appendChild(parrafo); formu.appendChild(club); formu.appendChild(fichero); //inserto 2 br formu.appendChild(document.createElement("br")); formu.appendChild(document.createElement("br")); formu.appendChild(boton); formu.appendChild(botonC); formu.appendChild(document.createElement("br")); formu.appendChild(document.createElement("br")); // vamos a añadir un parrafo parrafo2=document.createElement("span"); parrafo2.setAttribute("name", "parrafo2"); parrafo2.setAttribute("class", "parrafosAficionados"); parrafo2.setAttribute("className", "parrafosAficionados"); // añadimos el texto al nodo párrafo parrafo2.appendChild(document.createTextNode("- Puede necesitar refrescar el navegador para ver los cambios")); // vamos a añadir un parrafo parrafo3=document.createElement("span"); parrafo3.setAttribute("class", "parrafosAficionados"); parrafo3.setAttribute("className", "parrafosAficionados"); // añadimos el texto al nodo párrafo parrafo3.appendChild(document.createTextNode("- Formatos admitidos .jpg .gif y .png")); // vamos a añadir un parrafo parrafo1=document.createElement("span"); parrafo1.setAttribute("class", "parrafosAficionados"); parrafo1.setAttribute("className", "parrafosAficionados"); // añadimos el texto al nodo párrafo parrafo1.appendChild(document.createTextNode("- Resolución óptima de la imagen es 270x270 px")); // vamos a añadir todos los parrafos a un nodo center , y luego este se lo añadimos al formulario nodoCenter=document.createElement("CENTER"); nodoCenter.appendChild(formu); // Lo insertamos en la pagina tabla=document.getElementById("tablaColaboradores"); tabla.parentNode.insertBefore(nodoCenter,tabla); tabla.parentNode.insertBefore(parrafo3,tabla); tabla.parentNode.insertBefore(document.createElement("br"),tabla); tabla.parentNode.insertBefore(parrafo1,tabla); tabla.parentNode.insertBefore(document.createElement("br"),tabla); tabla.parentNode.insertBefore(parrafo2,tabla); // Vamos a eliminar la tabla de colaboradores tabla.parentNode.removeChild(tabla); }else{ // Primero borramos si existe el mensaje de foto cambiada , por si el usuario le ha vuelto a dar objetoAccionRealizada= document.getElementById("accionRealizada"); if(objetoAccionRealizada!=null){ objetoAccionRealizada.parentNode.removeChild(objetoAccionRealizada); } // creo el formulario formu = document.createElement("form"); formu.setAttribute("name", "formulariofoto"); formu.setAttribute("id", "formulariofoto"); formu.setAttribute("method", "POST"); formu.encoding="multipart/form-data"; formu.setAttribute("action", "subeFicheroEscudo"); // Creo la el text hidden CLUB club= document.createElement("input"); club.setAttribute("name", "club"); club.setAttribute("id", "club"); club.setAttribute("type", "hidden"); club.setAttribute("value", idclub); // Creo el tipo file para el fichero fichero= document.createElement("input"); fichero.setAttribute("name", "fichero"); fichero.setAttribute("id", "fichero"); fichero.setAttribute("type", "file"); fichero.setAttribute("accept", "image/jpeg;image/gif;image/png"); // Ahora hago el boton de enviar boton=document.createElement("input"); boton.setAttribute("name", "enviar"); boton.setAttribute("id", "enviar"); boton.setAttribute("type", "button"); boton.onclick= function(){if(document.getElementById("fichero").value!=''){document.getElementById("formulariofoto").submit();}else{alert('Choose the image to upload');}}; boton.style.height=20; boton.style.width=100; boton.value="Upload" // Ahora hago el boton de cancelar botonC=document.createElement("input"); botonC.setAttribute("name", "cancelar"); botonC.setAttribute("id", "cancelar"); botonC.setAttribute("type", "button"); botonC.onclick= function(){window.location.reload();} botonC.style.height=20; botonC.style.width=75; botonC.value="Cancel" // Voy a insertar la frase para decir que estamos cambiando la imagen // vamos a añadir un parrafo parrafo=document.createElement("span"); // añadimos el texto al nodo párrafo parrafo.appendChild(document.createTextNode("Change the team logo")); formu.appendChild(parrafo); formu.appendChild(club); formu.appendChild(fichero); //inserto 2 br formu.appendChild(document.createElement("br")); formu.appendChild(document.createElement("br")); formu.appendChild(boton); formu.appendChild(botonC); formu.appendChild(document.createElement("br")); formu.appendChild(document.createElement("br")); // vamos a añadir un parrafo parrafo2=document.createElement("span"); parrafo2.setAttribute("name", "parrafo2"); parrafo2.setAttribute("class", "parrafosAficionados"); parrafo2.setAttribute("className", "parrafosAficionados"); // añadimos el texto al nodo párrafo parrafo2.appendChild(document.createTextNode("- You may need to refresh your browser to see the changes")); // vamos a añadir un parrafo parrafo3=document.createElement("span"); parrafo3.setAttribute("class", "parrafosAficionados"); parrafo3.setAttribute("className", "parrafosAficionados"); // añadimos el texto al nodo párrafo parrafo3.appendChild(document.createTextNode("- Only formats .jpg .gif y .png")); // vamos a añadir un parrafo parrafo1=document.createElement("span"); parrafo1.setAttribute("class", "parrafosAficionados"); parrafo1.setAttribute("className", "parrafosAficionados"); // añadimos el texto al nodo párrafo parrafo1.appendChild(document.createTextNode("- Optimal image resolution is 270x270 px")); // vamos a añadir todos los parrafos a un nodo center , y luego este se lo añadimos al formulario nodoCenter=document.createElement("CENTER"); nodoCenter.appendChild(formu); // Lo insertamos en la pagina tabla=document.getElementById("tablaColaboradores"); tabla.parentNode.insertBefore(nodoCenter,tabla); tabla.parentNode.insertBefore(parrafo3,tabla); tabla.parentNode.insertBefore(document.createElement("br"),tabla); tabla.parentNode.insertBefore(parrafo1,tabla); tabla.parentNode.insertBefore(document.createElement("br"),tabla); tabla.parentNode.insertBefore(parrafo2,tabla); // Vamos a eliminar la tabla de colaboradores tabla.parentNode.removeChild(tabla); } }