Per prima cosa nel body creiamo il seguente div con la textarea e uno span che indicherà  il numero massimo di caratteri che è possibile inserire:

<div>
<textarea id=”area” maxlength=”400″ size=”60″ onkeyup=”Contar(‘area’,'contatore’,'{CHAR} caratteri rimanenti.’,400);”>       </textarea><br />
<span id=”contatore”>400 caratteri rimanenti.</span>
</div>

Gli attributi inseriti nella textarea servono ad impostare il numero di caratteri che è possibile inserire (quindi per modificarli bisogna sostituire il valore “400″ con quello da voi scelto.
Inoltre nell’attributo onkeyup dovete inserire come primo e secondo valore (in questo caso area e contatore) il valore che avete dato ali ID della textarea e allo span, altrimenti non funziona.

Il codice javascript da inserire nell’head della pagina per far funzionare il conta caratteri è il seguente:

<script type=”text/javascript”>
function getObject(obj) {
var theObj;
if(document.all) {
if(typeof obj==”string”) {
return document.all(obj);
} else {
return obj.style;
}
}
if(document.getElementById) {
if(typeof obj==”string”) {
return document.getElementById(obj);
} else {
return obj.style;
}
}
return null;
}

//Contatore dei caratteri.
function Contar(entrada,salida,texto,caracteres) {
var entradaObj=getObject(entrada);
var salidaObj=getObject(salida);
var longitud=caracteres – entradaObj.value.length;
if(longitud <= 0) {
longitud=0;
texto=’<span> ‘+texto+’ </span>’;
entradaObj.value=entradaObj.value.substr(0,caracteres);
}
salidaObj.innerHTML = texto.replace(“{CHAR}”,longitud);
}
</script>

Ciaramente tramite il css potete modificare le dimensioni, il colore ecc.. della textarea.

Per vedere la demo clicca qui

Per scaricare il file d’esempio clicca qui

Spero che questo post vi possa essere d’aiuto, vi auguro un buon lavoro.

Twitter è uno strumento ancora poco conosciuto e molto “sotto-utilizzato” , ma estremamente potente.
Possiamo utilizzarlo per:

• Raccogliere informazioni
• Fornire informazioni
• Aiutare i nostri clienti
• Farci aiutare dai nostri clienti
• Pubbliche Relazioni
• Costruire un marchio
• Monitorare la reputazione di un marchio
• Incrementare la reputazione di un marchio
• Monitorare la reputazione del marchio della concorrenza
• Incrementare il traffico del nostro sito web (blog o altro)
• Seguire task e progetti con team distribuiti
• Formare un team distribuito
• Cercare esperti
• Reclutare personale
• Reclutare clienti

Questa dettagliata mappa concettuale, regalataci dal sito Smart Feeling, ci illustra la moltidudine di possibilità che ci offre twitter: dateci un’occhiata!

Saluto!

Grazie a questa guida tutti i programmatori potranno capire i motivi per cui la combinazione di PHP, Apache e MySQL stia diventando rapidamente il sistema più diffuso per sviluppare siti web dinamici. In un solo manuale, completo e approfondito, si trovano tutte le basi necessarie per comprendere come i loro componenti principali lavorino assieme e separatamente. La creazione di due “progetti-esempio” per lo sviluppo di siti web completi consente di esercitarsi in concreto sulle applicazioni. Partendo dalle funzionalità di base, come scrivere codice PHP, creare un database MySQL, popolarlo di dati e presentare informazioni specifiche ai visitatori, si arrivano a sperimentare le caratteristiche più avanzate di PHP, Apache e MySQL procedendo, passo dopo passo, nello sviluppo del sito. Alla fine della lettura si avranno sotto controllo tutti i concetti necessari per diventare sviluppatori web professionali, utilizzando strumenti gratuiti e disponibili online.

Integrato alle mie lezioni, diventa veramente una guida indispensabile per il ripasso e l’esercizio!!

Buona lettura!

Ecco quindi alcuni indirizzi utili per consentirvi di eseguire queste operazione con facilità:

• http://gestionemail.aruba.it/ –> per creare nuove email e gestire le vecchie;
• http://webmail.aruba.it/ –> per accedere alla visualizzazione delle mail;
• http://vademecum.aruba.it/start/email/mail.asp –> per configurare tutti i client di posta;

Saluto!

Si tratta di un semplice box al cui interno scorrono a rotazione 4 immagini. Il passaggio dall’una all’altra avviene con una morbida transizione di tipo fade.

Scarica il pacchetto da qui
Per vedere la demo clicca qui

La parte HTML :

Prima di tutto nell’ head va inserito il collegamento al file css slideshow1.css:

<link rel="stylesheet" href="style/slideshow1.css" type="text/css">

va inserito solo il collegamento a questo file perchè l’altro file (slideshow2.css) viene richiamato automaticamente  dal file javascipt.

Successivamente va creato un div con id=”rotator” e al suo interno inseriamo le immagini con il tag img :

<div id=”rotator”>

<img src=”style/images/9rules.jpg” />
<img src=”style/images/cssbeauty.jpg” />
<img src=”style/images/godbit.jpg” />
<img src=”style/images/stylegala.jpg” />
<img src=”style/images/yahoo.jpg” />

</div>

La parte CSS:
Serve solamente ad impostare le dimensioni e il posizionamento del div all’interno della pagina ed è stato aggiunto anche un bordino di 1px.

Il file è personalizzabile a seconda delle proprie esigenze:

*{
margin: 0;
padding: 0;
}

#rotator{
border: 1px solid #000;
overflow: hidden;
margin: 50px auto 10px;
position: relative;
width: 400px;
height: 300px;
}

