Databases
StackOverflow2013
Postsdbo
POSelect an anchor within a JQUERY Tab from a link on anther webpage
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSelect an anchor within a JQUERY Tab from a link on anther webpage
    primarykey
    data
    text
    <p>i'm a complete novice at JQuery and Javascript, and was hoping you could help me out with my problem.</p> <p>I'm using JQuery 1.7.2 and JQuery-ui 1.10.3 Tabs.</p> <p>From an external url, i want to be able to link to an anchor located within a JQuery tab, however the tab name itself is also an anchor.</p> <p>I know how to activate the tab the anchor is located in </p> <pre><code>e.g. http://mysite.com/#tab-1 </code></pre> <p>but where do i go from there? </p> <p>How do I specify the anchor I want to link to located in tab-1 from a url? </p> <pre><code>e.g. http://mysite.com/#tab-1#myanchor </code></pre> <p>Here's the HTML</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;link href="/css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" media="all"/&gt; &lt;script src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt; &lt;script&gt; $(function() {var tabs = $( "#tabs" ).tabs(); tabs.find( ".ui-tabs-nav" ).sortable( {axis: "x", stop: function() {tabs.tabs( "refresh" ); } } ); } ); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="tabs"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#tab-1"&gt;1st Tab&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tab-2"&gt;2nd Tab&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tab-3"&gt;3rd Tab&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="tab-1"&gt; &lt;h2&gt;1st Tab&lt;/h2&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at dui tempor, adipiscing nisl id, tempus nisi. Donec posuere pulvinar lacus, non suscipit eros ultrices. &lt;/p&gt; &lt;/div&gt; &lt;!-- end of tab-1 div --&gt; &lt;div id="tab-2"&gt; &lt;h2&gt;2nd Tab&lt;/h2&gt; &lt;p&gt;Suspendisse lacus mi, ornare quis nulla eget, commodo auctor arcu. Proin ut erat vestibulum, vestibulum odio sit amet, dapibus nisi. Morbi nec semper mi. &lt;/p&gt; &lt;/div&gt; &lt;!-- End of tab-2 div --&gt; &lt;div id="tab-3"&gt; &lt;h2&gt;3rd Tab&lt;/h2&gt; &lt;p&gt;Proin ullamcorper ornare ultricies. Morbi bibendum mauris eu purus rhoncus, id lacinia sapien placerat. Nunc euismod lectus eu elit accumsan dignissim. &lt;/p&gt; &lt;p&gt;&lt;b&gt;&lt;span id="myanchor"&gt;Anchor is here&lt;/span&gt;&lt;/b&gt; &lt;/p&gt; &lt;/div&gt; &lt;!-- End of tab-3 div --&gt; &lt;/div&gt; &lt;!-- End of tabs div --&gt; &lt;/body&gt; </code></pre> <p>Any help would be gratefully appreciated. Thanks</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDan Gribble
    1. USDan Gribble
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POSelect an anchor within a JQUERY Tab from a link on anther webpage
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThe tab name itself is an anchor? Do you mean the `#` is in the name? Do you have some HTML code we can look at?
      singulars
      1. POSelect an anchor within a JQUERY Tab from a link on anther webpage
      1. USputvande
    2. CO@Dan Gribble -- Did you try this http://mysite.com#myanchor
      singulars
      1. POSelect an anchor within a JQUERY Tab from a link on anther webpage
      1. USAntguider
    3. CO@Muthukumar, yes i did try that & it doesn't work. For the tab to open first you must specify the anchor name on the URL. JQuery UI Tabs are designed so that you can do that by specifying the # followed by the tab name on the URL. It's just that anchors are also prefixed with a hash in the URL, so how do I do it?
      singulars
      1. POSelect an anchor within a JQUERY Tab from a link on anther webpage
      1. USDan Gribble
 

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