QuickBase Resources - pageshttp://quickbase.intuit.com/developer/taxonomy/term/623/0
enHow can I embed a QuickBase report into a Web page on my own site?http://quickbase.intuit.com/developer/knowledge-base/how-can-i-embed-quickbase-report-web-page-my-own-site
<p>1. Create the report that you want to embed (To learn more, please see our <a href="https://www.quickbase.com/user-assistance/default.html#creating_a_table_view.html">Create a Table Report</a> help topic.) </p>
<p>2. In the HEAD section of your Web page, add the following &lt;script&gt; block:</p>
<pre>
&lt;script lang="javascript" src="https://mycompany.quickbase.com/db/dddddddd?a=API_GenResultsTable&qid=n&jht=1"&gt;
&lt;/script&gt;
</pre><p>where mycompany is your account URL, dddddddd is the database ID (dbid) and n is the ID for the report (qid) that you want to embed (To learn more, please see our <a href="http://quickbase.intuit.com/developer/node/2106">How do I find the database ID (dbid) of a QuickBase table?</a> and <a href="http://quickbase.intuit.com/developer/node/2087">How do I find the query identifier (qid) of a particular report?</a> Knowledgebase articles).</p>
<p>Next you'll need to open your application up to the group "Everyone on the Internet". If you're not familiar with this group, our <a href="http://www.quickbase.com/user-assistance/#share_with_everyone_on_internet.html">Share an Application with Everyone on the Internet</a> help topic explains how to open an application up to the public. Be aware that you do not have to open the entire application up to the group "Everyone on the Internet", only those tables whose data you are trying to display.</p>
<p>3. In the HEAD section of your Web page, add the following style information:</p>
<pre>
&lt;style&gt;
td.m { font-family:verdana; font-size:70%; }
td.hd { font-family:verdana; font-size:70%; font-weight:bold; color:white; }
&lt;/style&gt;
</pre><p>By changing the attributes of these CSS tags, you can modify the format of the resulting table.</p>
<p>4. In the BODY section of your Web page where you want the HTML table to display, add the following JavaScript code:</p>
<pre>
&lt;script lang="javascript"&gt;
qdbWrite();
&lt;/script&gt;
</pre><p>
--------------------------------------<br />
Here's a more complete example:</p>
<pre>
&lt;html&gt;
&lt;head&gt;
&lt;script lang="javascript" src="https://mycompany.quickbase.com/db/5rh82jcq?a=API_GenResultsTable&qid=5&jht=1"&gt;
&lt;/script&gt;
&lt;style&gt;
td.m { font-family:verdana; font-size:70%; }
td.hd { font-family:verdana; font-size:70%; font-weight:bold; color:white; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Example&lt;/h1&gt;
&lt;table cellpadding=5 bgcolor=lightgreen&gt;
&lt;tr&gt;
&lt;td valign=top nowrap&gt;&lt;b&gt;A QuickBase table&lt;br&gt;embedded in a&lt;br&gt;page of HTML&lt;/td&gt;
&lt;td&gt;
&lt;script lang="javascript"&gt;
qdbWrite();
&lt;/script&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre><p>
To learn more, please see our <a href="http://www.quickbase.com/api-guide/index.html#gen_results_table.html">GenResultsTable</a> API Guide page.</p>
<p><b>NOTE:</b> QuickBase recommends that you use application tokens when working with API calls (To learn more, please see our <a href="https://www.quickbase.com/user-assistance/app_tokens.html">Application Tokens</a> help topic.</p>
http://quickbase.intuit.com/developer/knowledge-base/how-can-i-embed-quickbase-report-web-page-my-own-site#commentsAPIsembedembeddedinternetpagesreportreportssitesitesviewviewsweb pageweb siteThu, 05 Feb 2009 22:16:30 +0000quickbase2207 at http://quickbase.intuit.com/developer