- ベストアンサー
音量スライダーのJavaScriptが効かない？
- 動画を流すサイト作りに携わっています。音量を調節するスライダーをJavaScriptで付けてくれと依頼され、詳しくないためにつまづいています。IEではスライダーは動くが、FirefoxやMacのsafariでは動かない。
- 上記のサンプルは<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">を使用しており、これならFirefoxでも問題なく動作する。しかし、実際にコーディングしているhtmlは<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">である。
- JavaScriptの問題の可能性も考えられるが、他のソリューションを探すべきかどうか相談したい。
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
もちろんDOCTYPEで色々変る事はありますよ。 例えば document.all はIEにしか使え無いといわれていますが、 DOCTYPEを記述しない場合は、Firefoxでも理解できるケースがあります。(互換モード) ま、細かい所までチェックする時間がないのでとりあえずですが そのサンプルで XHTMLのDOCTYPEに変更してから 一塊の部分 document.getElementById("iLf").style.left = xmin + x + 'px'; document.getElementById("iLf").style.top = iniY + dY + 'px'; document.getElementById("iLb").style.left = iniX+ 'px'; document.getElementById("iLb").style.top = iniY+ 'px'; document.getElementById("iLv").style.left = iniX + valx+ 'px'; document.getElementById("iLv").style.top = iniY + valy+ 'px'; document.getElementById("iLv").innerHTML = iniValue+ 'px'; 下の方1箇所 document.getElementById("iLf").style.left = mmlayx+ 'px'; の様に getElementByIdを使ってる部分で + 'px' をポジション値のケツにつけてみて、目的どおりに動くか試してみてください。
お礼
お礼が遅くなりすみません。 やはり、DOCTYPEで変わることがあるのですね。 document.all がIEにしか使えないとも知りませんでした…。 まだ、教えていただいたものを試す時間がないのですが、 やってみます。 取り急ぎですが、ありがとうございました。