html

「html」の編集履歴(バックアップ)一覧はこちら

html」(2012/11/16 (金) 19:45:50) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*DOMを非表示 ---- 下のコードをタグの中に入れればOK! #highlight(){style="display: none; "} 例 #highlight(){<div style="display: none;"></div>} styleではcssのパラメータを変更できる。displayはcssのコマンドである。 *audioタグ ---- htmlファイル #highlight(){ <!DOCTYPE html> <html> <head> <title>html5オーディオプレイヤー</title> <meta charset="UTF-8"> <script src="./html5_audio.js"></script> </head> <body> <div id="audioZone"> <audio id="audio_8000" preload="auto" controls> <source src="audio/8000.wav" type="audio/wav"> <source src="audio/8000.mp3" type="audio/mp3"> <p>※ご利用のブラウザでは再生することができません。</p> </audio> </div> <div id="musicZone"> <input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/> </div> </body> </html> } jsファイル #highlight(){ function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 #hightlight(){ document.getElementById("audio_8000").play(); }
*DOMを非表示 ---- 下のコードをタグの中に入れればOK! #highlight(){style="display: none; "} 例 #highlight(){<div style="display: none;"></div>} styleではcssのパラメータを変更できる。displayはcssのコマンドである。 *audioタグ ---- htmlファイル #highlight(){ <!DOCTYPE html> <html> <head> <title>html5オーディオプレイヤー</title> <meta charset="UTF-8"> <script src="./html5_audio.js"></script> </head> <body> <div id="audioZone"> <audio id="audio_8000" preload="auto" controls> <source src="audio/8000.wav" type="audio/wav"> <source src="audio/8000.mp3" type="audio/mp3"> <p>※ご利用のブラウザでは再生することができません。</p> </audio> </div> <div id="musicZone"> <input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/> </div> </body> </html> } jsファイル #highlight(){ function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 #highlight(){document.getElementById("audio_8000").play();}

表示オプション

横に並べて表示:
変化行の前後のみ表示: