2017-08-27 8 views
-1

私はfontbit(ヘブライ語フォント会社)からフォントをダウンロードするウェブサイトを構築しようとしています。ここで 私がやった:HTMLとJSフォームが動作しない

<!DOCTYPE html> 
<html> 
<head> 
<title>הורדת פונטים מפונטביט בחינם</title> 
</head> 
<body align="center"> 
<form name="form" onsubmit="return downloadFont()" method="post"> 
<span dir="rtl" align="center">שם הפונט באנגלית:</span><br> 
<input type="text" name="name"><br><br> 
<input align="left" type="radio" name="fonttype" value="regular">Regular<br> 
<input align="left" type="radio" name="fonttype" value="bold">Bold<br><br> 
<input type="submit" value="download"> 
</form> 
<script> 
function downloadFont() { 
    var fontName = document.form["form"]["name"].value; 
    var fontType= document.form["form"]["fonttype"].value; 
    function bold() { 
    var url = "http://fontface.co.il/fonts/"+fontName+"boldwebfont.eot"; 
    window.location=url; 
    } 
    function regular() { 
    var url = "http://fontface.co.il/fonts/"+fontName+"regularwebfont.eot"; 
    window.location=url; 
    } 
    if (fontType == regular) { 
    regular(); 
    } 
    if (fontType==bold) { 
    bold(); 
    } 
    else { 
    alert("error"); 
    } 
} 

</script> 
</body> 
</html> 

イム初心者はので、多分私はそれがURLに私を取る必要がありますdowloadをクリックしたときに問題がある 、大きな間違いをしました。 しかし、何もしていません。 (ヘブライ語のテキストは「英語のフォントマメ」です)

+0

機能の結果 - HTTPエラー404.0 - 見つかりません 探しているリソースが削除されたか、名前が変更されたか、一時的に使用できません。 – Wordica

+0

それはどういう意味ですか?私は完全な初心者です –

+0

これらは著作権で保護されているフォントであり、ライセンスは必要です。タイトルが「フォントビットからフリーフォントをダウンロードする」とはおそらく違法です。 –

答えて

0

コードにいくつかの誤りがあります。このコードとコードを比較するだけで、何が間違っているのかがわかります。 このコードを試してみてください。

<!DOCTYPE html> 
<html> 
<head> 
<title>הורדת פונטים מפונטביט בחינם</title> 
</head> 
<body align="center"> 
<form name="form" onsubmit="return downloadFont()" method="post"> 
<span dir="rtl" align="center">שם הפונט באנגלית:</span><br> 
<input type="text" name="name"><br><br> 
<input align="left" type="radio" name="fonttype" value="regular">Regular<br> 
<input align="left" type="radio" name="fonttype" value="bold">Bold<br><br> 
<input type="submit" value="download"> 
</form> 
<script> 
function downloadFont() { 
    var fontName = document.forms["form"]["name"].value; 
    var fontType= document.forms["form"]["fonttype"].value; 

    if (fontType == 'regular') { 
    regular(fontName); 
    } 
    else if (fontType=='bold') { 
    bold(fontName); 
    } 
    else { 
    alert("error"); 
    } 
} 
function bold(fontName) { 
    var url = "http://fontface.co.il/fonts/"+fontName+"boldwebfont.eot"; 
    window.open(url, '_blank'); 
} 
function regular(fontName) { 
    var url = "http://fontface.co.il/fonts/"+fontName+"regularwebfont.eot"; 
    window.open(url, '_blank'); 
} 

</script> 
</body> 
</html> 

はたぶんあなたのURLにはほとんど変更を必要があります。

+1

"ちょうどあなたのコードを比較する"、実際には**あなたは自分のコードに間違っていることをOPに説明する必要があります... – Ivan

+0

コードにはいくつかのエラーがあり、既に指摘されています。 :https://validator.w3.org/#validate-by-input 出力: 行6:この時点で要素の本文に属性の配置が許可されていません。 行8:この時点で要素スパンで属性の配置が許可されていません。 行10と11:入力要素のalign属性は廃止されました。代わりにCSSを使用してください。 それ以外に、ライセンスに関する他の問題も考慮する必要があります。 – srattigan

+0

実際には私はちょうどそれを変更することを忘れていた理由JavaScriptのに焦点を当てた。とにかくありがとうございました。 –

関連する問題