Databases
StackOverflow2013
Postsdbo
POLoad text from specific div in text file using ajax
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLoad text from specific div in text file using ajax
    primarykey
    data
    text
    <p>I'm using the <a href="http://designwithpc.com/Plugins/Hovercard" rel="nofollow">jquery hovercard plugin</a> to pull in text from a text file using ajax when a user hovers over a particular text string - this all works great, (code below).</p> <p>Now what I would like to do is have a number of different divs inside the text file, (shown below), and pull in the relevant one depending on which text string is hovered over. Is this possible with Jquery/Ajax, and if yes, how do you do it please? </p> <p><em>//Text File Contents</em></p> <pre><code>&lt;div id="John_Resig"&gt; &lt;div class="contact"&gt;John Resig&lt;/div&gt; &lt;p&gt;&lt;strong&gt;Testing testing testing!&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;And on another line of text : )&lt;/p&gt; &lt;/div&gt; &lt;div id="Tim_Berners_Lee"&gt; &lt;div class="contact"&gt;Tim Berners-Lee&lt;/div&gt; &lt;p&gt;&lt;strong&gt;Testing testing testing!&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;And on another line of text : )&lt;/p&gt; &lt;/div&gt; </code></pre> <p><em>//Jquery/Ajax Code</em></p> <pre><code>$(document).ready(function () { var hoverHTMLDemoAjax = '&lt;div class="demo-cb-tweets"&gt;&lt;/div&gt;'; $(".demo-ajax").hovercard({ detailsHTML: hoverHTMLDemoAjax, width: 350, delay: 500, cardImgSrc: 'http://ejohn.org/files/short.sm.jpg', onHoverIn: function () { $.ajax({ url : "helloworld.txt", type: 'GET', dataType: "text", beforeSend: function () { $(".demo-cb-tweets").prepend('&lt;p class="loading-text"&gt;Loading latest tweets...&lt;/p&gt;'); }, success: function (data) { $(".demo-cb-tweets").empty(); $(".demo-cb-tweets").html(data); }, complete: function () { $('.loading-text').remove(); } }); } }); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USss888
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POLoad text from specific div in text file using ajax
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO[JSON](http://www.json.org/) ([Wiki](http://en.wikipedia.org/wiki/JSON)) would be perfect for this...
      singulars
      1. POLoad text from specific div in text file using ajax
      1. USBojangles
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload