HTML Link με JavaScript Variable

[dinos33]

Γεια σε όλους. Έχω μια μεταβλητή σε JavaScript που την ορίζει ο χρήστης (χωρίς να κάνει refresh) και θέλω ένα link που έχω να αλλάζει με αυτή τη μεταβλητή χωρίς να ξαναφορτώνει τη σελίδα.

 

Πιο συγκεκριμένα θέλω να κάνω κάτι τέτοιο...

 

>
<script type="text/javascript">
function getvar() {
email=document.getElementById("email").value;
}
</script>

<input type="text" name="email" onKeyUp="javascript:getvar()" />
<A href="mailto:[Έδω θέλω να μπει η μεταβλητή email που ορίζει ο χρήστης]">Email!</A>

 

Αλλά επειδή δε ξέρω και πολλά από JavaScript (αλλά δε μπορώ να χρησιμοποιήσω PHP χωρίς να φορτώσει ξανα η σελίδα) θα ήθελα τη βοήθειά σας

[_tasos]

Δοκίμασε αυτό:

>
<script type="text/javascript">
function getvar() {
   document.getElementById("mail_link").href = 'mailto:' + document.getElementById("email").value;
   return true;
}
</script>

<input type="text" id="email" onKeyUp="" />
<a id="mail_link" href="#" onclick="javascript:getvar();">Email!</a>

 

Θα δεις ότι την javascript function την καλώ μία φορά όταν κάνει κάποιος click στο link και όχι όταν γράφει στο textbox. Αν π.χ. ο χρήστης συμπληρώσει το email με autocomplete δεν θα τρέξει το onKeyUp event για το textbox.