JQuery :: Page-sliding Code Not Playing With DHTML Page
Jul 27, 2009
Using the following code example from Scott Robbin, which simply allows for separate html pages to slide in and out of the one screen, I wanted to expand this by sliding in some DHTML.
Here is the page-sliding code used: [url]
DHTML animated code: [url]- [url]
But, at best, only the images show, placed still and next to each other. As you will see the DHTML is a rotating set of imagery. Something in the page-sliding code seems to be preventing that DHTML animation from displaying as it should. Like I said the images will be recognised, but they don't display - I've even tried hard linking to the images.
Here's my page: [url]
Here's the page which I have on my server, the one I would like to have slide in: [url]
To see the sliding animation click the bottom "What cachet does" option that slides the right hand pane in.
View this message in context: [url] Sent from the jQuery General Discussion mailing list archive at [url].
I really like the following code example from Scott Robbin, allowing me to slide pages in and out of the screen, however I wanted to slide in some DHTML from here:[URl].. ...but, at best, only the images show. Well they don't, I've even tried hard linking to them. I know the links are valid because opening the page on its own they all show up, so there's an incompatibility somewhere.
Everything is working fine, except I cant get it to work on page load, regardless of the line you should just comment out to get it to work I have tried playing around with the code over the last couple of days, but I just dont know enough about JvaScript to get it to work
Based on the lack of responses to the last hole (which I am attributing to one of the following:
a. The hole being too difficult,
b. It being overly time consuming, or
c. People not wanting to do it)
I have decided to take a step back for this hole.
This function should either take a file name/ path to file or a full URL as a parameter. If it is a filename/ path the function should include the file from the base URL of the current site (such as [url]). If it is a full URL just include it.
Make sure you don't allow files to be included multiple times, we don't want that!
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
I am finishing up creating a fairly complex page that is very rich in DHTML. In addition to updating it self every couple of seconds, various components on it support sync and async communication with various web services.
The problem is that if a user tries to click on any JS driven content before the page is fully loaded, it will not work properly since it relies on many onLoad scripts that initiate webservices etc.
is there a clean way, to simply disable any page functionality before it loads ?
other than explicitly enabling every control in window.onload() event.
i have been coding on this vertical sliding navigation quite a while. its tested on all relevant browsers and works like a dream. id loved to show you an example of it, but the site is under development, and i, as a little coder, am not allowed to grant access to it, additionally i do not have enough time to create a testcase for everybody to see. to give you a short insight:
the site is quite long (vertically) and we wanted a small navigation (very subtle) to follow the user when scrolling. the problem was: the footer is quite long too, and we didnt want the sliding navigation to reach into it, when scrolling down the footer. in other words: i had to stop the animation when the sliding nav reached the end of the main content.so far so good, i had NO idea how to tell the animation to stop at certain conditions, other than telling it that from the start.
my solution is totally workaround and completely selfmade. but i am SURE that there is some kind of "stop animation when condition is met"-command i was totally overlooking. so please dear jquery community: tell me what i am doing wrong, and how i could improve this function.
I have a single webpage that contains information on all 50 U.S. states. There are 50 links at the top to jump down to the state you want, and at the bottom of the information for each state a Back to Top link.
I'm making the Back to Top link into something more complex, and it will require three or four lines of code.
So that I don't have to repeat the code 50 times, and create a burden when I need to edit it, I want to place it in a .js file and call it x. Then below the information for each state I'll simply have:
Does calling code from a .js file 50 times slow down the page load? Which method would load faster?
I am using this fancy box code to smoothly pop up an image on click, I got it working on my main index page but that's not where I want to put it. My site has a menu where it loads external webpages inside the main index one, I would like to use the code on one of those pages but something is not working.
I have been told its a DOCTYPE issue but I am not able to use the specified DOCTYPE, however I find that it works all the same with my current DOCTYPE choice. If I use the given one in addition to the one I use now (and need) then my site does not work properly, further if I replace it I get the same results.
My existing doctype:
<DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
I even tried using the exact code from the example in that linked .htm page but it doesn't make a difference, it probably even hinders the code as it looks at the main html page. However loading the page on its own the code will work, so its related to the menu and the way that works.
I am using this fancy box code to smoothly pop up an image on click, I got it working on my main index page but that's not where I want to put it. My site has a menu where it loads webpages inside the main index one, I would like to use the code on one of those pages but something is not working.I am not able to use the specified DOCTYPE but find that it works all the same with my current one, however if I use the given one in addition to the one I have now (and need) then my site does not work properly, further if I replace it I get the same results.My existing doctype:
Code: <DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"
If slideToggle()'s parameters were expanded to include a separate callback for sliding up and sliding down. Or for backwards compatibility, perhaps include an optional boolean parameter in the callback to more easily discern between a slideUp and slideDown operation.
In the Portfolio Module of Business Catalyst (see this page: Portfolio, I have the thumbnail of the websites and when clicked it enlarges with the description underneath. However, I would like the description to actually be a link that when clicked will take the visitor to the actual website depicted in the image. I tried to surround the text with the <a href> tag, but the code actually appears on the page.
So I'm making an ecommerce store and I'd want to hide a product scroller and a banner if the page is any other than index.php, and I know jQuery has the .hide function, but all the examples link it to a button/link/other but I don't understand how to code a conditional statement that hides the code if the page loaded is anything else than index.php.
I'm trying to retro-fit google ad-manager to an existing site. Currently, we have a div on every page and then have a header file which randomly selects an add and uses jquery.prepend to put the ad in that div. With google, we now have js code we need to use. How can we use prepend to add the js code and have it run? is that possible?
I am trying to get this simple piece of code to work, for some reason the HTML page is not handling the jQuery.js link. Tried the ../ for a link would'nt work either. The HTML file and the .js file all in the same folder in my htdocs
when i load page it does nothing only blank page, may have code in wrong place but not sure so can someone show me a working example so i can find out what i'm doing wrong also i would like the part of page to refresh evey 120 seconds is this possibe with jquery?
I would like to be able to access the raw CSS code that has been loaded for the specific page. I'm not looking to change the code (I know how to use jQuery for CSS manipulation etc...) I just want to parse through it and extract some useful information.I considered just loading the stylesheet references in the page, then placing a request to the server for the .css file, but this feels messy even if the browser happens to have the page cached from having just requested it.Has anyone got a clue as to how one would go about this? As always, I think its best if it uses jQuery XD, however, I just really want to get this done