×
Vytvárame riešenia

Ako vytvoriť error a info message s frameworkom jQuery

6.9.2015, Matej LednárKategória: 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.
jQueryJavaScriptmessageinfoerroralertui-widget
Žiadna časť tohto článku nesmie byť reprodukovaná bez uvedenia autora a URL na túto stránku.
Viac informácií nájdete v sekcii O projekte.

Komentáre

Článok neobsahuje zatiaľ žiadne komentáre.

Pridať komentár

Meno (povinné)
Web
Správa (povinné)
Napíš výsledok: 3+2-1  
Odoslať
Od najnovších