×
Creating solutions

Ako vytvoriť error a info message s frameworkom jQuery

JavaScriptový framework jQuery je vďaka svojej jednoduchosti veľmi populárny front-end nástroj. V tomto článku predstavím dva druhy správ vytvorené cez jQuery. Prvá správa je typu info a druhá správa je typu error.
Príklad: Zápis do sekcie pre CSS.
1
2
3
4
5
6
7
8
9
10
11
.ui-widget.message-panel .ui-icon {
display : inline-block;
}
.ui-widget.message-panel {
width : 20em;
font-size : 0.9em;
}
.ui-widget.message-panel p {
padding : 0.4em;
margin : 0;
}
Príklad: Zápis do sekcie pre HTML.
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="ui-widget message-panel">
<div class="ui-state-highlight ui-corner-all">
<p><span class="ui-icon ui-icon-info"></span>
<strong>Info!</strong> Info message.</p>
</div>
</div>
<div class="ui-widget message-panel">
<div class="ui-state-error ui-corner-all">
<p><span class="ui-icon ui-icon-alert"></span>
<strong>Error!</strong> Error message.</p>
</div>
</div>

Záver

Ako vidieť, tvorba správ je veľmi jednoduchá. Ak používate iné druhý správ vytvorené v jQuery, podeľte sa o ne prostredníctvom komentára.


jQuery,JavaScript,message,info,error,alert,ui-widget
No part of this article may be reproduced without mention of the author and URL to this website.
For more information, see the About section.

Comments

Article has no comments.

Add a comment

Name (required)
Website
Message (required)
Submit
From latest