Am I missing something here? I want to be able to have more than just one button to toggle the drop function with different content. I'm using the test code below to set this up. Works fine if just using "btn" and "btndiv" but nothing happens when I add "btn2" and "btn2div":
[Code]...
Problem: This is essentially for a model number decoder. Several selection boxes full of coded information in a left column, decoded items appearing in right column. The 'decoded' divs will only show up when their coded counterparts are selected in the dropdown. The main problem is that I know nothing of Javascript.I have cobbled together enough stuff to get the "select box 1" to toggle the corresponding div, but have no clue how to get the next in series to toggle the next div. CSS:
HTML Code:
.col1 {
float:left;
[code]....
I have a slideshow similar (albeit more sophisticated) to this example [URL]. However, I'm trying to make the slideshow accessible to all JAWS users, leveraging aria-live attributes appropriately.
The problem is this: I am using the fx: 'fade' transition (this is out in the wild and I'm unable to change it at this point). However, I have a hidden button that gains visibility on tab focus. When the 'next' button is triggered I need the cycle plugin to leverage NO fx at all or the screen readers will end up using the subsequent slide for reading content due to the opacity + display time delay with the fade fx.
Basically I want my slideshow to have 2 fx, one for the default behavior (fx: 'fade' for the pager links) which is fading from slide to slide, and another fx (fx: 'none') that is used to prevent aria-live issues with screen readers. Is this possible?
if a try this bit of code when dynamically creating a div - whole page fails - no action
<
g:javascript>
$(function () {alert ("page loaded");[code]....
I need to use jQuery range slider for setting up limits for multiple ranges which are interdependent, something that is similar to slider that we use for hard disk space allocation during OS installation but mine is a web applcation and the data necessary would be fetched from DB. I've tried the following code but I couldn't get two ranges. Only two handles are active.
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 1000,
values: [ 75, 300, ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
and
<div class="demo"><p>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /></p>
<div id="slider-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 20.1%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30.1%;"></a>
<a href="#" class="ui-slider-handle ui-state-disabled ui-corner-all" style="right: 99.5%;"></a>
<a href="#" class="ui-slider-handle ui-state-disabled ui-state-default ui-corner-all" style="left: 99.5%;"></a>
</div></div>
How can I make more handles active in same slider without overlapping them?
On my site, I have some click-able spans (will be referred to as toggle spans) that show or hide other spans (that contain the content I want on my site; will be referred to as content spans). The layout of these spans is like this:
[Code]...
I have a hidden popup that I populate with content and it dynamically expands to the size of the content. I then show the popup. When a user clicks on another link, it populates the popup with longer or shorter content. When the content is SHORTER, it seems to show the background image that I'm using expanding to the height of the previous size of the popup. I've tried setting the height manually with JS, no luck. This only happens on IE6.
View 1 Replies View RelatedI'm using this method of toggling which i found on webdevelopers and I'm having issues with trying to make two other toggles with in a toggle.This is the code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">[code]....
So I'm basically trying to have three or more divisions above in the code, that I'll be able to click to show two more divisions that users can click on to show something inside their divisions.
I have a couple of layers that are hidden.
When an image is moused over, I want to show the appropriate layer,
then hide it on mouseOut.
The problem is, I get an error telling me "document.all[...].style is
not an object" for whatever layer I have created first. It seems as
though when the second layer is created, it overwrites the first one ....
I am using ASP validators and I have a contact form. I want to be able to have a phone and email radio button group. The email textbox also has a RegularExpressionValidatorIf the phone item is selected then I want the validation to be enabled on the phone text box making it mandatory while the email text box isn't, and if they choose the email as the contact it will be reversed.I want to be able to do this without having to do a postback.I already have the logic on the code behind and the enquiry object.also I am fairly new to javascript so I have been using mostly jQuery as easier to implement
View 1 Replies View RelatedI'm trying to do something that is slightly complex and I can't find any relevant examples in the usual places,I'm pulling a list of projects (and their IDs) into a select:
Code:
<select name="proj_id" id="proj_id" onchange='setValuz()'>
<option value="1" >1st Project</option>
<option value="2" >2nd Project</option>
</select>
Each project has two associated values, in addition to the unique ID:
[Code]...
Can anyone shed some light on how I could do this? Maybe a link to a "how-to" (if there is one out there)?
OK, I am very new to jQuery so bare with me here. I am trying to get the document body height and set it as the height of a table, after the page has been loaded. Below is an example of what I am trying to do.
[Code]...
I am not sure where to place the jQuery code, before or after the table tag...and I am not even sure if any of my jQuery code is correct. Once again, i need to set the table height AFTER the document has been loaded and then dynamically change the height of the table.
As far as I can tell, and it makes sense, when I set cookies for a page, say like this:
HTML Code:
<script>
function setCookie(cookie_name,value){
var cookie_value=escape(value);
document.cookie=c_name + "=" + cookie_value;
}
</script>
It works just fine, but it only sets the cookies for that particular page. Unfortunately I need it to remember that for all pages. In essence, this code belongs to a sign in page, but I need it to remember the username and password on all pages. I would like to avoid sending variables from page to page containing usernames and passwords if it's at all possible.
How can I set a busy cursor for my whole page rather than just for a link?
My page calls another page with form arguments that does some processing
then changes the values on the calling page. It takes about 4 seconds so I
would like there to be some indication that processing is going on. Thanks!
how to make a particular website their default home page when they click the button "Make this site your homepage" using javascript. This sample code works in IE, but other browsers doesn't know this code.
this.style.behavior = 'url(#default#homepage)';
this.setHomePage('http://localhost/getuptodate/php/getuptodate.php');
how to do this stuff on other browsers. I've research on this but still can't find good codes that do something like the code mentioned above. Others are redirecting the users to do something to make the website their home page.
I am having some issues testing the "opened" value of richfaces toggles.
client.click("FilterToggleReal");
assertEquals(true, client.getElement("FilterToggleReal").hasAttribute("opened"));
Basically I want to return a true value to say "pressed toggle and its opened" (JSFUnit testing so no alerts.)
How do I ensure a page is printed with landscape setting?
View 1 Replies View RelatedI'm using Javascript to change an image on a page without reloading the page. The problem is that my images are various widths (but identical heights), yet each image I change it to uses the width of the first image.
[Code]...
What I want is a textbox that the user can enter information into. When they press a key the onkeyup event will simulate a function. All that I can do. The function needs to automatically scroll down the page to the anchor that corresponds to the number the user entered. The web page is a factor finding program. You can enter 2 numbers and it finds all the factors of all the numbers between the 2 you entered. Here is the link: [URL] As you can see, when you try to find factors of numbers a new window opens and there is a search box in the top left. Unfortunately, it doesn't work. If you want to check out the code look at the web page but here is the bit that creates the new window
[Code]....
I have some JavaScript that is being used to open a new window and display a PDF file. This is working fine apart from the title of the new window being open. I am using the window.open function and I have set the title of the page using the document.write function (see code below). The code works fine for FF and IE but for some reason Google Chrome just displays 'Untitled - Google Chrome'
<body>
<a href="javascript:openNewWindow();">Click Here</a>
<script type="text/javascript">
function openNewWindow()
[Code]....
Note: I have also tried adding - pdfWindow.document.title="Title"; - to the JavaScript, with no luck.
Is there anything specific that is required for Chrome or am I just missing something??
I have a page which takes information from a user. When the user clicks the "send" button, it stores data in a cookie then does a javascript redirect to the next page which grabs the info. I don't want the data to be present in the URL on the next page and the site is supposed to be put together without the use of PHP (the 2nd page is a confirm page that sends the data to Web Services).
This has been working great for everyone who has tried it, but there are a handful of complaints that users will not get the information they expected on the 2nd page. My question is, as I'm trying to debug this stuff, is it reasonable to think that the cookie may not be properly stored in time for the redirect to take place for some users?
I have a pop-up window system on my site that shows an absolutely-positioned div over the entire page as a "pop up" of sorts when someone clicks a link. I use this simple line of Javascript to disable page scrolling when a "pop up" box is opened by a user:
document.documentElement.style.overflow = document.body.style.overflow = 'hidden';
The problem is that when a user is scrolled down on a page and clicks a link to bring up one of my pop up boxes, when the overflow is set to 'hidden' to disable scrolling, the page "jolts" back up to the top (similar as to what would happen if someone clicked an <a> element with href="#" ). However, the links are not actually links, but span tags that are programmed with JS to trigger the scrollbar to be disabled when clicked, so that is not the culprit here. I've narrowed the problem down to that one line of code which I posted earlier. Apparently, setting the documentElement overflow style to 'hidden' scrolls the user to the top of the page automatically along with "disabling" the scroll bar on the page.
I am wondering if there is a way to prevent this jolting to the top of the page each time that JS code is triggered. I don't want users to have to scroll back down to where they were each time they open a pop up dialogue box on my site, as this would be detrimental for usability purposes.
I have developed one project and in that i have taken two css now i want to add jquery effects in that, But my display is not properely adjusted and extra enlargement is done so how i can add jquery in my php project without affecting another effect? And one more thing where i can get the jquery effect codes?
View 1 Replies View Relatedi'm having trouble with using multiple jquery plugins in the same page. only one or two plugins work.
View 14 Replies View RelatedI have succeed in using JQuery tabs + accordion in my page, it works perfectly.
However, I need to use several accordions in the same page, so when I try this, the second accordion doesn't work :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
[Code].....
I get 100+ products outputted from a database with 2-6 images each.I want to use cycle with Pager to show the images for each product.My problem is that the pagers for each image cycle,connects with all the image cycles.I've uploaded the dev files here: http [url]... Each of these products have 4 images.I my jQuery looks like this
$('.product-photo').cycle({
fx: 'fade',
speed: '1000',[code]....