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 b670bb1 Automated site publishing by Jenkins build 488
b670bb1 is described below
commit b670bb1cb3752f1ef00b9a91e72c202e2286c643
Author: jenkins <[email protected]>
AuthorDate: Thu Jan 24 21:30:50 2019 +0000
Automated site publishing by Jenkins build 488
---
content/kb/docs/php/ajax-quickstart.html | 99 +++++++++++++-------------------
1 file changed, 40 insertions(+), 59 deletions(-)
diff --git a/content/kb/docs/php/ajax-quickstart.html
b/content/kb/docs/php/ajax-quickstart.html
index c2a8372..c0a34de 100644
--- a/content/kb/docs/php/ajax-quickstart.html
+++ b/content/kb/docs/php/ajax-quickstart.html
@@ -103,7 +103,6 @@
</ul>
</li>
<li><a href="#conclusion">Conclusion</a></li>
-<li><a href="#seeAlso">See Also</a></li>
</ul>
</div>
<div id="preamble">
@@ -114,12 +113,6 @@
<div class="paragraph">
<p>Ajax stands for Asynchronous JavaScript and XML. In essence, Ajax is an
efficient way for a web application to handle user interactions with a web page
- a way that reduces the need to do a page refresh or full page reload for
every user interaction. This enables rich behavior (similar to that of a
desktop application or plugin-based web application) using a browser. Ajax
interactions are handled asynchronously in the background. As this happens, a
user can continue working with the p [...]
</div>
-<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="paragraph">
<p><strong>To complete this tutorial, you need the following software and
resources.</strong></p>
</div>
@@ -136,14 +129,6 @@
</thead>
<tbody>
<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a
href="https://netbeans.org/downloads/index.html">NetBeans IDE, PHP
bundle</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">7.2, 7.3,
7.4, 8.0</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://www.php.net/downloads.php">PHP engine</a></p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">PHP
5</p></td>
</tr>
@@ -153,21 +138,41 @@
</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">
+PHP development environment is often configured using an *AMP package,
depending on your operating system. This includes the PHP engine and Apache web
server. For instructions on configuring your environment, see the <a
href="../../trails/php.html">PHP Learning Trail</a>.
+</td>
+</tr>
+</table>
</div>
-<div class="ulist">
-<ul>
-<li>
-<p>PHP development environment is often configured using an *AMP package,
depending on your operating system. This includes the PHP engine and Apache web
server. For instructions on configuring your environment, see the <a
href="../../trails/php.html">PHP Learning Trail</a>.</p>
-</li>
-<li>
-<p>This tutorial assumes that you have a working knowledge of the various
technologies it employs (i.e., HTML, CSS, JavaScript, and PHP). It attempts to
provide an overview of the functionality provided by the code, but <em>does
not</em> explain how the code works on a line-to-line basis.</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%252FPHP%252FMyAjaxApp.zip">download
the sample application</a>. Use the IDE’s New Project wizard
(Ctrl-Shift-N; ⌘-Shift-N on Mac), and select the PHP with Existing Sources
project type. In the wizard, point to the downloaded sources on your
computer.</p>
-</li>
-</ul>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+This tutorial assumes that you have a working knowledge of the various
technologies it employs (i.e., HTML, CSS, JavaScript, and PHP). It attempts to
provide an overview of the functionality provided by the code, but <em>does
not</em> explain how the code works on a line-to-line basis.
+</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 need to compare your project with a working solution, you can <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FPHP%252FMyAjaxApp.zip">download
the sample application</a>. Use the IDE’s New Project wizard
(Ctrl-Shift-N; ⌘-Shift-N on Mac), and select the PHP with Existing Sources
project type. In the wizard, point to the downloaded sources on your computer.
+</td>
+</tr>
+</table>
</div>
</div>
</div>
@@ -181,7 +186,7 @@
<div class="content">
<img src="images/sample-app.png" alt="sample app">
</div>
-<div class="title">Figure 2. Sample application displayed in browser</div>
+<div class="title">Figure 1. Sample application displayed in browser</div>
</div>
<div class="paragraph">
<p>Implementing auto-completion in a search field is something that can be
performed using Ajax. Ajax works by employing an <code>XMLHttpRequest</code>
object to pass requests and responses asynchronously between the client and
server. The following diagram illustrates the process flow of the communication
that takes place between the client and server.</p>
@@ -190,7 +195,7 @@
<div class="content">
<img src="images/ajax-process-flow.png" alt="ajax process flow">
</div>
-<div class="title">Figure 3. Ajax process flow diagram</div>
+<div class="title">Figure 2. Ajax process flow diagram</div>
</div>
<div class="paragraph">
<p>The process flow of the diagram can be described by the following steps:</p>
@@ -265,7 +270,7 @@ image::images/php-name-location.png[title="New PHP Project
wizard - Name and Loc
<div class="content">
<img src="images/php-proj-win.png" alt="php proj win">
</div>
-<div class="title">Figure 4. Projects window displays MyAjaxApp project</div>
+<div class="title">Figure 3. Projects window displays MyAjaxApp project</div>
</div>
<div class="olist arabic">
<ol class="arabic">
@@ -310,7 +315,7 @@ If you have difficulty setting up your project or
establishing communication bet
<div class="content">
<img src="images/palette.png" alt="palette">
</div>
-<div class="title">Figure 5. Palette displaying HTML elements</div>
+<div class="title">Figure 4. Palette displaying HTML elements</div>
</div>
<div class="paragraph">
<p>Now that you are certain your environment is set up correctly, begin by
developing the auto-complete interface that will be viewed by users. Because
the index page that we’ll create does not require any server-side
scripting elements, start by creating an HTML page and setting it as the entry
point for the application.</p>
@@ -503,7 +508,7 @@ image::images/index-page.png[title="Run project to view its
current state in bro
<div class="content">
<img src="images/php-javascript-options.png" alt="php javascript options">
</div>
-<div class="title">Figure 6. JavaScript Options panel</div>
+<div class="title">Figure 5. JavaScript Options panel</div>
</div>
<div class="paragraph">
<p>The IDE provides out-of-the-box support for Firefox, Internet Explorer,
Safari, and Opera. From the JavaScript Options panel, you can also specify the
JavaScript engine version that code completion applies to.</p>
@@ -1415,31 +1420,7 @@ a:hover {
<p>This concludes the Introduction to Ajax. Hopefully by now you realize that
Ajax is simply exchanging information over HTTP in the background, and updating
that page dynamically based on the results.</p>
</div>
<div class="paragraph">
-<p>You may note that the application you built has numerous shortcomings, for
example nothing happens when a composer name is selected from the auto-complete
box! You are welcome to <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FPHP%252FMyAjaxApp.zip">download
the sample application</a> to see how this can be implemented using PHP
technology. Furthermore, you might want to investigate validation that prevents
a user from requesting a name that does not exis [...]
-</div>
-<div class="paragraph">
-<p>link:/about/contact_form.html?to=3&subject=Feedback: Introduction to
Ajax (PHP)[Send Us Your Feedback]</p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="seeAlso">See Also</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>For more information about Ajax and PHP technology on <a
href="https://netbeans.org/">netbeans.org</a>, see the following resources:</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="wish-list-tutorial-main-page.html">Creating a Wish List CRUD
Application with PHP</a>. A 9-step tutorial describing how to create a CRUD
application using PHP support in the IDE.</p>
-</li>
-<li>
-<p><a href="../../docs/web/js-toolkits-jquery.html">Using jQuery to Enhance
the Appearance and Usability of a Web Page</a>. Demonstrates how to integrate
jQuery core and UI libraries into a NetBeans project.</p>
-</li>
-<li>
-<p><a href="../../docs/web/js-toolkits-dojo.html">Connecting a Dojo Tree to an
ArrayList using JSON</a>. Based on a JavaOne Hands-On Lab, this document shows
how to implement a Dojo Tree widget into a web page and enable the server-side
to respond to Tree requests in JSON format.</p>
-</li>
-</ul>
+<p>You may note that the application you built has numerous shortcomings, for
example, nothing happens when a composer name is selected from the
auto-complete box! You are welcome to <a
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FPHP%252FMyAjaxApp.zip">download
the sample application</a> to see how this can be implemented using PHP
technology. Furthermore, you might want to investigate validation that prevents
a user from requesting a name that does not exi [...]
</div>
</div>
</div>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists