Luongo Vincenzo - Blog » Javascript

[Javascript] Strip Tags in javascript

Vincenzo — Wed, 13 Nov 2013 09:26:23 +0000

Salve a tutti,

oggi avevo la necessitÃ di ripulire delle variabili da codice HTML e restituire un normale testo.
Per fare ciÃ² ho optato ad una funzione molto semplice che vi illustro di seguito:

function strip_tags(html) {
    var tmp = document.createElement("DIV");
    tmp.innerHTML = html;
    return tmp.textContent || tmp.innerText;
}

Per utilizzarla basta semplicemente richiamarla cosÃ¬:

var variabile_sporca = 'Go 1';
var contenuto_pulito = strip_tags(variabile_sporca);

Enjoy

[Javascript/PHP] How to delete the last character from a string

Vincenzo — Wed, 09 Oct 2013 09:18:59 +0000

Salve a tutti,

oggi scriverÃ² questo breve articolo per spiegare come eliminare l’ultimo carattere da una stringa, sia in linguaggio javascript che in PHP.

Per far ciÃ² ci basta conoscere 2 funzioni dei relativi linguaggi, ovvero: substr (sia in javascript che in PHP) e strlen (in PHP) e l’equivalente in javascript ovvero .length .

Bene ora passiamo alle due funzioni:

Javascript:

function delete_last_character(str) {
    var charts_num = 1; //Questa variabil Ã¨ possibile manipolarla a seconda di quanti caratteri ULTIMI eliminare
    var len = str.length;
    str = str.substr(0, len - charts_num);
    return str;
}

PHP:

function delete_last_character($str) {
    $charts_num = 1; //Questa variabil Ã¨ possibile manipolarla a seconda di quanti caratteri ULTIMI eliminare
    return substr($str, 0, strlen($str) - $charts_num);
}

Questo Ã¨ tutto, utilizzando queste funzioni vi ritornerÃ la stringa senza l’ultimo carattere finale o, modificando la variabile charts_num, vi permetterÃ di eliminare tot caratteri asseconda del set di questa variabile.

Detto questo, un saluto a tutti e alla prossima.

[javascript] Convert a time from H:i:s to H:i AM/PM (American format)

Vincenzo — Wed, 25 Sep 2013 13:40:28 +0000

Salve a tutti,

come il post precedente per la conversione delle date, ecco ora la conversione per l’orario da un formato europeo (H:i:s) ad uno americano (H:i AM o PM).

Esempio:

da 00:40:01 a 12:40 AM

Per la conversione ho sviluppato una piccola funzione in javascript che permette di fare ciÃ²:

function formatTime(time) {
 
    var type = "AM"; //PM
 
    var appo = time.split(':');
 
    var hour = appo[0];    
    var minu = appo[1];
    var seco = appo[2];
 
    if (hour >= 12) {
        hour = hour-12;
        type = "PM";
    }
 
    if (hour == 0) {
        hour = 12;
    }
 
    return (hour+':'+minu+' '+type);
}

Ecco una DEMO per il corretto funzionamento: http://jsfiddle.net/b5aqx/

Spero serva a qualcuno, alla prossima.

[Javascript] Convert a date from YYYY-MM-DD to Month DD, YYYY

Vincenzo — Wed, 25 Sep 2013 13:19:44 +0000

Hola a tutti,

oggi avevo il bisogno di convertire una data di tipo YYYY-MM-DD (MySQL Format) in una data in stile americano Month DD, YYYY.

Esempio:

Da 2013-01-01 a Jan 01, 2013

Per fare ciÃ² in javascript ho sviluppato una piccola funzione per la conversione della data:

function formatDate(input) {
	var datePart = input.match(/\d+/g),
	year  = datePart[0].substring(0), 
	month = datePart[1], 
	day = datePart[2];
 
	if(month < 10) {
		month = month.substring(1);
	} 
 
	var month_arr = new Array();
 
	month_arr[1]="Jan";
	month_arr[2]="Feb";
	month_arr[3]="Mar";
	month_arr[4]="Apr";
	month_arr[5]="May";
	month_arr[6]="Jun";
	month_arr[7]="Jul";
	month_arr[8]="Aug";
	month_arr[9]="Sep";
	month_arr[10]="Oct";
	month_arr[11]="Nov";
	month_arr[12]="Dec";
	var month_final = month_arr[parseInt(month)]; 
 
	return month_final+' '+day+', '+year;      
 
 
}

Ecco una demo per il corretto utilizzo: http://jsfiddle.net/7xVRe/

Spero sarÃ utile a qualcuno, saluti

[jQuery Mobile] How to delete the border-radius from the tag Flip Switch

Vincenzo — Wed, 25 Sep 2013 13:13:20 +0000

Salve a tutti,

in questo articolo spiegerÃ² come eliminare il border radius dal tag custom Flip Switch.

La versione che andremo a trattare Ã¨ l’ultima stabile, ovvero la 1.3.2 .

Le classi che richiedono la personalizzazione sono:

.ui-btn-corner-all
.ui-corner-all
.ui-slider-switch

Per eliminare il border-radious (bombatura o arrotondamento) di questi “oggetti” basta implementare dopo l’inclusione del css di jquery mobile il seguente style:

 
.ui-btn-corner-all,
.ui-corner-all,
.ui-slider-switch {
 
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
 
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
 
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
 
}

CosÃ¬ facendo avrete il vostro flip switch completamente esente dal border radius.

DEMO: http://jsfiddle.net/e26ac/1/

Saluti

[WEB/jQuery] How to resolving conflicts of jquery javascript framework by others

Vincenzo — Sun, 02 Jun 2013 20:48:34 +0000

La cosa piÃ¹ fastidiosa oggi e riuscire a far sÃ¬ che si possa utilizzare piÃ¹ framework javascript (tipo jQuery, prototype, moderz, mootool, ecc…).

Per jQuery esiste un bel trucchetto che ci aiuterÃ ad isolare le funzioni jquery con le altre funzioni di altri Framework.

La funzione in questione Ã¨: noConflict

DOCS: http://api.jquery.com/jQuery.noConflict/

Questa funzione non fa altro che impostare al posto del classico $ un qualsiasi altro carattere.

Esempo:

<script type="text/javascript" src="jquery.js">script>
<script type="â€text/javascriptâ€">
JQ = jQuery.noConflict();
script>

Come da esempio dopo l’inclusione di jQuery si crea il nuovo “oggetto” JQ che andrÃ al posto del famoso $.
Dopo aver fatto questo “hack” potrete inserire altre librerie come prototype e utilizzarle normelmente.
Per le funzioni jQuery basta inserire al posto del $ iniziale il JQ oppure qualsiasi carattere o serie di caratteri che vogliate impostare.