Clicking on pages

Asked

Viewed 33 times

0

I took this code from the internet to see how it works. First it only shows after loading the data from the server. I wanted to make one for when it enters a page, it show the loading until the component is loaded.

#loading {
  background: none no-repeat scroll 50% 50% rgba(255, 255, 255, 0.8);
  height: 100px;
  left: 500px;
  position: fixed;
  top: 500px;
  width: 200px;
  z-index: 1000;
  text-align: center;
}
    
#loading #fraseLoader {
  font-size: 25px;
}
    
#loading #imagemLoader {
  margin-top: 20%;
}
<div id="loading" style="display: none;">
  <i class="ace-icon fa fa-spinner fa-spin orange bigger-125"></i>
  <p id="fraseLoader">Processando, aguarde...</p>
</div>

What is wrong?

javascript

  • Can you link to the source of the snippet?

  • Vinicius I do not remember, I found yesterday.

  • JS is missing, right? I only see CSS/HTML here.

1 answer

0

Vinicius.

<style>
#loading {
    background: none no-repeat scroll 50% 50% rgba(255, 255, 255, 0.8);
    height: 100px;
    left: 500px;
    position: fixed;
    top: 500px;
    width: 200px;
    z-index: 1000;
    text-align: center;
}

#loading #fraseLoader {
    font-size: 25px;
}

#loading #imagemLoader {
    margin-top: 20%;
}
</style>
    <div id="loading" style="display: none;">
        <i class="ace-icon fa fa-spinner fa-spin orange bigger-125"></i>
        <p id="fraseLoader">Processando, aguarde...</p>
    </div>
    <script type="text/javascript">
        jQuery(function($) {
            $('#loading').show().;
        });
    </script>

Was really...

Browser other questions tagged javascript

You are not signed in. Login or sign up in order to post.