2016-10-03 8 views
1

私はいくつかのユーザー入力を受け取り、それらを戻すことができる簡単なページを作成しようとしています。しかし、私がすることができないことが一つあります。それは、ユーザからのE-ポスト入力を受け取り、それを「mailto」文字列に追加することです。これにより、入力されたメールがクリックされると、入力されたメールがプリエントされたメールプログラム。ここでhref = "mailto:" stringへのJavascript変数

はコード

<!DOCTYPE html> 
<html> 
<head> 
<title>HTML JavaScript output on same page</title> 
<script type="text/JavaScript"> 
    function showMessage(){ 
     var navn = document.getElementById("navn").value; 
     display_navn.innerHTML= navn; 

     var mail = document.getElementById("mail").value; 
     display_mail.innerHTML= mail; 

     var tlf = document.getElementById("tlf").value; 
     display_tlf.innerHTML= tlf; 
    } 
</script> 
</head> 
<body> 
<form> 
Navn: <br> 
<input type="text" id = "navn"><br> 
E-post: <br> 
<input type="text" id = "mail"><br> 
Mobil: <br> 
<input type="text" id = "tlf"><br> 

<br> 
<br> 
<input type="button" onclick="showMessage()" value="submit" /> 
</form> 

<br> 
<br> 

<span id = "display_navn"></span><br> 
<br> 
<a href="mailto:" + mail><span id = "display_mail"></a></span><br> 
<br> 
<span id = "display_tlf"></span> 


</body> 
</html> 

そして、ここではそれがどのように見えるかのスクリーンショットです。

enter image description here

そして私は、私はTestEmailをクリックしたときに私が持っている電子メールクライアントが開き、アドレスがすでに入力されるように、それを作りたいです。これは何かできるのでしょうか? 同じサイトで行うのが難しい場合は、入力を1つのサイトで行い、生成されたコンテンツで新しいサイトを開くことができます(送信ボタンをクリックすると簡単になります)。

+0

'myanchor.href = 'のmailto:' + navn +メール+ tlf' - あなたは真剣に – evolutionxbox

+0

かかわらず、適切にメッセージをフォーマットする必要がありますか? @ザカ? –

+0

@ZakariaAcharki No buddy。どういたしまして。これはクエリ文字列から取るもので、これはまったく異なるメイトです。解決策と質問の両方に類似点はありません。私の答えをチェックし、答えを確認してください。 –

答えて

3

あなたはこのコードの余分な行が必要です。

display_mail.parentNode.setAttribute("href", "mailto:" + mail); 

をそして</form>タグを閉じることを忘れないでください。

フィドル:http://output.jsbin.com/revahabowe

+0

それは完全に働いた。ありがとう!それがどのように働いたか簡単に説明できますか? – Siesta

+0

@Siesta 'href'属性を設定する必要があります。あなたはまったくそれをしなかった。また、HTMLタグ内でそのJavaScriptを使用するとJavaScriptは存在しません。それは無効だった。 –

関連する問題