update-alternatives –config editor

A questo punto vi dovrebbe comparire una schermata del genere:

There are 4 alternatives which provide `editor’.

Selection    Alternative
———————————————–
1    /usr/bin/vim.tiny
2    /bin/ed
*+      3    /bin/nano
4    /usr/bin/vim.basic

Fate la vostra scelta e al prossimo avvio di un applicazione editor, vi comparirà quello che avete impostato.

Un modo per poterlo fare è quello di installare mutt

apt-get install mutt

Non richiede la configurazione de è subito pronto all’uso ;)

Per poter impostare vim come editor globale del sistema è sufficiente digitare il seguente commando:

update-alternatives –config editor

Invece se lo volete fare solamente per il vostro profilo mettete la seguente stringa

 export EDITOR=vim

In vostro “~/.bashrc”

Probabilmente non ve ne farete un bel niente a meno che non siete webdeveloper oppure siete veramente curioso di vedere come sarà il futuro webbrowser della Richmond.

Ad ogni modo è possibile scaricarlo da questa pagina , sono presente le versioni per seguenti piattaforme:

• Windows Vista/windows 2008 Server (nelle versioni 32 e 64 bit)
• Windows Xp Sp2 (x86/x64)
• Windows 2003 Server (x86/x64)

C’è da ricordare che questa volta la Microsoft ha promesso di rendere il nuovo browser più compatibile possibile con le specifiche dello standard W3c… Speriamo bene, forse i giorni in cui prima si sviluppava sito per browser decenti e dopo si bestemiava per farlo funzionare in ie6 sono finiti, sigh.

Per poterlo usare non dovete far altro che connettervi a http://lastfm.alekc.org e naturalmente essere in possesso di un account Last.fm (e avere già la vostra classifica con i top album)

Questo post nasce come una specie di appunti personali per quanto riguarda il mio studio della libreria JQuery.

Siccome mi sono reso conto che non esiste una documentazione in lingua italiana di tutte le api, ma solamente dei tutorial sparsi, ho deciso di condividere questi appunti.

Il post è in costante aggiornamento, perciò se volete usare questa documentazione da qualche parte siete pregati di linkare questo post come documento originale, grazie :)

Gestione del Css

css(stringa nomeproprieta)
Restituisce una stringa che corrisponde del valore css (nomeproprieta) del primo elemento matchato.

<span id="span1" style="color: black">Questo è un paragrafo</span>

$("#span1").css("color"); //restituisce black

css(mappa parametri)
Imposta il valore css su tutti elementi in base alla mappa parametri trasmessa

//Imposta il colore rosso e grassetto su tutti span presenti nella pagina
$("span").css("{color:red, font-weight:bold}")

css(parametro,valore)
Imposta una sola proprietà di tutti elementi

$("span").css("color", "red");

height()
Ritrova altezza in pixel del primo elemento

$("span1").height();

height(stringa|intero)
Imposta altezza di tutti elementi. Se non specificato “em”, “%”, etc viene utilizzato “px”.

$("span").height("20 em");
$("p").height(20); //20px

width(), width(stringa|intero)
Si comportano allo stesso modo delle funzioni height() agendo sulla lunghezza invece che sulla larghezza

Dom - Attributi

addClass(nomeclasse)
Aggiunge la classe specificata ad ogni elemento. Se elemento aveva già una classe associata, la seconda classe viene sommata alla prima.

<span id="span1" class="miaclasse">Span</span>

//lo span di sopra diventa <span id="span1" class="miaclasse span_sottlineato">Span</span>
$("#span1").addClass("span_sottolineato");

removeClass(nomeclasse)
Rimuove la classe specificata ad ogni elemento.

<span id="span1" class="miaclasse span_sottlineato">Span</span>

//lo span di sopra diventa <span id="span1" class="miaclasse">Span</span>
$("#span1").removeClass("span_sottolineato");

attr(proprietà)
Restituisce il valore della proprietà specificata del primo elemento

<span id="span1" class="miaclasse">Span</span>

$("#span1").attr("class");//restituisce "miaclasse"

attr(mappa valori)
Imposta gli attributi con i valori specificati di tutti elementi

$("img").attr({ src: "prova.png", alt: "Questa è un immagine" });

attr(attributo, valore)
Imposta il valore dell’attributo di tutti elementi.

$("img").attr("alt", "Questa è un immagine");

attr(attributo, funzione)
Funzionamento simile al precedente punto, con la differenza che il valore da settare è dato da una funzione.

$("img").attr("title", function() { return this.src });

<img src="prova.png" />

diventa

<img src="prova.png" title="prova.png" />

removeAttr(nomeattributo)
Rimuove un attributo da tutti elementi.

//rimuove "alt" a tutte le immagini presenti nel documento
$("img").html("alt");

html()
Restituisce il contenuto html del primo elemento. Questa proprietà non funziona in documenti XML

<span id="span1"><b>Testo</b></span>

$("#span1").html();

Restituisce

<b>Testo</b>

html(mess)
Imposta il contenuto html di tutti elementi (funzione inversa del metodo precedente)

$("#span1").html("<b>Nuovo Testo</b>");

text()
Simile al funzionamento a .html(), però restituisce solamente il testo contenuto nel primo elemento.

<span id="span1"><b>Testo</b><p> Paragrafo</p></span>

$("#span1").text();

Restituisce

Testo Paragrafo

text(mess)
Imposta il contenuto testuale di tutti elementi (funzione inversa del metodo precedente)

<span id="span1"><b>Testo</b><p> Paragrafo</p></span>

$("span").text("<b>Nuovo</b> testo");

<span id="span1">&lt;b&gt;Nuovo&lt;/b&gt; testo</span>

toggleClass(nomeclasse)
Esegue addClass(nomeclasse) se elemento non ha questa classe associata, altrimenti esegue removeClass(nomelcasse)

 $("p").toggleClass("riga_pari")

val()
Restituisce il valore del primo elemento. Da usare con attenzione se si tratta dei checkbox, oppure dei select con valori multipli.

$("#input1").val();

val(valore)
Imposta il valore del primo elemento.

$("#input1").val("blog.alekc.org");

<input id="input1" value="2" />
diventa
<input id="input1" value="blog.alekc.org" />

DOM - Manipulazione

———
after(html)
Aggiunge il codice html dopo tutti elementi selezionati

$("div").after("<b>Parte aggiunta</b>");

Prima della modifica

<div>Testo</div><span>Blabla</span>

Dopo la modifica

<div>Testo</div><b>Parte aggiunta</p><span>Blabla</span>

Questa versione funziona su Leopard, ma ha alcune limitazioni: Innanzitutto  la “preference pane” inclusa non funziona sotto Leo, inoltre il pacchetto di installazione suggerisce di installare un StartupItem per poter eseguire Mysql durante il boot della macchina. Peccato che la Apple ha dichiarato questo metodo come deprecato a partire da Tiger.

Quindi in questa guida mi concentrerò  sul come installare mysql 5 su Leopard e controllarlo tramite il launchd.

Innanzi tutto scaricate la vostra copia di Mysql da qui e installatelo. Se vi chiede di installare StartupItem non fatelo (nel caso in cui l’avete fatto potete eliminare StarupItem dalla cartella /Library/StartupItems).

Create un file e salvatelo in  /Library/LaunchDaemons/com.mysql.mysqld.plist incollandovi seguenti righe:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Disabled</key>
    <false/>
    <key>GroupName</key>
    <string>_mysql</string>
    <key>KeepAlive</key>
    <true/>
    <key>Label</key>
    <string>com.mysql.mysqld</string>
    <key>Program</key>
    <string>/usr/local/mysql/bin/mysqld</string>
    <key>ProgramArguments</key>
    <array>
        <string>--user=_mysql</string>
    </array>
    <key>RunAtLoad</key>
    <true/>
    <key>Umask</key>
    <integer>7</integer>
    <key>UserName</key>
    <string>_mysql</string>
    <key>WorkingDirectory</key>
    <string>/usr/local/mysql</string>
</dict>
</plist>

Eseguite in terminal questa serie di commandi:

cd /Library/LaunchDaemons
sudo chown root com.mysql.mysqld.plist
sudo chgrp wheel com.mysql.mysqld.plist
sudo chmod 644 com.mysql.mysqld.plist

sudo launchctl load com.mysql.mysqld.plist

Per fortuna bastano un paio di commandi in Terminal per abilitarli

Ecco come procedere:

Innanzi tutto andate in /System/Library/CoreServices e trascinate l’applicazione sulla vostra dock (cosi da poter accedervi più rapidamente).

A questo punto in terminal eseguite il seguente commando:

defaults write com.apple.ScreenSharing ShowBonjourBrowser_Debug 1

Se tutto è andato bene al lancio del programma vi compare una finestra simile a quella rappresentate nell’immagine di sopra.

Se non volete fermarvi qui, potete eseguire anche seguenti commandi:

defaults write com.apple.ScreenSharing \
'NSToolbar Configuration ControlToolbar' -dict-add 'TB Item Identifiers' \
'(Scale,Control,Share,Curtain,Capture,FullScreen,GetClipboard,SendClipboard,Quality)'

A questo punto rilanciate Screen Sharing, connettetevi ad una macchina e abilitate la Toolbar dal menu “Visualizza”. Dovreste avere qualcosa del genere:

Per fortuna c’è un modo per personalizzare anche questo aspetto di sistema.

Coloro che utilizzano Leopard possono sostituire direttamente il file

/System/Library/CoreServices/DefaultDesktop.jpg

Invece per quelli che ancora sono rimasti con tiger la strada da seguire è seguente:

sudo defaults write /Library/Preferences/com.apple.loginwindow DesktopPicture '/percorso/all/immagine'

A volte può capitare di non poter utilizzare le porte predefenite per interfacce web di vari servizi come Utorrent e Emule (per esempio se al posto di lavoro potete uscire solamente sulla porta 80). Certo, potete sempre impostare il programma che vi interessa in modo che ascolti sulla porta 80 però non potete averne più di una sulla stessa porta.

La soluzione a questo problema è abbastanza semplice: reverse_proxy di Apache. E’ possibile impostare apache in modo tale che quando visitate una particolare percorso esso vi redirige in modo del tutto trasparente su un altra porta pur rimanendo sempre sulla 80.

Ecco che cosa dovete fare (in questo esempio utilizzero utorrent come interfaccia web da redirigere)

Configurazione di WebUi

Come prima cosa scaricate la WebUi di Utorrent.

Estraete il file webui.zip nella stessa cartella in cui si trova il file settings.dat di uTorrent (di default lo trovate in %AppData%\uTorrent). N.b. dovete solamente copiare l’archivio, senza estrarre il suo contenuto.

Andate nelle impostazioni di Utorrent (Opzioni->Configurazione->Avanzate->Interfaccia Web) ed abilitate la WebUi. Per controllare che la WebUi funzioni correttamente puntate il vostro browser all’indirizzo http://localhost:PORTABT/gui.

Se tutto funziona correttamente procediamo all’installazione di apache (se non l’avete già fatto).  Lo potete scaricare da qui

Configurazione di Apache

Procedete con installazione standard, ed avviatelo. Aprite il file httpd.conf ed assicuratevi che le seguenti righe non siano commentati:

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_connect_module modules/mod_proxy_connect.so
LoadModule proxy_http_module modules/mod_proxy_http.so
LoadModule proxy_ftp_module modules/mod_proxy_ftp.so

Aggiungete alla fine del file

ProxyPass /utorrentgui http://localhost:45663/gui
ProxyPassReverse /utorrentgui http://localhost:45663/gui

Sostituendo “45663″ con il numero della porta che utilizzate per Utorrent. Riavviate apache e se tutto è andato a buon fine potete accedere alla vostra erbui utilizzando indirizzo http://localhost/utorrentgui

Note:

1) All’epoca di scrittura dell’articolo la WebUi non funzionava con Firefox 3 Beta 2 bloccandosi alla schermata di caricamento con un errore javascript

document.styleSheets[n].href has no properties

Per ovviare al problema ho dovuto modificare il file stable.js che si trova nell’archivio webui.zip cambiando

document.styleSheets[n].href.indexOf(”style.css”)==-1

Con

document.styleSheets[n].href == null ||document.styleSheets[n].href.indexOf(”style.css”)==-1

(miracomando, dovete riavviare uTorrent dopo aver modificato webui.zip)

2. Potete utilizzare la stessa tecnica anche per Emule e per altri eventuali servizi (per esempio clutch)

Per far ciò  basta premere Shift+Alt+Tasto Volume (fn+f4/f5 da me, può variare in base alle impostazioni) e vedrete che invece di avanzare di una tacca intera avanzerete solo di 1/4 ;)

Non sono  sicuro che questa combinazione funziona anche sul Tiger,ma sotto leopard va alla grande.

defaults write com.apple.CrashReporter DialogType none

Per riattivare questa funzionalità sostituite “none” con prompt

Come prima cosa scaricate  il Clutch dal suo sito ufficiale. Ora lanciate Transmission ed al suo seguito Clutch (N.b. se utilizzate Firefox 3 Beta 2 Clutch potrebbe non funzionare correttamente, infatti ho dovuto ricorrere a camino per fare i test in locale).

Se tutto quanto è andato per il verso giusto aprendo nel vostro browser seguente indirizzo http://localhost:9091/ vi ritroverete davanti alla schermata identica a quella di transmission (vedi immagine allegata).

Tra le alcune funzioni comode di Clutch c’è da segnalare:

• Possibilità di usare https
• Cambiare la porta d’ascolto
• Usare l’autenticazione per far si che non tutti possono accedere ai vostri download.