JQuery :: Quotator - Get Two Rotators On The Same Page?
Sep 30, 2011
I'm using a plugin called Quotator to display some testimonials on a site. And what I would like to do is have two different testimonial displays next to each other, one for customer testimonials and one for industry testimonials.
Now, I've managed to split the plugin into two different sets and each one works when it's the only one on the page. But when I try to call both, only one of them works. I'm just not sure where the conflict is.
I'm using a plugin called Quotator on a site I'm working on and it just doesn't work. I'm getting 404 errors on one of the .js files. The site is [URL]. It works offline, but not online.
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've got 2 pages: a current events page and a past events page the current events page loads fine as there is only about 10 events the past events page takes about 30 seconds to load and will crash if u click your mouse in the loading time.
The pages are near identical the only difference is the query that selects the events (> versus <)
The page loads immediately without:
But when i put it back in the above happens. I'm using jQuery.roundedcorners.
I am using a Jquery/PHP/MySQL login script which is supposed to display an error or success message when the user enters their username/password and also if the username/pw is successfull go to a secure page. Right now as I have it coded, this isn't working properly. Basically nothing is displayed either way.Also,wasn't sure if I just needed to replace, the ?secure-page part with the file name of the page I want to go to if successful?Here is the code as I have it now.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>[code].....
I'm trying to use the cookie plugin to remember the state of a navigation menu from page to page. Here is the snippet of code from towards the top of my page where I am including the jquery files and cookie plugin. The second part of the sample tries to determine whether the cookie exists.
I am working on a page that will load in other pages using AJAX and the .html method. Something like this :
<span id = "edit">Edit</span> <div id = "cont"> </div> //the click edit script
[Code]....
Unfortunately this does not seem to work, entirely. It does trigger the click event but it messes up the post for some reason. I have played around with it for the last 45 minutes or so and it seems like the click event trigger is what is messing things up, if I comment it out it works fine. Could anyone tell me why they think this is? note this is an over simplified version of my actual code, but the structure is the same.
Code: $("#save_photos_all_continue").click(function() { event.preventDefault(); var $black_white_all = $("#black_white_all").is(':checked'); var $color_all = $("#color_all").is(':checked'); var $other_all = $("#other_all").is(':checked'); [Code]...
In Google Chrome it works fine but in Mozilla/5.0 it actually goes to the save_edits page instead of just using the post and staying on the original page.
I am trying to incorporate two javascript files (using jQuery) and they are creating a conflict.If the main js is on the page part of the page does not work. If I do not include it my menu and some related features do not work correctly.One code is long so here is the link to it: *I removed Link* (this is the main code for the menu etc)The other js is:
My requirement is, I have multiple pages in tab format. If i am on first page in edit mode and change any control's value and without saving information i click on other tab that particular time a popup should appear showing validation message say "you are moving without save and it will loos all changes either click ok to loose the changes and move to other page or click cancel to remain on the current page."I tried using var isDirty = false; var msg = 'This page has unsaved changes.Click OK to abandon the changes and leave the page.Click Cancel to stay on the page so that you can save your changes.';
Im doing an Ajax call which calls a Java struts 2 action. This action basically just does a DB update. There is no data being returned to the client. The page refreshes to a blank white page. I dont want his to happen. I want a pop up box on my page. The ajax call happens when i press a save button. Here is the jquery code:
[Code]...
Im a Jquery newbie. As far as I can gather JQuery is expecting data back. It gets nothing back (which is what I want). But Jquery does a refresh with this. Hence why my page goes to a blank white page. I think this is what is happening
I was thinking of putting in my dummy div and loading the blank/empty no html into the dummy div but there has to be a way to stop the white page showing up. I dont get pop up boxes either as shown in code above:
I want to develop a multi-tab browser plugin, which requires all links in a page could open in new tabs within this multi-tab browser plugin. It's very similar to Multi-Tab functions of Firefox/IE, when opening a page in one tab, then any links in that Tab will open in another new tab(after setup from pref), i want to know this principle(how to implement this). I am thinking try this:$('a').click(...), while i am not sure whether it's good/enough.
i want to make a iframe page that loading a page from other site. I have try "jQuery iFrame Sizing" to set auto height in iframe... but it is failed.
This is my code : ------------- on Head <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/iframe.js"></script> on Body
I have a page that's built using ASP.NET and using a master page.Page contents shows up for a moment then I get a blank page - when I run it. If I remove the jQuery code from my page - then I get the contents.
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'm using a JQuery function to slide a div into and out of visibility, but every time I toggle, the browser resets my view to the top of the web page..What I want to happen is when you click to reveal the div, the page scrolls down and the div content is in full view. When I click again to re-hide the div, I want the page to scroll back up smoothly instead of just reverting to the top of the whole page...The page url is: http:[url]....Here's my code:
How to test if a html page has a parent page?Let me explain: I use the (great) Colorbox plugin and I like to apply jquery functions only if a page is in an Colorbox iframe.So, basically, I'd like to know how to determine with jQuery if a page has a parent page (= is in a Colorbox iframe).
I have a html document with some jquery which is working fine...i pasted the same code in aspx page but its not working properly...i am not able to make out where the problem lies...
When I load a page into an existing page I think the div's are not nested properly therefore the javascript is not working correctly. What's happening is ALL the div's on the second page are showing. I just need the first div to show then when you click on the <li> element the other div shoes. It works fine when the page loaded by istself. Here is my code:MAIN
The original page is visible for a very short moment, before the modifications done with the javascript are visible. This is logic to me, sinceI add my javascriptat the end of the page, as recomended. For the user it is a little confusing. Is there a way that the user sees only the page with the javascript modifications?
I'm working with a javascript/jquery framework that allows me to build crossbrowser plugins.What i'm looking to do is add a floating DIV onto every page the browser loads. I know that to add css onto a page, normally you need to grab a class or id. However, in this case i do not know what classes/div's are available.What would be the best way to add css onto a loaded page after the page is loaded without knowing any classes/id's?
I'm using AJAX to pull in a page into another page. The page I am pulling looks like so:
<script type="text/javascript"> $('#conditionslink').click(function () { var content = $(this).parent().parent().parent(); content.find('#progConditions').toggle();
[Code].....
And the second looks roughly the same with a different ID for the outer most div "module". I know my problem is related to the $('#conditionslink').click() and that its pulling the conditionslink of the first fragment and therefore causing that click event to fire twice. I suppose i'm looking for a way that i can be more specific about which conditionslink the script is talking to. Whether the answer is to put the script elsewhere or if i need script on my receiving page idk.
I know how to employ .load() to bring a partial doc.html into a receptacle division upon menu selection, but am still unclear after reading the api whether I can also load a dedicated .css file for it ...I suppose prior to content load(?)... or if I can/should outfit the doc.html with <head><style> yada yada</style></head> and load it as one doc..
Or is one obliged to write out the entire styling for the doc.html in camelCase as a string enclosed in .css() ??
These are various stories fetchable via a menu. Each one has a different and detailed set of classes for styling..
Lastly, should I identify each story as an id or class?
What I'm not wrapping my head around is how to lay out the stylesheet. If a particular story ...(I'm using the same name as its document page (minus '.html')... is denoted as a class or id, then how do I assure that all the classes and id's which are in effect subordinate only to that id or class name also get loaded...?
I am loading Default2.aspx from MainPage.aspx. i need to display the condense of Default2.aspx in the Div(maincontent) which i declared in Default2.aspx.
with the below code iam getting the DIV object of Default2.aspx from MainPage.aspx.
but the Default2.aspx is not showing ,can any one correct the below code. code...
