[SOLUCIONADO] Imprimir codigo html en el mismo documento

Balita · #1 (**permalink**) 13/04/2015, 02:39

Buenos días, os comento, estoy haciendo un html para subir fotos a mi servidor y darle la opcion del numero de fotos que quiere subir y me muestre al lado los campos a subir, cuando lo hago todo va bien perose me borran todos los campos y solo aparecen los de subir aquí os dejo el codigo.

Código HTML:

Ver original<!doctype html>
<html lang="es">
    <head>      
        <meta charset="utf-8"/>
        <title> Titulo </title> 
        <script type="text/Javascript">
        
            function añade()
            {
                var numero = parseInt(document.getElementById("numero").value);
            
                for(var i = 0; i < numero; i++)
                {
                    document.write("  " + i + ": <input name='archivo" + i +"' type='file' />");
                }
            }   
        </script>
    </head>
    
    <body bgcolor="white">
    
    <?php
        session_start();
            
            // Controlo si el usuario está logueado
            if (!isset($_SESSION['nombre']))
            {
                echo "Debes ser administrador o redactor para acceder aquí.";
            }
            else
            {
                if($_SESSION['rol'] == "administrador" || $_SESSION['rol'] == "redactor"){
                    
    ?>
        
        <table width=100% >
            
            <tr>
                <td>
                    <!-- FORMULARIO REGISTRO DE DATOS YIR -->
                    Regístrate: 
                    
                    <form method="post" action="add.php" enctype="multipart/form-data">
                        <table >
                            <tr>
                                <td><label for="codigo">CÓDIGO</label> </td>
                                <td><textarea name="codigo" rows="1" cols="20"></textarea> </td>
                            </tr>
                            <tr>
                                <td><label for="nombre">NOMBRES</label> </td>
                                <td><textarea name="nombre" rows="1" cols="30"></textarea> </td>
                            </tr>
                            
                            <tr>
                                <td><label for="archivo">SUBIR FOTO</label>  </td>
                                <td><input name="archivo" type="file" /></td>
                            </tr>
                            <tr>
                                <td><label for="archivo">FOTOS ADICIONALES (CANTIDAD)</label>  </td>
                                <td><input type="number" id="numero" name="numero"/><input type="button" name="Añade" value="Añade" onclick="añade()"/></td>
                            </tr>
                            <tr>
                                <td colspan="2"><input type="submit" value="Añadir a la Base de datos"/> </td>
                            </tr>
                        </table>
                    </form>
                </td>
            </tr>
            
        </table>
    <?php
                }else{
                    echo "Debes de ser administrador o redactor para tener acceso";
                }
            }
    ?>
    </body>
 
</html>

PHPeros · #2 (**permalink**) 13/04/2015, 08:04

El problema es que cuando document.write() es llamado de forma asíncrona (despues de la carga del documento) reemplaza todo su contenido. Prueba usando innerText o similares

Balita · #3 (**permalink**) 14/04/2015, 01:33

no funciona con innertext otra solucion? yo había pensado en hacerlo con dom pero no se donde mostrarlo porque si lo muestro en un text area me aparece el codigo

NueveReinas · #4 (**permalink**) 14/04/2015, 06:06

¿Y con innerHTML?

Balita · #5 (**permalink**) 15/04/2015, 01:38

vale con inner html si funcionaria pero mira este esel problemaque tengo desde el principio, la parte del inner quedaría asi:
document.getElementById("zona").innerHTML = " " + i + ": <input name='archivo" + i +"' type='file' />";

La cuestion es que elemento HTML tiene que ser el que lleve la id zona para que me lo muestre?

Balita · #6 (**permalink**) 15/04/2015, 02:04

problema resuelto, el id lo puse dentro de un span y funciono. así quedarái el codigo:

Código Javascript:

Ver original<script type="text/Javascript">
        
            function añade()
            {
                var numero = parseInt(document.getElementById("numero").value);
                var x = "";
                var almacen = "";
                
                for(var i = numero; i > 0; i--)
                {
                    almacen =  "&nbsp;" + i + ": <input name='archivo" + i +"' type='file' />&nbsp;&nbsp;&nbsp;";
                    x = almacen + x;
                    
                }
                document.getElementById("sube").innerHTML =  x;
            }   
        </script>

y el HTML

Código HTML:

Ver original<tr>
                                <td><label for="archivo">FOTOS ADICIONALES (CANTIDAD)</label>  </td>
                                <td><input type="number" id="numero" name="numero"/><input type="button" name="Añade" value="Añade" onclick="añade()"/></td>
                            </tr>
                            <tr>
                            <td colspan="2"><span id="sube"></span></td>
                            </tr>

Un saludo y espero que sirva d eayuda si alguien lo necesita