This is an automated email from the ASF dual-hosted git repository.
git-site-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/incubator-netbeans-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new b6db24d Automated site publishing by Jenkins build 529
b6db24d is described below
commit b6db24dcaba6f471ae83dbb5d6927ed9659f78db
Author: jenkins <bui...@apache.org>
AuthorDate: Fri Jan 25 17:03:56 2019 +0000
Automated site publishing by Jenkins build 529
---
content/kb/docs/web/js-toolkits-jquery.html | 173 ++++++++--------------------
1 file changed, 50 insertions(+), 123 deletions(-)
diff --git a/content/kb/docs/web/js-toolkits-jquery.html
b/content/kb/docs/web/js-toolkits-jquery.html
index 1dc8984..1836f8a 100644
--- a/content/kb/docs/web/js-toolkits-jquery.html
+++ b/content/kb/docs/web/js-toolkits-jquery.html
@@ -81,8 +81,7 @@
<h1 class="sect0">Using jQuery to Enhance the Appearance and
Usability of a Web Page</h1>
<div id="toc" class="toc">
<div id="toctitle"></div>
-<ul class="sectlevel2">
-<li><a href="#_contents">Contents</a></li>
+<ul class="sectlevel1">
<li><a href="#settingup">Setting Up a NetBeans Project</a></li>
<li><a href="#addingjquery">Adding the jQuery Library to the Project</a></li>
<li><a href="#gettingacquainted">Getting Acquainted with jQuery</a>
@@ -93,7 +92,6 @@
<li><a href="#addingaccordion">Adding the jQuery Accordion Widget to the
Project</a></li>
<li><a href="#usingcss">Using jQuery’s Default Theme for Style
Enhancement</a></li>
<li><a href="#summary">Summary</a></li>
-<li><a href="#seealso">See Also</a></li>
</ul>
</div>
<div id="preamble">
@@ -107,43 +105,9 @@
<div class="paragraph">
<p>For an example of how to use jQuery in an HTML5 application, see the <a
href="../webclient/html5-gettingstarted.html">Getting Started with HTML5
Applications</a> tutorial.</p>
</div>
+<div class="paragraph">
+<p>To complete this tutorial, you will need the following resources.</p>
</div>
-</div>
-<div class="sect2">
-<h3 id="_contents">Contents</h3>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74-73.png" alt="netbeans stamp 80 74 73">
-</div>
-<div class="title">Figure 1. Content on this page applies to the NetBeans IDE
7.2, 7.3, 7.4 and 8.0</div>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="#settingup">Setting Up a NetBeans Project</a></p>
-</li>
-<li>
-<p><a href="#addingjquery">Adding the jQuery Library to the Project</a></p>
-</li>
-<li>
-<p><a href="#gettingacquainted">Getting Acquainted with jQuery</a></p>
-</li>
-<li>
-<p><a href="#addingaccordion">Adding the jQuery Accordion Widget to the
Project</a></p>
-</li>
-<li>
-<p><a href="#usingcss">Using jQuery’s Default Theme for Style
Enhancement</a></p>
-</li>
-<li>
-<p><a href="#summary">Summary</a></p>
-</li>
-<li>
-<p><a href="#seealso">See Also</a></p>
-</li>
-</ul>
-</div>
-<div class="sect3">
-<h4 id="_to_complete_this_tutorial_you_will_need_the_following_resources">To
complete this tutorial, you will need the following resources.</h4>
<table class="tableblock frame-all grid-all spread">
<colgroup>
<col style="width: 50%;">
@@ -157,14 +121,6 @@
</thead>
<tbody>
<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a
href="https://netbeans.org/downloads/index.html";>NetBeans IDE, Java EE or HTML5
&amp; PHP bundle</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">7.0 or
later</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a
href="http://www.oracle.com/technetwork/java/javase/downloads/index.html";>Java
Development Kit (JDK)</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">7 or
8</p></td>
-</tr>
-<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock"><a
href="http://docs.jquery.com/Downloading_jQuery#Current_Release";>jQuery Core
Library</a></p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">1.4.2 or
later</p></td>
</tr>
@@ -178,27 +134,53 @@
</tr>
</tbody>
</table>
-<div class="paragraph">
-<p><strong>Notes:</strong></p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+The <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FJavaScript%252FjQueryProjectFiles.zip";>project
resources</a> contain JPG files needed to complete this tutorial.
+</td>
+</tr>
+</table>
</div>
-<div class="ulist">
-<ul>
-<li>
-<p>The <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FJavaScript%252FjQueryProjectFiles.zip";>project
resources</a> contain JPG files needed to complete this tutorial.</p>
-</li>
-<li>
-<p>If you need to compare your project with a working solution, you can <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FJavaScript%252FjQueryProjectFiles.zip";>download
the sample project</a>. (Includes both PHP and Java Web versions.)</p>
-</li>
-<li>
-<p>If plan to work in a Java project, you should consider configuring a server
for your development environment. The GlassFish server is included with the
IDE’s Java download, and is configured to run from NetBeans by
default.</p>
-</li>
-<li>
-<p>If you plan to work in a PHP project, you’ll need to download PHP and
configure your environment. For more information, see the <a
href="../../trails/php.html">PHP Learning Trail</a>.</p>
-</li>
-<li>
-<p>This document assumes you have some basic knowledge of, or programming
experience with HTML, CSS, and JavaScript.</p>
-</li>
-</ul>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+If you need to compare your project with a working solution, you can <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FJavaScript%252FjQueryProjectFiles.zip";>download
the sample project</a>. (Includes both PHP and Java Web versions.)
+</td>
+</tr>
+</table>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+If you plan to work in a Java project, you should consider configuring a
server for your development environment. The GlassFish server is included with
the IDE’s Java download, and is configured to run from NetBeans by
default.
+</td>
+</tr>
+</table>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+If you plan to work in a PHP project, you’ll need to download PHP and
configure your environment. For more information, see the <a
href="../../trails/php.html">PHP Learning Trail</a>.
+</td>
+</tr>
+</table>
</div>
</div>
</div>
@@ -551,7 +533,7 @@ image::images/blue-test.png[title="Text turns blue when
clicked upon"]</p>
<div class="content">
<img src="images/code-completion.png" alt="code completion">
</div>
-<div class="title">Figure 2. Press Ctrl-Space to view code completion and API
documentation windows</div>
+<div class="title">Figure 1. Press Ctrl-Space to view code completion and API
documentation windows</div>
</div>
<div class="paragraph">
<p>You can specify the target browsers for code completion and API
documentation by opening the IDE’s JavaScript options window. Choose
Tools > Options (NetBeans > Preferences on Mac), then choose
Miscellaneous > JavaScript.</p>
@@ -832,61 +814,6 @@ image::images/ui-lightness-theme.png[title="jQuery default
theme enhances the ap
<div class="paragraph">
<p>Finally, you briefly explored the capabilities of the jQuery UI library by
applying the accordion widget to a simple contact list. After implementing the
accordion effect, you applied jQuery’s default style theme to the list.
You should now be better able to appreciate how jQuery can be used to create
dynamic web pages, while improving overall appearance and usability.</p>
</div>
-<div class="paragraph">
-<p>link:/about/contact_form.html?to=3&subject=Feedback: Using jQuery to
Enhance the Appearance and Usability of a Web Page[Send Feedback on This
Tutorial]</p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="seealso">See Also</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>For more information about support for HTML5 applications and JavaScript in
the IDE on <a href="https://netbeans.org/";>netbeans.org</a>, see the following
resources:</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="../webclient/html5-gettingstarted.html">Getting Started with HTML5
Applications</a>. A document that demonstrates how to install the NetBeans
Connector extension for Chrome and creating and running a simple HTML5
application.</p>
-</li>
-<li>
-<p><a href="../webclient/html5-editing-css.html">Working with CSS Style Sheets
in HTML5 Applications</a>. A document that continues with the application that
you created in this tutorial that demonstrates how to use some of the CSS
wizards and windows in the IDE and how to use the Inspect mode in the Chrome
browser to visually locate elements in your project sources.</p>
-</li>
-<li>
-<p><a href="../webclient/html5-js-support.html">Debugging and Testing
JavaScript in HTML5 Applications</a>. A document that demonstrates how the IDE
provides tools that can help you debug and test JavaScript files in the IDE.</p>
-</li>
-<li>
-<p><a href="js-toolkits-dojo.html">Connecting a Dojo Tree to an ArrayList
using JSON</a>. An introduction to the Dojo toolkit is provided, and steps are
given showing how to interact with a back-end server using Ajax and JSON.</p>
-</li>
-<li>
-<p><a href="../../docs/php/ajax-quickstart.html">Introduction to Ajax
(PHP)</a>. Describes how to build a simple application using PHP technology
while teaching the underlying process flow of an Ajax request.</p>
-</li>
-<li>
-<p><a href="ajax-quickstart.html">Introduction to Ajax (Java)</a>. Describes
how to build a simple application using servlet technology while teaching the
underlying process flow of an Ajax request.</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>For more information about jQuery, refer to the official documentation:</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>Official Home Page: <a href="http://jquery.com";>http://jquery.com</a></p>
-</li>
-<li>
-<p>UI Home Page: <a href="http://jqueryui.com/";>http://jqueryui.com/</a></p>
-</li>
-<li>
-<p>Tutorials: <a
href="http://docs.jquery.com/Tutorials";>http://docs.jquery.com/Tutorials</a></p>
-</li>
-<li>
-<p>Documentation Main Page: <a
href="http://docs.jquery.com/Main_Page";>http://docs.jquery.com/Main_Page</a></p>
-</li>
-<li>
-<p>UI Demos and Documentation: <a
href="http://jqueryui.com/demos/";>http://jqueryui.com/demos/</a></p>
-</li>
-</ul>
-</div>
</div>
</div>
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@netbeans.apache.org
For additional commands, e-mail: commits-h...@netbeans.apache.org
For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists
