23/12 5.10 Pubblicata la guida su come Realizzare una tabella con newsboard realizzata da Scorpy87 15/12 4.15 Pubblicata la Guida per rendere un plugin compatibile con tutte le versioni di Firefox realizzata da Logan 20/11 3.20 Pubblicato il secondo aggiornamento della Raccolta di funzioni Php realizzato da [Antonio] 17/11 4.15 Pubblicata la guida su come realizzare un Css dock-menu realizzata da Scorpy87 29/10 2.30 Aggiunta alla Guida all'installazione in locale realizzata da Logan la Guida all'installazione di Wikipedia 23/9 2.10 Conclusa affiliazione con Nds-Site.com Forum Staff | Blog | Sito

Closed
Messaggio predefinito in TagBoard
view post Posted on 23/4/2009, 22:12Quote
Avatar


Group: NB Friend
Posts: 4524
Location: Ottotornante °°


Status: Offline: ultima azione eseguita il 26/12/2009, 01:38


Messaggio predefinto in TagBoard




Ecco a voi il mio secondo script.
http://tagmessage.forumcommunity.net/



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


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


Analisi del Codice:
HTML
<script type="text/javascript">
//By DarkStyle ©
message="Testo, esempio : non spammate in tag! Leggete il regolamento, ecc.";
tag=document.tagboard.ffmsg;
input=document.tagboard.elements;

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

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

document.onload=modifyvalue();
tag.onfocus=resetvalue;
tag.onblur=modifyvalue;
for(i=0; i<=input.length; i++) {
if(input.item(i).className=='codebuttons' && input.item(i).type!='submit') {input.item(i).onfocus=resetvalue;} }
for(j=0; j<=input.length; j++) {if(input.item(j).type=='submit' && input.item(j).value != 'Aggiorna') {input.item(j).onclick=function() {if(tag.value==message) return false; } } }
</script>


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

    Tag apertura Javascript.
    Credit.
    Modificate Testo, esempio : non spammate in tag! Leggete il regolamento, ecc. con il messaggio che vorreste che appaia.
    Variabili di configurazione

  • 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();
    tag.onfocus=resetvalue;
    tag.onblur=modifyvalue;
    for(i=0; i<=input.length; i++) {
    if(input.item(i).className=='codebuttons' && input.item(i).type!='submit') {input.item(i).onfocus=resetvalue;} }
    for(j=0; j<=input.length; j++) {if(input.item(j).type=='submit' && input.item(j).value != 'Aggiorna') {input.item(j).onclick=function() {if(tag.value==message) return false; } } }
    </script>

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

Un particolare ringraziamento a ~ Jolteon.

Edited by ~ DarkStyle - 17/7/2009, 14:27


Azzurra.org - [Antonio] - DarkStyle
[Bnc by Hypnotize - http://ipv6.different-world.org]

@#shiny_ditto_page - @#ffmag - @#F2 - @#nightbar - @#quizziego - +#graficadigitale - +#ircoff - #forumfree - #pokemon_city - #italia

/join #channel image
 
P_MSG P_WEBSITE Top
0 replies since 23/4/2009, 22:12
 
Closed

Fast reply

You need to register in order to post: click here