Creazione di un div con php o js

Stefano Migotto

Stefano Migotto

Nuovo Utente
21 Nov 2019
6
0
1
Buon giorno, ho appena creato uno script che fa caricare sul server dove e hostato il sito un file che può scegliere la persona, io vorrei che quando facesse upload il sito creasse un div sul'html e aggiungendolo alla lista di altri file aggiunti i precedenza, ovviamente tutto questo collegato al'upload ovviamente se riavvio la pagina vorrei che mi rimanga salvato il div se per caso sapete come potrei fare scrivetemelo grazie se non mi sono spiegato per piacere ditemelo.
 
Puoi usare il metodo append() di jquery
Esempio:
PHP: 
$("#contenitore").append("<div id=''>contenuto</div>");
 
Ultima modifica di un moderatore:
@Stefano Migotto
@Tommy03
Quando posti codice PHP devi usare iul tag
PHP 2.png
non il tag
HTML:
 
HTML: 
<html>

<head>
    <!-- Altro -->
    <meta charset="UTF-8">
    <title>WebBook - StefanoMigotto</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Link file -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Titillium+Web:300,700,300italic'>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="main/css/Style.css">
    <!-- partial:index.partial.html -->

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
</head>

<body>
    <div class="_title">
        <h1 class="title">WebBook - StefanoMigotto</h1>
    </div>
    <div>
        <h1 class="status_agg">Ultimo Aggiornamento il: 19/11/2019</h1>
        <ul>
            <li>
                <!-- ITALIANO -->
                <input type="checkbox" checked>
                <i></i>
                <h2>Italiano</h2>
                <p>

                    <a href="main/file/ita/Il visconte dimezzato 15.10.19.odt">
                        <button class="button js-button">Il Visconte dimezzato <strong>Data: 15/10/19</strong></button>
                    </a>

                    <a href="main/file/ita/Trasformazione da discorso diretto  a discorso indiretto.odt">
                        <button class="button js-button">Trasformazione da discorso diretto  a discorso indiretto <strong>Data: 26/10/19</strong></button>
                    </a>

                    <a href="main/file/ita/Riassunto.odt">
                        <button class="button js-button">Riassunto <strong>Data: 31/10/19</strong></button>
                    </a>

                    <a href="main/file/ita/Relazione di un'esperinza 5.11.2019.docx">
                        <button class="button js-button">Riassunto di un'esperienza <strong>Data: 5/11/19</strong></button>
                    </a>

                    <a href="main/file/ita/LA RELAZIONE 6.11.19.docx">
                        <button class="button js-button">La relazione <strong>Data: 6/11/19</strong></button>
                    </a>

                    <a href="main/file/ita/TRASFORMO LA RELAZIONE IN TERZA PERSONA 6.11.19.docx">
                        <button class="button js-button">Trasformo la relazione in terza persona <strong>Data: 6/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/Il Colosseo 7.11.2019.docx">
                        <button class="button js-button">Il Colosseo <strong>Data: 7/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/12.11.19 Relazione .docx">
                        <button class="button js-button">Relazione <strong>Data: 12/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/I RUOLI DEL GRUPPO19.11.19.docx">
                        <button class="button js-button">I Ruoli nel gruppo <strong>Data: 19/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/I RUOLI DELLA 2A 19.11.19.docx">
                        <button class="button js-button">I Ruoli della 2A <strong>Data: 19/11/19</strong></button>
                    </a>



                </p>


                <!-- COPY
                  


                    <a href="main/file/ita/dt 15.10.19.odt">
                        <button class="button js-button">tt <strong>Data: 15/10/19</strong></button>
                    </a>




                             <a href="main/file/sto/dt 15.10.19.odt">
                        <button class="button js-button">tt <strong>Data: 15/10/19</strong></button>
                    </a>





                             <a href="main/file/gram/dt 15.10.19.odt">
                        <button class="button js-button">tt <strong>Data: 15/10/19</strong></button>
                    </a>



                -->
            </li>
            <li>
                <!-- STORIA -->
                <input type="checkbox" checked>
                <i></i>
                <h2>Storia</h2>
                <p>
                    <a href="main/file/sto/I ROMANI 3.10.19.odt">
                        <button class="button js-button">I Romani <strong>Data: 3/10/19</strong></button>
                    </a>
                    <a href="main/file/sto/LA STORIA DI ROMA.odt">
                        <button class="button js-button">La storia di Roma <strong>Data: 17/10/19</strong></button>
                    </a>
                    <a href="main/file/sto/OTTAVO AUGUSTO 21.10.19.odt">
                        <button class="button js-button">Ottaviano Augusto <strong>Data: 21/10/19</strong></button>
                    </a>
                    <a href="main/file/sto/Riassunto cesare.odt">
                        <button class="button js-button">Riassunto Cesare <strong>Data: 24/10/19</strong></button>
                    </a>

                </p>
            </li>
            <li>
                <!-- GRAMMATICA -->
                <input type="checkbox" checked>
                <i></i>
                <h2>Grammatica</h2>
                <p>
                    <a href="main/file/gram/REGOLE GRAMMATICALI DEL RIASSUNTO 22.10.19.odt">
                        <button class="button js-button">Regole grammaticali del riassunto <strong>Data: 26/10/19</strong></button>
                    </a>
                    <a href="main/file/gram/RIPASSO VERBI 26.10.19.odt">
                        <button class="button js-button">Ripasso Verbi <strong>Data: 26/10/19</strong></button>
                    </a>
                </p>
            </li>
        </ul>
    </div>



    <!-- System Upload -->
    <div class="all-sy">
        <div class="_sy1">
            <form action="main/php/upload-ita.php" method="post" enctype="multipart/form-data">
                <p class="sy_p">(File Supportati: .odt .docx)</p>
                <p class="sy_c">CARTELLA: ITALIANO</p>
                <input class="inp_1" type="file" name="fileToUpload" id="fileToUpload">
                <button class="inp_2" type="submit" value="Upload" name="submit">Carica</button>
            </form>
        </div>
        <div class="_sy2">
            <form action="main/php/upload-sto.php" method="post" enctype="multipart/form-data">
                <p class="sy_p">(File Supportati: .odt .docx)</p>
                <p class="sy_c">CARTELLA: STORIA</p>
                <input class="inp_1" type="file" name="fileToUpload" id="fileToUpload">
                <button class="inp_2" type="submit" value="Upload" name="submit">Carica</button>
            </form>
        </div>
        <div class="_sy3">
            <form action="main/php/upload-gram.php" method="post" enctype="multipart/form-data">
                <p class="sy_p">(File Supportati: .odt .docx)</p>
                <p class="sy_c">CARTELLA: GRAMMATICA</p>
                <input class="inp_1" type="file" name="fileToUpload" id="fileToUpload">
                <button class="inp_2" type="submit" value="Upload" name="submit">Carica</button>
            </form>
        </div>
    </div>

    <div>Il testo sopra è stato creato dinamicamente.</div>


    <div>
        <p class="copyright">Copyright StefanoMigotto</p>
    </div>
    <!-- Script -->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

