Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Font e javascript?

  1. #1

    Font e javascript?

    Ciao ragazzi, ho bisogno di una mano!
    Ho appena cominciato a studiare il javascript e mi hanno chiesto di scrivere un codice che tramite l'utilizzo di una stringa la quale a sua volta avrà un valore (colore) che l'utente inserirà al momento della presentazione del popup (scusate il gioco di parole), cambi il codice del font.

    Io ho creato un documento in html con il seguente codice:

    ================================================

    File html

    ================================================

    <html>
    <head>
    <title>Stringa esterna</title>
    <script language="javascript" type="text/javascript">
    </script>
    </head>
    <body>
    <script src="stringa.js"></script> /*leggo il file js esterno*/
    <font color="colorvalue">Stringa</font> /*ecco il testo da cambiare*/
    </body>
    </html>

    ================================================

    File javascript

    ================================================

    var str = ""; /*leggo la variabile str*/
    str = window.prompt("Inserisce il colore del font"); /*faccio inserire un valore all'interno della variabile*/
    colorvalue = str; /*quest'istruzione dovrebbe far cambiare il font con il colore inserito dall'utente in precedenza, ma non lo fa*/

    =================================================

    Cosa sbaglio? Non ho mai fatto nulla di simile per quanto riguarda il font, solo con il background e funzionava... qualcuno può darmi una mano?
    ?

  2. #2

    Re: Font e javascript?

    Ti posto una pagina funzionante. Se hai domande, chiedi pure.
    codice:
    <html>
    <head>
    <title>Stringa esterna</title>
    <script src="stringa.js" type="text/javascript></script>
    </head>
    <body>
    <p id="colorvalue">Stringa</p>
    </body>
    stringa.js
    codice:
    window.onload=function(){
        var str = window.prompt("Inserisce il colore del font");
        document.getElementById('colorvalue').style.color=str;
    }

  3. #3
    Ciao, ho provato il codice che hai postato e funziona. C'è solo un errore su:
    type="text/javascript" non avevi chiuso l'apice. Volevo chiederti se puoi spiegarmi un po' il codice e quello che hai fatto, grazie per la disponibilità
    ?

  4. #4
    Originariamente inviato da wormd
    Ciao, ho provato il codice che hai postato e funziona. C'è solo un errore su:
    type="text/javascript" non avevi chiuso l'apice. Volevo chiederti se puoi spiegarmi un po' il codice e quello che hai fatto, grazie per la disponibilità
    Sono su tablet...


    Non ti è chiaro qualcosa in particolare?

  5. #5
    Ok non preoccuparti.
    Non mi è chiara quest'istruzione qui:

    <p id="colorvalue">Stringa</p>

    questa:

    window.onload=function(){

    e quest'altra:

    document.getElementById('colorvalue').style.color= str;
    }

    il resto è chiarissimo
    ?

  6. #6

  7. #7
    window.onload=function(){
    Il codice javascript viene attivato al caricamento della pagina

    document.getElementById ('colorvalue').style.color=str; }
    document.getElementById('colorvalue') preleva l'oggetto html che ha l'id colorvalue. Con l'aggiunta di .style.color il colore delle parole contenute nell'oggetto con l'id colorvalue viene modificato nel colore contenuto nella variabile str (che in questo caso è quello inserito nel prompt).

    Comunque ricorda che per far funzionare il codice, il colore inserito nel prompt deve essere o valore esadecimale (es #ff0000) o in inglese (es red)

  8. #8
    Ok grazie a tutti e due, quel "p" prima di "id" vuol dire parametro giusto?
    Comunque tutto, ok. Molto chiari, grazie molte
    ?

  9. #9
    Originariamente inviato da wormd
    Ok grazie a tutti e due, quel "p" prima di "id" vuol dire parametro giusto?
    No, "p" sta per "paragrafo".

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.