RISOLTO Aggiungere elementi a un div in Javascript

alemian95

Utente Attivo
901
305
CPU
Intel Core i7 9750H @2.6GHz
Scheda Madre
XPS 15 7590
HDD
WD SN730 NVMe 512GB
RAM
2×8GB SK Hynix 2666MHz
GPU
NVIDIA GeForce GTX 1650
Monitor
HP EliteDisplay E243i (1920×1200)
Case
XPS 15 7590
Periferiche
Mouse: Logitech G403 - Tastiera: Durgod Taurus K320
OS
Windows 10 Home 64 bit
Salve a tutti, pochi giorni fa ho chiesto come eseguire l'upload multiplo di immagini usando una volta soltanto l'input di tipo file, ora funziona ma, per vari motivi, mi sono reso conto che seppur mi avete fornito un metodo molto veloce, non fa al caso mio così ho deciso di virare su un metodo alternativo, che mi consentirebbe di aggiungere un tag <input> ogni molta che premo un pulsante.

Codice:
<script type="text/javascript" src="jquery-1.3.2.js"></script>
  <script type="text/javascript">
  var n = 1;
  function add_img () {
    n++;
    $("#images").append('<input type="file" name="img_' + n + '" />');
  }
</script>

<div id="images">
  <input type="file" name="img_1" />
</div>
<a href="javascript:add_img();">Aggiungi</a>

Ho creato questo codice ma non funziona, qualcuno può trovare l'errore?
Grazie in anticipo a tutti.
 
M

Mursey

Ospite
Lo hai scritto cosi' ?
Codice:
<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
</head>
<body>
    <script type="text/javascript">
        var n = 1;
        function add_img() {
            n++;
            $("#images").append('<input type="file" name="img_' + n + '" />');
        }
    </script>

    <div id="images">
      <input type="file" name="img_1" />
    </div>
    <a href="javascript:add_img();">Aggiungi</a>
</body>
</html>
Testato su IE10 e funziona.
 

alemian95

Utente Attivo
901
305
CPU
Intel Core i7 9750H @2.6GHz
Scheda Madre
XPS 15 7590
HDD
WD SN730 NVMe 512GB
RAM
2×8GB SK Hynix 2666MHz
GPU
NVIDIA GeForce GTX 1650
Monitor
HP EliteDisplay E243i (1920×1200)
Case
XPS 15 7590
Periferiche
Mouse: Logitech G403 - Tastiera: Durgod Taurus K320
OS
Windows 10 Home 64 bit
Codice:
<script type="text/javascript">
        var n = 1;
        function add_img () {
            n++;
            $("#images").append('<input type="file" name="img_' + n + '" size="20" />');
        }
</script>

Questo non l'ho messo dentro il body ma dentro l'head, per il resto è uguale.
Quando clicco su "Aggiungi" però, non succede nulla. Uso Chrome 49.0.2623.87 m
 
M

Mursey

Ospite
A me funziona anche su Chrome, controlla la console premendo F12.

- - - Updated - - -

Hai jquery nella stessa cartella del html vero ?
 

alemian95

Utente Attivo
901
305
CPU
Intel Core i7 9750H @2.6GHz
Scheda Madre
XPS 15 7590
HDD
WD SN730 NVMe 512GB
RAM
2×8GB SK Hynix 2666MHz
GPU
NVIDIA GeForce GTX 1650
Monitor
HP EliteDisplay E243i (1920×1200)
Case
XPS 15 7590
Periferiche
Mouse: Logitech G403 - Tastiera: Durgod Taurus K320
OS
Windows 10 Home 64 bit
A me funziona anche su Chrome, controlla la console premendo F12.

- - - Updated - - -

Hai jquery nella stessa cartella del html vero ?

Dalla console mi appaiono i seguenti errori

- Failed to load resource: the server responded with a status of 404 (Not Found) http :// 127.0.0.1 /progetto /jquery-1.3.2.js (li ho separati perché altrimenti viene letto come link)

- 8(program):1 Uncaught ReferenceError: add_img is not defined

- 4VM306:1 Uncaught ReferenceError: add_img is not defined

EDIT:
No non è nella stessa cartella, è quello il problema?
 
Ultima modifica:

alemian95

Utente Attivo
901
305
CPU
Intel Core i7 9750H @2.6GHz
Scheda Madre
XPS 15 7590
HDD
WD SN730 NVMe 512GB
RAM
2×8GB SK Hynix 2666MHz
GPU
NVIDIA GeForce GTX 1650
Monitor
HP EliteDisplay E243i (1920×1200)
Case
XPS 15 7590
Periferiche
Mouse: Logitech G403 - Tastiera: Durgod Taurus K320
OS
Windows 10 Home 64 bit
Ultima modifica:

Entra

oppure Accedi utilizzando

Hot: PS5 VS XBOX X/S?

  • Playstation 5

    Voti: 579 63.8%
  • XBOX Series X/S

    Voti: 328 36.2%

Discussioni Simili