PHP: 
<?php
$target_dir = "../file/ita/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "  Il File è una immagine { <br> " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo " RegistroLog - Se noti qualche errore reportalo al possessore del server (StefanoMigotto) <br>  ";
        $uploadOk = 1;
    }
}
// Check if file already exists
if (file_exists($target_file)) {
    echo " Errore: Il file gia esiste <br>";
    $uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 5000000000) {
    echo " Errore: Il file e troppo grande per essere caricato Status_File = ERROR <br>";
    $uploadOk = 1;
}
// Allow certain file formats
// Allow certain file formats
if($imageFileType != "odt" && $imageFileType != "docx") {
    echo " Errore: [ Solo i file con estensione .odt e .docx sono accettati ] Status_File = ERROR <br> ";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo " Errore: Il file non e stato caricato correttamente Status_File = ERROR <br>";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo " Il File: { ". basename( $_FILES["fileToUpload"]["name"]). " e stato correttamente caricato sul server } Status_File = OK <br>";
    } else {
        echo " ERROR. <br> ";
    }
}
?>

I FILE PHP SONO 3 PERO SONO UGUALI QUINDI PRENDI IN CONSIDERAZIONE QUESTO
 
Ultima modifica:
Devi accedere o registrarti per poter rispondere.

Discussioni simili

N
creazione div automatica
Risposte
5
Visite
2K
jQuery
Nefyt
N
S
Aggiornamento contenuto di un div dopo la creazione di una select dinamica
Risposte
0
Visite
2K
Javascript
Shinnuz
S
I
errore inserimento creazione stanza
Risposte
1
Visite
2K
PHP
Imperor
I
S
Visualizza l'errore di creazione in MSSQL
Risposte
4
Visite
2K
Database
marino51
marino51
M
[Cerco][Gratuito] Artista/designer per creazione grafica gioco di società
Risposte
0
Visite
2K
Offerte e Richieste di Lavoro e/o Collaborazione
max984
M
N
Creazione sito web senza Partita IVA (Era: mettersi in regola)
Risposte
1
Visite
1K
Leggi, Normative e Fisco
maxbossi
maxbossi
F
NetBeans problema creazione progetto Java
Risposte
0
Visite
2K
Windows e Software
fntm95
F
A
Creazione cookie e gestione accessi
Risposte
0
Visite
880
PHP
antonio corizzo
A
D
Creazione sito e-commerce WP
Risposte
0
Visite
1K
CMS (Content Management System)
devnull
D
A
Consiglio per creazione sito web
Risposte
1
Visite
1K
CMS (Content Management System)
Daygo78
D
S
CREAZIONE DI SITO PER CORSI DI FORMAZIONE
Risposte
3
Visite
9K
WordPress
SEOriented
S
spider81man
Creazione di un UNICA tabella da più file .CSV
Risposte
1
Visite
2K
PHP
marino51
marino51
M
Creazione menu a tendina
Risposte
3
Visite
3K
Javascript
matteot
M
S
Download di un file in automatico dopo la sua creazione
Risposte
2
Visite
983
PHP
samurai.sette
S
G
creazione menu a tendina e invio a pagina php
Risposte
1
Visite
2K
PHP
Tommy03
Tommy03
M
  • Bloccata
Problemi con creazione maschere
Risposte
1
Visite
826
Presentati al Forum
Max 1
Max 1
F
  • Bloccata
Creazione script Tv
Risposte
1
Visite
815
Presentati al Forum
Max 1
Max 1
W
Creazione Cartella
Risposte
2
Visite
2K
Classic ASP
wuolfit_one
W
A
recuperare data creazione di un file
Risposte
6
Visite
2K
PHP
AndreaCerre
A
D
Neofita. Creazione applicativo prenotazione automezzi
Risposte
12
Visite
3K
Offerte e Richieste di Lavoro e/o Collaborazione
turazzo
T
Alto Basso