Passare valori a script js da input type in html?

Ciao,

questo script javascript, fa in modo che una determinata scritta, segua il cursore del mouse

http://www.chiavetta.eu/scritta.js

nel mio sito, vorrei che ci fosse una casella di testo e un bottone, che permettano di modificare la scritta a piacimento.

Presumo di dover usare un <input type="text"> e un <input type="button" onclick= ? >

Vorrei sapere come fare in questo caso, a richiamare lo script (forse devo creare una funzione che esegua i primi passaggi dello script?), passando come parametro la nuova frase, contenuta nella casella di testo.

Grazie

1 risposta

Classificazione
  • pazu
    Lv 5
    7 anni fa
    Risposta preferita

    aggiungi questa funzione al tuo script, non importa in che posizione:

    function get(name){

    if(name=(new RegExp('[?&]'+encodeURIComponent(name)

    +'=([^&]*)'))

    .exec(location.search))

    return decodeURIComponent(name[1]);

    }

    sostituisci la prima riga dello script originale (var text='Passa e clicca su Arlecchino';) con queste righe:

    var text=get("testo");

    if (!text) text="Passa e clicca su Arlecchino";

    definisci la casella di testo e il bottone così:

    <input type="text" value="" id="x">

    <input type="button" method="get" value="Cambia"

    onclick="window.location ='http://www.chiavetta.eu/?testo=%27

    +document.getElementById('x').value;">

    dovrebbe funzionare

    Ciao

    ps: sono andato a capo più del dovuto altrimenti la risposta non si visualizzava correttamente, elimina gli 'a capo' superflui quando copi il codice.

Altre domande? Fai una domanda e ottieni le risposte che cerchi.