bitlabo-r.xsrv.jp
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
bodyタグの終わりの方に以下を追加する。
#code(javascript){{
function dispLoading(msg) {
if( msg == undefined ){
msg = '';
}
var dispMsg = '<div class="loadingMsg">' + msg + '</d...
if($('#loading').length == 0){
$('body').append('<div id="loading">' + dispMsg +...
}
}
function removeLoading() {
$('#loading').remove();
}
}}
headタグの終わりの方に以下を追加する。
#code(css){{
<style type="text/css">
#loading {
display: table;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
opacity: 0.8;
}
#loading .loadingMsg {
display: table-cell;
text-align: center;
vertical-align: middle;
padding-top: 140px;
background: url('kurukuru.gif') center center no-...
}
</style>
}}
ajaxの開始時にdispLoading()を呼んで、終了時にremoveLoadin...
&color(blue){・・・期待通りにならない。};~
他の要素(フォームの要素?)の裏になっちゃう。zindexなんか...
で、別の方法を模索してみました。モーダルダイアログを利用...
bodyタグの終わりの方に以下を追加する。(headタグの方は前...
#code(html){{
<div class="modal fade" id="edit-modal-kurukuru" tabindex...
<div id="loading"><div class="loadingMsg">取得中...</...
</div>
}}
ajaxの開始時に$('#edit-modal-kurukuru').modal('show')とし...
&color(blue){期待通り!};~
何か問題あるかなぁ。
*参考サイト(敬称略) [#o2b3e7b4]
-[[Webllica:https://webllica.com/jquery-now-loading/]]
*コメント [#s359611a]
#comment
----
&tag(jquery);
RIGHT:Today:&counter(today); Yesterday:&counter(yesterday...
終了行:
bodyタグの終わりの方に以下を追加する。
#code(javascript){{
function dispLoading(msg) {
if( msg == undefined ){
msg = '';
}
var dispMsg = '<div class="loadingMsg">' + msg + '</d...
if($('#loading').length == 0){
$('body').append('<div id="loading">' + dispMsg +...
}
}
function removeLoading() {
$('#loading').remove();
}
}}
headタグの終わりの方に以下を追加する。
#code(css){{
<style type="text/css">
#loading {
display: table;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
opacity: 0.8;
}
#loading .loadingMsg {
display: table-cell;
text-align: center;
vertical-align: middle;
padding-top: 140px;
background: url('kurukuru.gif') center center no-...
}
</style>
}}
ajaxの開始時にdispLoading()を呼んで、終了時にremoveLoadin...
&color(blue){・・・期待通りにならない。};~
他の要素(フォームの要素?)の裏になっちゃう。zindexなんか...
で、別の方法を模索してみました。モーダルダイアログを利用...
bodyタグの終わりの方に以下を追加する。(headタグの方は前...
#code(html){{
<div class="modal fade" id="edit-modal-kurukuru" tabindex...
<div id="loading"><div class="loadingMsg">取得中...</...
</div>
}}
ajaxの開始時に$('#edit-modal-kurukuru').modal('show')とし...
&color(blue){期待通り!};~
何か問題あるかなぁ。
*参考サイト(敬称略) [#o2b3e7b4]
-[[Webllica:https://webllica.com/jquery-now-loading/]]
*コメント [#s359611a]
#comment
----
&tag(jquery);
RIGHT:Today:&counter(today); Yesterday:&counter(yesterday...
ページ名: