Piemonte Lab

Esperienze di programmazione

Selezionare tutti gli amici su facebook da una lista importata

Da quando lavoro come social media manager mi scontro sovente con problemi del tipo: ho importato tutta la rubrica di un indirizzo email su un profilo, però adesso ho 3000 contatti da selezionare ad uno ad uno. come fare? scaricare firebug per firefox (io lo uso per fare debug durante la programmazione lato front end, ma può servire anche semplicemente per eseguire un javascript), poi aprire firefox, premere f12, andare su console->lato destro-> scrivere queste poche righe di javascript:

javascript:var inputs = document.getElementsByClassName('checkbox');
for(var i=0;i<inputs.length;i++)
{ var input = inputs[i].children[0]; input.click(); }

fare click su esegui.

FINITO! Adesso sono tutti selezionati, tu devi solo più confermare.

Facebook prova a farci paura mettendo nel codice che passa nella Console delle frasi del tipo: 'ti stanno rubando l'account', oppure porcherie simili, ma la verità è questa (analisi riga per riga del codice javascript):

var inputs = document.getElementsByClassName('checkbox'); //dichiaro una variabile con all'interno tutti gli elementi html della pagina contraddistinti da una classe che si chiama 'checkbox'.
for(var i=0;i<inputs.length;i++)
{ var input = inputs[i].children[0]; input.click(); } //per ognuno di questi elementi prendo il primo figlio (che è appunto un elemento di tipo checkbox) e ci clicco sopra.

Per dubbi commentate pure!

Bootbox: alert, confirm e finestre modali (dialog) customizzabili per bootstrap.

Questo è il link ufficiale del progetto javascript: http://bootboxjs.com/

Necessita di jquery e bootstrap.

Un po' di codice:

- Nell'head dell'html

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/bootstrap.min.js" type="text/javascript"></script>

<script src="js/bootbox.min.js" type="text/javascript"></script>

<link href="css/bootstrap.min.css" rel="stylesheet">

(naturalmente nella cartella js metteremo i tre file js e nella cartella css il file css di bootstrap).

 

Codice javascript:

bootbox.alert("Messaggio",function(){

//Qui c'è la funzione eventuale che verrà scatenata dopo il click sull'ok, o dopo la chiusura della finestra modale.

}


oppure:

bootbox.confirm("Domanda",function(result){

  if(result){

     //se hai premuto 'si', result varrà true.

 });


La stessa cosa avviene per prompt (finestra con textbox) e per le finestre modali customizzabili, in cui posso decidere stile, attributi e callback della finestra).

Per definire invece lo stile dei bottoni occorre settare nel css le proprietà:

".modal-footer .btn-default" e ".modal-footer .btn-primary"



Nella versione utilizzabile con bootsrap 3 c'è un errore: viene rimossa la scrollbar verticale dopo la comparsa della finestra modale (perché viene aggiunta al body la proprietà '.modal-open')

Per risolvere questo inconveniente occorre settare nel css:

body {overflow-y:scroll !important}