Antonio OLIVERIO - Strumenti, tecniche e tecnologie per la programmazione web

Recuperare un valore da un popup bootstrap ed impostare il valore di input nella pagina principale

Posted 25 aprile 2018 by aoliverio & filed under Bootstrap, JQuery Comments: 0

Codice HTML di esempio per il popup modale

<a class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">open popup</a>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                input in popup:
                <input type="text" class="form-control" id="myPopupInput" />
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close (do nothing)</button>
                <button type="button" class="btn btn-primary">Save changes (but popup does not even close)</button>
            </div>
        </div>
    </div>
</div>
<br />
input in main page: 
<input type="text" class="form-control" id="myMainPageInput" />

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<a class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">open popup</a>

<h4 class="modal-title" id="myModalLabel">Modal title</h4>

</div>

input in popup:

</div>

<button type="button" class="btn btn-default" data-dismiss="modal">Close (do nothing)</button>

<button type="button" class="btn btn-primary">Save changes (but popup does not even close)</button>

</div>

<br />

input in main page:

Per salvare alla chiusura del modale

<script>
    $('#myModal').on('hidden.bs.modal', function (e) {
        var value = $('#myPopupInput').val();
        $('#myMainPageInput').val(value);
    });
</script>

1

2

3

4

5

6

$('#myModal').on('hidden.bs.modal', function (e) {

var value = $('#myPopupInput').val();

$('#myMainPageInput').val(value);

});

</script>

Per salvare quando si clicca sul bottone SAVE [crayon-5ae2a7d0bbca934598501..

Come faccio a vedere chi mette mi piace sulla mia pagina?

Posted 16 gennaio 2018 by aoliverio & filed under Social Comments: 0

Tag:facebook

come faccio a vedere chi ha messo mi piace sulla mia pagina

Con questo brevissimo post cercherò di rispondere ad una domanda molto ricorrente per chi si trova a gestire una pagina Facebook. Può sembrare banale ma spesso cliccando sui “Mi Piace” della pagina il sistema visualizza solamente gli amici che hanno messo “mi piace” o che seguono la pagina, senza rilevare, all’utente ammistratore l’identità di tutte ..

From HTML table to EXCEL file in CakePHP 3.x

Posted 8 settembre 2017 by aoliverio & filed under AOBuilder, CakePHP Comments: 0

In questo breve tutorial viene illustrato come ottenere un file Excel da una tabella HTML. L’esempio si riferisce alla modifica di un file Template di una applicazione CakePHP 3.x, ma può essere facilmente adattato a file PHP. Modifica del Template Parte del codice da inserire in cima al file template. E’ importante che lo script ..

File upload in AOBuilder

Posted 4 settembre 2017 by aoliverio & filed under AOBuilder Comments: 0

Tag:file upload

In questo tutorial sono riportati i passi da seguire per l’upload di file in applicazioni CakePHP che utilizzano AOBuilder. Nel caso specifico, si utilizza la libreria \Builder\Lib\Filesystem, che predeve che i file siano archiviati all’interno della directory /webroot/uploads/, dove gli stessi saranno organizzati in ulteriori due sotto directory anno/mese, es. /2017/01 per i file archiviati ..

Come modificare il database WordPress per la migrazione su un nuovo URL

Posted 1 giugno 2017 by aoliverio & filed under Wordpress Comments: 0

Tag:cambio url, migrazione

Come modificare il database WordPress per la migrazione su un nuovo URL

Dopo la migrazione di un sito WordPress su un nuovo URL, le stringhe di URL nel database mysql devono essere modificate e aggiornate nelle diverse tabelle di database di mysql. Modificare i dati nel database Assicurandosi di avere selezionato il nuovo database, è necessario eseguire alcuni comandi SQL di sostituzione sulle tabelle, in particolare su ..

Convertire una data in PHP per MySQL

Posted 12 aprile 2017 by aoliverio & filed under PHP Tips & Tricks Comments: 0

Tag:mysql

In questo articolo viene proposto un semplice script per convertire al volo una data da formato italiano, in formato valido per l’inserimento DATE di MySQL. L’esempio mostra come convertire una data acquisita in una form HTML, e trasmessa in POST per l’elaborazione con una sola riga ..

Posted 9 aprile 2017 by aoliverio & filed under Bootstrap Comments: 0

Tag:w3c

bootstrap-css-modificato-risultato-validazione

I siti web realizzati in Bootstrap non sono conformi allo standard CSS 3.0 del W3C. In questo articolo vedremo come modificare il CSS base di Bootstrap per renderlo conforme allo standard. Verranno illustrati i passaggi richiesti per modificare il foglio di stile per renderlo conforme allo standa..

Come visualizzare le “pagine figlio” di una pagina WordPress

Posted 3 aprile 2017 by aoliverio & filed under Wordpress Comments: 0

Tag:widget

WordPress non consente (in maniera nativa) di visualizzare la gerarchia delle pagine sul sito web. Per fare questo è possibile sviluppare una funzione e richiamare l’output nella pagina desiderata attraverso uno shortcode. Su WordPress i contenuti testuali possono essere organizzati in Pagine o Articoli. Una delle principali caratteristiche della pagine è che possono essere organizzate ..

Invio di e-mail HTML con allegato in PHP

Posted 1 aprile 2017 by aoliverio & filed under PHP Tips & Tricks Comments: 0

Tag:mail

Questa funzione consente di inviare una e-mail HTML con un file allegato. Lo script consente di identificare il fileType dell’allegato e consente di caricare un file da path su file system o da URL. Questa funzione consente di inviare una e-mail HTML con un file allegato. Per fare questo è necessario leggere il file e ..

Posted 11 marzo 2017 by aoliverio & filed under Wordpress Comments: 0

Tag:ultimo aggiornamento

Questo breve frammento di codice può essere utilizzato nei siti web realizzati in WordPress per visualizzare la data e ora dell’utlimo post aggiornato. Questo messaggio verrà quindi utilizzato per comunicare al visitatore l’ultima operazione di salvataggio effettuata sul proprio sito, un pò come siamo abituati a vedere sulle testate di alcuni siti di informazione quali ..

I’m a CakePHP developer

Articoli recenti

Categorie

Archivi

Commenti recenti