Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 11 Maggio, 2014, 13:06:17

Titolo: [v10 - v12] Campi "e-mail" e "Ripeti e-mail" affiancati
Inserito da: lemonsong - 11 Maggio, 2014, 13:06:17

Citazione

Volevo sapere se c'è la possibilità di avere il campo "Ripeti e-mail" a fianco del campo "e-mail".

Con jQuery è possibile, per esempio, inserendo questo codice in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD:

Citazione

<script>
$(document).ready(function() {
var boundary = $("label[for='imObjectForm_1_3_chk']");
$("<div>").insertAfter(boundary.parent()).append(boundary.nextAll().andSelf());
});
</script>

fonte: stackoverflow.com (http://stackoverflow.com/questions/9886676/jquery-add-closing-tag-and-then-reopen-when-using-before#9886743)

In rosso da personalizzare con i numeri presenti nel valore dell'attributo for dell'elemento label.
Per identificare facilmente tale valore possiamo utilizzare, per esempio, "Analizza elemento" (click tasto destro) di Firefox:

[attach=1]


QUI (http://lemonsong.altervista.org/test_ripeti_email/) un esempio fatto con la Professional 10.1.6.48 (demo).

Titolo: Aggiornamento per la versione 12
Inserito da: lemonsong - 16 Aprile, 2016, 14:05:06

Questo il codice modificato per la versione 12:

Citazione

<style>
.ripeti-mail {
  box-sizing: border-box;
  float: left;
  padding-right: 10px;
  position: relative;
  width: 50%;
}

@media (max-width:479px) {
  .ripeti-mail {
    width: 100%;
  }
}
</style>
<script>
$(document).ready(function() {
  var boundary = $("label[for='imObjectForm_1_3_chk']");
  $('<div class="ripeti-mail">').insertAfter(boundary.parent()).append(boundary.nextAll().andSelf());
});
</script>

In rosso da personalizzare con i numeri presenti nel valore dell'attributo for dell'elemento label.
Nel CSS personalizzare 479 (valore di default) con la risoluzione scelta per la visualizzazione in modalità Smartphone.

QUI (http://lemonsong.altervista.org/test_ripeti_email_12/) un esempio fatto con la Evolution 12.0.5.22

Titolo: Aggiornamento per la versione 13/14/15
Inserito da: lemonsong - 23 Marzo, 2018, 19:57:41

WSX5, dalla versione 13, carica la libreria jQuery 3.0 ed il metodo .andSelf() (usato nel codice del precedente post) è stato rimosso quindi bisogna sostituirlo con il metodo .addBack()

Tutto il resto rimane invariato.