2012-03-26 18 views
0

すべてにハッピー月曜日。IE8で動作しないJqueryコード

非常に基本的なコードを書いて、ユーザーが行くことができるWebページを作成し、ドロップダウンリストから項目を選択してから、ファイルをダウンロードします。

いくつかの助けを借りて、ドロップダウンボックスのonchangeイベントでjqueryを使用してこれを行うことができました。 FirefoxとChromeで動作するようになったらカートホイールを作った。私はIE8とbamに行きました!それは動作しません。これは、コースのためのかなりパーです。

これは、どのようなタイプのJavaScriptでも私の最初の経験です。私は一見単純な質問のために謝罪しますが、私はバナナを運転していることを教えてください!ここで

コード

<html> 
<head> 
<script script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min. 
js"> 
$(function() { 
    $("#PrinterNames").change(function() { 
     var printer = $(this).val(); 
     var url = "file:///C:/Users/JBenson/Desktop/PrinterScripts 

     /Completed"+"/"+ printer +".vbs"; 
    console.log(url); 
     window.open(url,'Start Installation') 
    }); 
}); 
</script>  
</head> 

<body lang=EN-US style='tab-interval:.5in'> 

<img src=inspirelogo.gif> 

<H2>Welcome to the HK Printer Installation Page!</H2> 
     <H3>Please select a printer: 
      <select id ="PrinterNames" name ="PrinterNames" > 
      <option value="Please Select a Printer" selected="selected"> 
Please Select a Printer</option> 
      <option value="Acadia">Acadia</option> 
        <option value="Altima">Altima</option> 
        <option value="Armada">Armada</option> 
        <option value="Avalon">Avalon</option> 
        <option value="Blazer">Blazer</option> 
        <option value="Camaro">Camaro</option> 
        <option value="Caravan">Caravan</option> 
        <option value="Cavalier">Cavalier</option> 
        <option value="Celica">Celica</option> 
        <option value="Charger">Charger</option> 
        <option value="Chevelle">Chevelle</option> 
        <option value="Corolla">Corolla</option> 
        <option value="Corvair">Corvair</option> 
        <option value="Corvette">Corvette</option> 
        <option value="Daytona">Daytona</option> 
        <option value="Envoy">Envoy</option> 
        <option value="Escalade">Escalade</option> 
        <option value="Frontier">Frontier</option> 
        <option value="HHR">HHR</option> 
        <option value="Hummer">Hummer</option>  
        <option value"Impala">Impala</option> 
        <option value="Insight">Insight</option> 
        <option value="Intrepid">Intrepid</option> 
        <option value="Journey">Journey</option> 
        <option value="Malibu">Malibu</option> 
        <option value="Maxima">Maxima</option> 
        <option value="Murano">Murano</option> 
        <option value="Neon">Neon</option> 
        <option value="Nomad">Nomad</option> 
        <option value="Nova">Nova</option> 
        <option value="Prowler">Prowler</option> 
        <option value="Sentra">Sentra</option> 
        <option value="Skyline">Skyline</option> 
        <option value="SSR">SSR</option> 
        <option value="Stratus">Stratus</option> 
        <option value="Versa">Versa</option> 
        <option value="Xterra">Xterra</option> 

      </select> </H3> 

<H3>Steps for Printer Installation </H3> 
<ol> 
     <li>Select your printer from the drop down above.</li> 
     <li>You will get a pop up window that looks like this<br> 
     <img src="printerinstall.jpg" alt="Download Box" ><br> 
     Please click on open. It will iniate the installation.<br></li> 
     <li>You may see a pop up box that looks like this during your installation<br> 
     <img src="trustprinter.jpg" alt="Trust Printer"><br> 
     Click on Install driver. <br></li> 
     <li>After a few minutes, check your Devices and Printers and the printer you  

     selected should now be there.</li> 
</ol> 
<H3>Please contact the helpdesk at 6657 if you encounter any issues. </H3> 

</body> 
</html> 

である私は、これはあなたがIEのために必要なことを本当に簡単なものです期待しています。あなたが提供できるどんな助けも非常に高く評価されます。私はこの問題に疲れているので、私はコンパイを窓から投げることができました。

もう一度おねがいします!

+1

潜在的に愚かな質問:あなたが実際* IE8をサポートする*必要がありますか? –

+0

どのように動作しないのか、もっと詳しく教えてもらえますか?スクリプトエラー、間違った結果など? – Rup

+0

ええ、私たちは実際にIE8をサポートしなければなりません。私たちが扱う外部ベンダーには、IE7とIE8でしか動作しないサイトやアプリケーションがサイトにあるので、私たちはそれを保持しなければなりません。もし私ができるならば、私は誰でもfirefoxに変えるだろう。 –

答えて

1

は出して試してみてください。

console.log(url); 

IE8はconsole上に唾を吐くことがあります。

そして、適切な行末にセミコロンを含めてください。 IEは他のブラウザのようにJSエラーを許していないかもしれません。

JSLintまたは他のJSデバッガを使用してコードを実行します。ここで

はあなたのコードのフィドルを試してみることです。http://jsfiddle.net/WmS25/

+1

さらに、このデバッグスクリプトを確認してください。 http://benalman.com/projects/javascript-debug-console-log/ console.log(url)を使用する代わりに。あなたは単にdebug.log(url)を使用します。それはあなたにたくさんのオプションを与え、すべてのブラウザで機能します。 – tedski

+0

jk。 jslintでコードを実行します。再び私が得ているエラーがJavaScriptの問題を引き起こしているかどうか、またはそれが文法について嫌なことがあるかどうかわからないjavascriptに関する経験はありませんか?これらのエラーがこの問題を引き起こすかどうかを見てみてください。 –

+0

@ JamiBenson自分のコードでIE8で 'console.log'をテストしたところ、実行されませんでした。 IEは特に敏感なので、常に適切なJS構文を使用してください。また、Chromeには、左上に「レンチ」、ツールには「Javascriptコンソール」、JSデバッグツールが組み込まれています。 –