Jquery :: Linking Directly To Nested Tab From External Page
Oct 17, 2010
I am trying to link to a specific nested tab fromanother page. So let's say I'm on the home page, and I want to link to: productspage > Widgets (parent tab #2) > Large Widgets (Parent tab #2's child tab #3). In other words; Directly to a non-default nested tab, from acompletely different page. Linking to the parent tabs works fine (with a standard anchor link e.g.; [URL]), but I can't figure out how to link to one of their child tabs (besides what is set as default)
Here is a stripped down version of the setup I have (I just typed most of it out, so forgive any obvious syntax errors, my pages on the site all validate):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL]">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Site Title</title> .....
I've set up a portfolio using the Cycle Plugin. It works great, but now I want to link directly to one of the slides from the home page, and I'm not sure how to make this work or where to even begin. Here is a page on my site with a slideshow using Cycle. (I'm actually transitioning divs, not just images) [URL].
I'm trying to link to a jQuery tab (the second tab) from an external source and havent had much luck so far. I found this on the jQuery UI demo's page: ...select a tab from a text link instead of clicking a tab itselfvar $tabs = $('#example').tabs(); // first tab selected $('#my-text-link').click(function() { // bind click event to link $tabs.tabs('select', 2); // switch to third tab return false; });
But cant figure out what I should be putting in "#my-text-link ", what is itreferringtoo? My second tab is called '#tabs-2' so I assume that's what I place into'#example' ?
I'm using the Google Libraries API to load jQuery and jQuery UI. Is it permissible to link directly to component's file on jqueryui site? For instance I'd like to load the tabs component with: <script src="[URL]"></script> <script type="text/javascript"> google.load("jquery", "1.3.2"); google.load("jqueryui", "1.7.1"); </script> <script type="text/javascript" src="[URL]"></script>
I'm working on a gallery site using galleriffic. It is composed of 13 seperate galleries (couldn't figure out a way to integrate them into one) and what I would like is an index page which users can jump to any specific image in a gallery. [URL]. There is a current example, and what I'm trying to do is make a drop down menu form where someone could select a piece of granite, (eg. Giallo Latina) and it would jump them straight to that page. However if I link to "butterscotch.html#5" it doesn't work. Is there any way of creating a drop down menu that could handle this?
I have a site that shows off video clips. When a clip is 'clicked' the video and related data is loaded in using jQuery. The page does not refresh. I now need to link directly to different 'videos', but am unable to because a click hasn't taken place to load the video in. It just loads the categories page. What would be the best way to allow me to link directly to the video... ? Will I need to edit my .htacess file? Will I need to somehow work out what clip they are trying to get, and 'fake' a click to impose the video/data on the page?
I have put together an image gallery that contains links to each individual image, however, I would like to link to individual images on a separate html document and cannot for the life of me determine how to go about doing this. rnmix
when link from first thumbnail there's no transition.. I would like that same effect when link from any other thumbnail.. i.e., fx:'none' when linking from any thumbnail.. looked in FAQ, found examples for linking from external controls, but none to eliminate transition effect when linking from any ext control..
I am seeking a method to load one JS file directly into another, *without* having to dynamically write <scripttags.
Is there any method whereby I can call only one external JS file using a single <scripttag, but have that external JS file insert into ITSELF the contents of five others? Code:
I have a requirement that my javascript function can be called directly from the other website. I know how to add the external javascript and then call respective function
<input type="button" value="Testing direct function call of javascript" onclick="CALL THE EXTERNAL JAVASCRIPT(which will call main function in it" />
I am trying to link to an external URL and have confirmed that the link is good (I can paste it in the address bar of my browser and it goes fine). But I need to surround the link in hyperlink tags so the user can click on it to go to the URL from my web page. Here is the code:
I have been researching the syntax on this and from what I can gather I am probably not escaping the slashes properly in my link, but I am stumped at this point.
relatively new coder here definitely new to js and I can't figure out how to get this script linked into an external file every time I try nothing shows up.
<html> <head> <script language="JavaScript1.1"> <!-- var slideimages=new Array() var slidelinks=new Array()
[Code]...
do i need to break this up into 2 files or something I can't get it to work
I have an existing javascript menu where the user selects a meaning from a drop down box and a list of products with that meaning appear in a search results page.
I had the whole javascript pasted into one of the columns where I wanted the 'search by meaning' box to appear and it worked fine, however when I tried to validate the HTML (4.01 strict) it popped up errors left and right because it was interpreting the script as HTML.
I don't know how to write js or work arounds, so I removed the whole script from the page and saved it in a .js file, but I am doing something wrong because I cannot get the javascript to appear at all, nevermind getting it to appear in the column I want it to. Code:
Basically, I have a link that should open the targeted link in a blank page, and upon the link being clicked, the original page's URL should be changed. The reason for this is that the user has to browse information on another website, and then pass the information on to me via a contact form, so rather than make them click back on my tab in the browser, and then find the "Contact" page link to fill in the form, I thought it would a good feature to simply go ahead and load the "Contact" page upon them clicking the link to the external page (which of course loads in a new tab). Here is the code I have in place:
This all works fine on my computer, regardless of the browser that I use. One of my partners on this project called me this morning and said that the link was taking him directly to the "Contact" page without opening the "Other Site." This is strange because after I put this in place, I showed it to him and it worked fine. Now, a few days later, and it does not work. He said that he cleared his browser cache, history, cookies, etc. and the problem did not go away. He uses IE8. After he told me it was no longer working, I went to test it myself, and it works fine for me no matter which browser I use (IE8 or 9, Firefox 3 or 4 Beta).
why this might have worked one day and not the next? Is it simply a problem on his computer, or could it be an issue where based on what type of browser you are using, this won't work. Also, I know this is the JavaScript forum, but is there a way to do this in PHP without using the JavaScript onclick event? Obviously, I can't use the header() function since this functionality needs to be present on a link within text of a page.
In phase of my deployment I send the user a window from a servlet and inorder to communicate with an applet already loaded in another window in the browser I thought I could set the window.opener.location="${formbean.property}"; and it partly works, it get set, I see the new window flash, but it then executes that url. Two questions?
1. setting the window.opener.location in an onLoad() should not force a post back to the server, correct? I am just trying to keep that window I want up there and set an internal property so I can access the applet in the other window. Trying to make this "synthetically" a child of that page opened with the applet so I can call the applets methods simply.
2. Is there another way for a new browser window to directly access an applet in another page? I could go the route of making a probe applet and hoping they share the same JVM, (JRE1.6.0.25) access it that way. Is/how that the way to do it?
I have a simple script that will get the NWS forecast for any zip code and it opens it in a new tab. I would like it to open in an iframe on another page with in my website. I have come close, but not quite all the way yet. This will enter the forecast in an iframe on the same page as the input form. [URL]
How can it load onto this page from the form on the menubar? This menu is common on all the sites pages.
I have seen solutions posted around the internet using javascript for similar issues, but I haven't been able to get any to work in my situation. My javascript skills are - none.
i know how to use javascript to make a specific page load into an iframe but not how to make the page load into the iframe on another page. all i need to know is how to do it for one page then i think i can build the decision structure around it to make it work for more than one link (hopefully).
I have 3 bits of code, 2 of which I'm pretty sure are right [i know the php works, and the ajax looks fine], but one i'm having trouble with. Basically what I'm trying to do is use a link to call php function [calls a piece of text from a database]. Which worked fine. But then I tried to incorporate AJAX into the script to make change dynamically on the page, and I'm a little confused with it all. I've got the AJAX and PHP, [and an attempted page with a link on to try and call the function with AJAX] but so far it's not doing as it should. Wondered if anyone could show me where I'm going wrong with the whole 'linking together' thing? So far everything I've tried hasn't worked. [hope this doesn't violate the forums 'don't dump your code' rule. But it's kind of all necessary]
I have a website for tanning salon services. Salon A's page has links for 4 possible equipment choices - (diamond, platinum, gold, bronze levels) on the [I]Sunbeds page. Sunbeds page has 2 iFrames, top and bottom, that are changed by 4 functions - changediamond(), changebronze(), etc. based on the selection. I need to be able to click a link on the Salon page that will take me to the corresponding function on the Sunbeds page...
Here's what I have so far: Salon A page <a href="sunbeds.htm?javascript:changediamond()"><img src="images/nr_diam_sm2.jpg" alt="Diamond Level Sunbeds" /></a> (thru) <a href="sunbeds.htm?javascript:changebronze()"><img src="images/nr_brnz_sm2.jpg" alt="Bronze Level Sunbeds" /></a>
The links take me to the correct page but not the function. Once I'm there I can select the functions and the iFrame change works great. I'm just at a loss for passing along the data string i.e., sunbeds.htm?javascript"changediamond()
How would I go about creating the coding for a submit button that links to another page? And I would I go about creating the coding for the reset button that resets the page? I go about creating a code to do so, but it never works. Here is the coding I have for the submit button:
I need guideline with a script I am using for a link on my index page to load up a different page with two iFrames on it and at the same time load up different pages in each of these iFrames. I have achieved this with only one iFrame so far with this script:
So basically when I click on Link1 on Page1 it takes me to Page2 with iFrame1 with a page loaded and iFrame2 with nothing loaded whereas I would like Link1 on Page1 to load up Page 2 with two different pages loaded in the iFrames all at the same time.