#rotator img{
border: 0;
width: 400px;
height: 300px;
}

La parte JAVASCRIPT:
Prima di tutto va inserito il collegamento al file js nell’ head in questo modo:

<script type=”text/javascript” src=”js/xfade2.js”></script>

Analizziamo adesso alcune righe del file xfade2.js in modo da poterle modificare a seconda delle voste esigenze:

alla riga 24 troviamo il seguente codice:

imgs = d.getElementById(‘rotator’).getElementsByTagName(‘img’);

Se il nostro div si chiama in modo diverso, è qui che va sostituito.

Subito sotto troviamo questa riga:

setTimeout(so_xfade,3000);

Intervenendo sul valore numerico (3000), si può impostare la velocità di rotazione. Inserite in pratica un valore più grande se volete che le singole immagini siano visualizzate più a lungo.

Buon lavoro a tutti.

Ieri siamo stati contattati da uno studio stampa (con la sede a Milano) che sta assumendo un apprendista. 

I signori vorrebbero consultare alcuni dei vostri CV.  Anyone interested????

Mandatemi le adesioni via mail: ufficio@ticonzero.it

Un caro saluto, Eli

Però ci sono anche delle novità che interessano l’aggiunta di funzioni del tutto nuove, come quella chiamata “alterazione marionetta“. Si tratta di uno strumento che non era mai stato presente in una delle edizioni precedenti di Photoshop e che permette all’utente di effettuare delle modifiche alle immagini digitali spostando degli elementi e soprattutto curvando e raddrizzando delle parti della foto. Ad esempio si può rendere più dritto un fiore che nella foto originale è leggermente piegato. Anche questo è un utile strumento per ritoccare al meglio le nostre creazioni grafiche.

Per vedere il video Marionetta

Decisamente interessante è l’introduzioni di alcuni nuovi tag per la creazione dei layout-web:
dovremmo passare da un codice sorgente scritto in questa maniera:

ancora differenziato tramite l’uso dell’attributo id (ve lo ricordate figlioli?), a questo nuovo modello:

dove l’uso di id è pressochè inesistente!

Saluto!

Nasce, quindi, il blog di Ticonzero, che ci auguriamo diventi il luogo per far crescere la nostra community, a dismisura.
Ovviamente sempre all’insegna della professionalità e meticolosità che, da anni, ci contraddistinguono.

E come sempre ne vedremo delle belle…

Lo Staff

P.S. Iscrivetevi alla newsletter per sapere in anteprima la novità targate Ticonzero!