Creazione di un div con php o js

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.
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Puoi usare il metodo append() di jquery
Esempio:
PHP:
$("#contenitore").append("<div id=''>contenuto</div>");
 
Ultima modifica di un moderatore:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
@Stefano Migotto
@Tommy03
Quando posti codice PHP devi usare iul tag
PHP 2.png
non il tag
HTML:
 

Stefano Migotto

Nuovo Utente
21 Nov 2019
6
0
1
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
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
N creazione div automatica jQuery 5
S Aggiornamento contenuto di un div dopo la creazione di una select dinamica Javascript 0
S Visualizza l'errore di creazione in MSSQL Database 4
M [Cerco][Gratuito] Artista/designer per creazione grafica gioco di società Offerte e Richieste di Lavoro e/o Collaborazione 0
N Creazione sito web senza Partita IVA (Era: mettersi in regola) Leggi, Normative e Fisco 1
F NetBeans problema creazione progetto Java Windows e Software 0
A Creazione cookie e gestione accessi PHP 0
D Creazione sito e-commerce WP CMS (Content Management System) 0
A Consiglio per creazione sito web CMS (Content Management System) 1
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 3
spider81man Creazione di un UNICA tabella da più file .CSV PHP 1
M Creazione menu a tendina Javascript 3
S Download di un file in automatico dopo la sua creazione PHP 2
G creazione menu a tendina e invio a pagina php PHP 1
M Problemi con creazione maschere Presentati al Forum 1
F Creazione script Tv Presentati al Forum 1
W Creazione Cartella Classic ASP 2
A recuperare data creazione di un file PHP 6
D Neofita. Creazione applicativo prenotazione automezzi Offerte e Richieste di Lavoro e/o Collaborazione 12
L Aiuto creazione menu mancante WordPress 0
E Creazione URL per chat whatsapp WordPress 0
L Creazione di 2 o più record PHP 6
W Creazione di una griglia HTML e CSS 1
E Creazione di un sito di news PHP 16
S Scelta software/cms per creazione sito Webdesign e Grafica 6
E Creazione gestionale timesheet partendo da foglio excel Offerte e Richieste di Lavoro e/o Collaborazione 0
M Creazione notifica sonora Javascript 1
R Creazione sito eccomerce privato. Offerte e Richieste di Lavoro e/o Collaborazione 2
I Creazione programmino JAVA Offerte e Richieste di Lavoro e/o Collaborazione 0
D Difficile creazione excel di dati di grandi dimensioni Classic ASP 2
I creazione stile css HTML e CSS 3
A [Offro][retribuito] Creazione siti web/ web app (Django) Offerte e Richieste di Lavoro e/o Collaborazione 2
G [OFFRO][RETRIBUITO] Creazione siti web e loghi professionali Offerte e Richieste di Lavoro e/o Collaborazione 0
D Creazione sito Offerte e Richieste di Lavoro e/o Collaborazione 0
D CREAZIONE E GESTIONE SITO E-COMMERCE Offerte e Richieste di Lavoro e/o Collaborazione 2
C [WordPress] Retribuzione creazione Sito Web vetrina Discussioni Varie 3
I [Javascript] Creazione di una piccola libreria e integrazione in angular Javascript 2
S [OFFRO] Creazione di programmi per la modifica automatizzata di testi Offerte e Richieste di Lavoro e/o Collaborazione 0
T [php] problema creazione query select-where PHP 5
Daniele_Carrara [PHP] Creazione Carrello PHP 1
G Creazione Landing Page Offerte e Richieste di Lavoro e/o Collaborazione 2
P [HTML] Creazione pagina web da dove iniziare HTML e CSS 2
L Creazione form html HTML e CSS 3
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
W [PHP] Creazione classe PDO PHP 4
K [PHP] Creazione di Calendario con orario PHP 4
V [CREO] Creazione profilo INSTAGRAM ad hoc per SVILUPPO MARKETING aziendale Offerte e Richieste di Lavoro e/o Collaborazione 0
Store creazione campo search in php PHP 1
Store creazione barra search sito web Presentati al Forum 3
C Creazione di una funzione per il filtraggio dei campi di un db Presentati al Forum 0

Discussioni simili