What makes this easy is I'm trying to replicate an existing website: BT's Personal Site
The menu of Packages / Phone, etc is very nice. Not only does the menu auto scroll, but also reacts to mouseover in a lovely manner (thereafter going back to auto scroll if there is no user input).
I've spent the afternoon going through all of JQuery's plugin library but I couldn't find something similar. I found individual scripts that I could use to mirror the auto rotate, but that meant integrating the rollover wouldn't work. Anyone got ideas on how to implement this?
A pre-existing script would be great if there is one(!) Otherwise, real simple advice as I'm a bit of a noob to jQuery. If there is no pre-existing script or the alterations will take a bit of effort, I'm happy to compensate if there is an expert for hire (depending on rates obviously!)
I'm not too familiar with javascript and usually do most of my animation/linking with flash. However my client does not want flash because it can't be displayed on the iPhone. If you go here: [URL]. You will see a menu on the left that starts to scroll through the buttons while showing different images on the right. But if you hover over any button it stops on that image. The buttons are then linked to individual pages. I attempted to try and replicate this technique here: [URL]. However I am not sure how to write or modify my script so that it scrolls through the photos like my flash version does.
I have created a page using the code below and it works fine.
Is there any way that I can replicate the gallery further down the page using different images? When I try, the mouseover on the top gallery opens the images in the bottom gallery.
I'm trying to create a function sort of like the ctrl+f function in IE, where you click 'next' and certain words on the page are highlighted (by selecting them with the cursor). This is all well and good for inputs and textareas, however for text in simple text nodes... Code: <span class=highlight> bob </span> I can't get this to work - as 'createTextRange()' isn't a valid operation on text nodes. Is this something you can do in JS (specifically IE)? Alternatively, is it possible to 'focus' on a text node, causing the scrollbar to move so the user can see it on the page (and I'd highlight it with CSS, to replicate the same effect)?
I have a ajax program on a page on website A. And I need to let it talk to a program on website B. I tried to put website B into the url of the parameter but it doesn't work.It gives me a "[objet XMLHttpRequest]" error.here is the code on website A:
I'm trying to validate a newly typed value in the textbox instead of the existing value it has when the page load, unfortunately, whenever I get the .val() I kept getting the existing value in the text box instead of the newly typed value.
I'm trying to code a feature for my website using DHTML where the person viewing the website can rotate between viewing the positive/negative points of the website being reviewed. This example was in the publication called Using HTML 4 by Lee Anne Phillips. Code:
When you click a link from a <li> list a div fades in on top of the list. When you click another link from the list I want previously faded in div to be replaced by new div. What I have now is all the links fades in randomly.[code]How should I change the code that does what I want. I have nine links on my list.
I am using tooltip in my application as a way to notify the user as to what kind of error was found in thier input field. My question is, once that error is resolved and validated correctly, is there a way i can remove the tooltip?
I have a function that generate code, create a tags and i want those a tags that onclick send the name attribute to and existing div in the page
so <div class="icon"></div> load with the page <a href ... class ="marker"></a> are created manually $(document).ready(function(){ $('a.marker').each( function() {
Using the jQuery SVG plugin, is it possible to load a large .svg and then only draw certain parts on an as needed basis? For example, if you have an outline of all U.S. states but the user only wants to see a certain state. Taking their input, you draw just those lines that are needed.
If this is possible, please point me in the right direction or provide some example code. I am currently using: $('#fp').svg({loadURL: '../rockwell-working2-merged.svg'}); Which displays the entire svg.
I have a set of div elements cached inside var divs = $('#myDivs'). Suppose another div comes along that i want to add (push) to the group. is there a simple method for doing this without selecting ones already in the group for a second time?
I have two questions. I have a html page has two "data-role=page" objects. When I open that page by clicking on a link, the second page is displayed rather than the first. If I add "rel=external" in the link, the first page shows up but the back button is missing. Is there any way to ensure the first page shows up and the back button is visible.
The second, how can I call $("#pageObject").dialog(). I tried this on a link, nothing happens. Can't I use I<a href="#pageObject" data-rel="dialog">Open dialog</a>. This does not seem to work for internal pages. Is there a method to open internal pages as popups?
Let's say $pages is a collection containing all div elements that have an id of page1 or page2. From this, I wish now to select now only the page div (i.e page1 or page2) that contains a descendant with a class of 'A'. Tried lots of things, just can't get the format right.
The problem is that in IE6 if you were to have two custom radio button classes on the same page then the first one takes on the styling of the last one because IE6 can't figure out the chained class. Ideally I would want the class to be amended on hover toclass="currencyhover" instead so I could write a unique CSS class like .currencyhover instead of .currency.hoverIs there some way to use addClass and not have it add a space between the already existing class and the new one? If not, is there some way to trim it
I have a problem with jQuery appending new text to a div - but then not firing events attached to the inserted text.Let me explain. I have a div that contains a number of divs - the div has a link and a hidden form. Clicking on the link fires a slideToggle event which reveals the form.When you submit the form AJAX handles it and jQuery builds another div with the correct link and the correct form which it sticks on the end of the list. That all works fine and dandy.What I want to be able to do is to click on the newly-added link and have it behave in the same way as the other elements that were on the page when it was built. However, nothing happens when you click on it. Zip. Nadda. Rien du tout.Usually I have found a way round the problem - but I am slightly stuck on my current project. Apart from forcing a page reload, is there any way to get the browser to see the newly inserted link and apply the jQuery action to it?
I know this should be simple & intuitive but I'm just not smart enough to make it work.I have a JCarousel Lite install and am trying to convert the effect to bounce. What I have currently can be seen here:hat I want can be seen here (demo):Problem: On the demo page above he lists the code but it's the 1.1 version, and I have the 1.3, and much has changed; i.e. his code doesn't work. Here is the carousel js:
(function($) { $.fn.jCarouselLite = function(o) { o = $.extend({
I'm trying to group some existing top-level functions inside a closure (to avoid polluting the global namespace) but I'm not quite getting it to work. First, all the JS works outside my anonymous function, but once I put it in the anonymous function I get an error of "crossfade is not defined". I'm not quite getting why the the setInterval/crossfade works outside the anonymous function but not inside. Anything inside start() should be able to see vars/functions outside start() and it should all be protected in the closure created by the top-level anonymous function? I'm not trying to access anything *within* crossfade(), I'm just trying to execute it.
Code: (function($) { //vars up here that internal functions can access //also using some jquery inside here, so using $ function crossfade() { //body here } //other functions function start() { //body here cInterval = setInterval('crossfade()', 5000); } })(jQuery);
I have a working registration form and now i want to add this wonderful jquery form valitation plugin to validate the user input before sending the form.
So far so good all is working and btw. it was easy to setup even for some one with very poor js skill.
My question is now: can i hide the label for the input fields and dropdowns, i mean the labels i have in the form - not the error labels created by the jquery form valitation plugin, when the jquery generated labels appear? Like a switch show the default labels when no error and hide if an error?
When i use this code, then on submit / on error all the labels are gone because it hides all the labels. So far i understand my own code but i have no idead how to manage to just hide specific labels, the labels with errors? I took a look into the jquery.validate.js file and found on line 596 the "showLabel" function. Maybe i have to rewrite this one but as i wrote before: i have no idea where to start.