Messaggio predefinito in tag board

« Older   Newer »
  Share  
fancon
view post Posted on 10/4/2010, 14:17




Messaggio predefinto in TagBoard




Funzionamento:
Mostra un messaggio in Area di invio messaggio in Tag che viene cancellato al Click.


Compatibilitą:
Compatibile al 100% con tutti i browser.


Dove inserire il codice:
In fondo al forum.


Analisi del Codice:
SPOILER (click to view)
HTML
<script type="text/javascript">
//By DarkStyle
var message="Testo, esempio : non spammate in tag! Leggete il regolamento, ecc.";
var tag=document.tagboard.ffmsg;

function modifyvalue() { if (tag.value=="") {
tag.value=message;
tag.style.color="808080";
tag.style.fontStyle="italic";
} }

function resetvalue() { if (tag.value==message) {
tag.value="";
tag.style.color="000000";
tag.style.fontStyle="normal";
} }

document.onload=modifyvalue();
document.tagboard.onsubmit=function() {if (tag.value==message) return false};
tag.onfocus=resetvalue;
tag.onblur=modifyvalue;
document.tagboard.I.onfocus=resetvalue;
document.tagboard.B.onfocus=resetvalue;
document.tagboard.U.onfocus=resetvalue;
document.tagboard.fcolor.onfocus=resetvalue;
</script>


Parti del codice:
  • HTML
    <script type="text/javascript">
    //By DarkStyle
    var message="Testo, esempio : non spammate in tag! Leggete il regolamento, ecc.";
    var tag=document.tagboard.ffmsg;

    Tag apertura Javascript.
    Credit.
    Modificate Testo con il messaggio che vorreste che appaia.
    Ho ridotto document.tagboard.ffmsg in una variabile denominata tag per alleggerire lo script.

  • HTML
    function modifyvalue() { if (tag.value=="") {
    tag.value=message;
    tag.style.color="808080";
    tag.style.fontStyle="italic";
    } }

    function resetvalue() { if (tag.value==message) {
    tag.value="";
    tag.style.color="000000";
    tag.style.fontStyle="normal";
    } }


    Funzioni che leggono il testo presente e lo modificano
    Modificate il primo colore(808080) con il colore del messaggio temporaneo.
    tagboard.style.fontStyle="italic" serve invece a far comparire il testo in corsivo, č facoltativo.
    Il secondo colore (000000) definisce il colore del messaggio dopo il click.
    tagboard.style.fontStyle="normal" serve a togliere il corsivo dal testo al click.

  • HTML
    document.onload=modifyvalue();
    document.tagboard.onsubmit=function() {if (tag.value==message) return false};
    tag.onfocus=resetvalue;
    tag.onblur=modifyvalue;
    document.tagboard.I.onfocus=resetvalue;
    document.tagboard.B.onfocus=resetvalue;
    document.tagboard.U.onfocus=resetvalue;
    document.tagboard.fcolor.onfocus=resetvalue;
    </script>

    Serie di Tags che attivano le funzioni, aggiungono il supporto ai colori, evitano l'invio del messaggio predefinito.

Fonte: NewsBoard Forum
 
Top
0 replies since 10/4/2010, 14:17   121 views
  Share