Preconfigurare un form

2 Risposte

• 

  blivio

  Pochi posts

  Iscritto da

  mar, 2018

  Messaggi:

  9

  Re: Preconfigurare un form

  09 set 2018, 18:58

  Allora per il focus in "latitudine" puoi farlo o in html inserendo l'attributo autofocus :

  <input name="Latitudine" autofocus value="" type="text">

  o in javascript :

  document.getElementsByTagName('input')[1].focus();

  
  In longitudine tramite html inserisci l'attributo placeholder con il testo desiderato :

  <input name="Longitudine" value="" placeholder="inserisci" type="text">

  Per la data:

  <script>var data = new Date(), stringaData = data.toString();
  document.getElementsByTagName('input')[3].value = stringData;
  </script>

• G

  giannino1995

  Utente Attivo

  Iscritto da

  dic, 2013

  Messaggi:

  479

  Re: Preconfigurare un form

  14 set 2018, 00:04

  Mille grazie! In questa pagina jsp ho risolto tutto. Il tuo ultimo codice però non mi funzionava così ho optato per jquery.
  Il codice aggiunto è questo:
  Html:

  
          <form action="/admin/coordinate.jsp" method="POST"
                class="">
              <p><input type="hidden" name="UserID" value="Paperino"></p>
              <label><strong>Latitudine</strong> <i>(gradi sessadecimali)</i>:</label>
              <p class="">
                  <input type="text" name="Latitudine" value=""
                         placeholder="Inserisci la latitudine">
              </p>
              <label><strong>Longitudine</strong> (gradi sessadecimali):</label>
              <p class="">
                  <input type="text" name="Longitudine" value=""
                         placeholder="Inserisci la longitudine">
              </p>
              <label><strong>Tempo</strong> (formato: "gg/mm/aaaa oo:mm:ss"):</label>
              <p class="">
                  <input type="text" name="Tempo" value="">
              </p>
              <p><input type="submit" value="Invia"></p>
          </form>

  Js:

  Number.prototype.aggiungiSimbolo = function (base, simbolo) {
      var numeroSimboli = String(base || 10).length - String(this).length;
      return numeroSimboli > 0 ? new Array(numeroSimboli + 1).join(simbolo || '0') + this : this;
  }
  var d = new Date,
      dFormat = [d.getDate().aggiungiSimbolo(), (d.getMonth() + 1).aggiungiSimbolo(), d.getFullYear()].join('/') + ' ' +
          [d.getHours().aggiungiSimbolo(), d.getMinutes().aggiungiSimbolo(), d.getSeconds().aggiungiSimbolo()].join(':');
  $(document).ready(function () {
      if (!$('p').hasClass('rosso-porpora') & !$('p').hasClass('verde-pisello')) {
          $("div.respform [name='Tempo']").val(dFormat);
          $("div.respform [name='Latitudine']").focus();
      } else {
          $("div.respform [name='Latitudine']").blur();
      }
  });

  e fa esattamente quello che deve fare.
  Il problema più grande lo riscontro nella home dove mettendo il focus nel tag "UserID" il browser apre in automatico un elenco con tutti gli user che si sono collegati e hanno deciso di salvare la password. Per rimovere questo menu a tendina devo premere Esc sulla tastiera. Può essere una strada quella di premere Esc sulla tastiera con jquery oppure mi consigli di fare altro? Come modificheresti il codice sotto?
  Codice html:

  
          <div class="respform">
              <form action="/autenticazione.jsp" method="POST">
                  <label>User ID:</label>
                  <p class="">
                      <input type="text" name="UserID" value=""
                             class="UserID">
                  </p>
                  <label>Password:</label>
                  <p class="">
                      <input type="password" name="Password" value="">
                  </p>
                  <p><input type="submit" value="Login"></p>
          </form>
          </div>
  

  Codice js:

  $(document).ready(function () {
      if (!$('p').hasClass('rosso-porpora') & !$('p').hasClass('verde-pisello')) {
          $("div.respform [name='UserID']").focus();
      } else {
          $("div.respform [name='UserID']").blur();
      }
  });

  Sempre grazie
  P.S.: Nel primo codice non ho usato autofocus che preferivo perché blur() non mi faceva scomparire la "|" lampeggiante dal tag. Sai spiegarmi perché? focus() ed autofocus non sono la stessa cosa? Come si rimuove autofocus con js o meglio ancora jQuery? Detto in altro modo perché blur() non rimuove l'autofocus?