Archivio della categoria: Javascript

[Javascript] Strip Tags in javascript

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 = '<html><body><a href="#1">Go 1</a></body></html>';
var contenuto_pulito = strip_tags(variabile_sporca);

Enjoy :D

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

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)

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

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 :D

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

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 :D

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

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.