I am chaining a .click function to the .button jquery UI widget. I get the action I want just fine but the in IE8 the button does not return to the ready state after I click. It works fine in FF.
$('#myButton').button()
.click(function () {
$('#total').text('here it is');
})
[Code].....
I used the code from the following article...[URL]
$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover',
[code]...
why does the rolled over image's src return to the original value when the user rolls back off it?
[URL]In the documentation there write that i can save the state of my open and added widgets. But how?
View 6 Replies View RelatedI've written the below code which submits to a servlet, does a bit of processing and returns a JSON object. I'm reaching the servlet, but I never reach the alert("ready()") in the JavaScript.It looks as though the readyState never actually reaches state 4.
function fetchhits() {
var httpRequest = null;
var url = "http://localhost:8080/Json/FetchTopHit?amount=1";
[code]....
I have a link that when clicked pops up hidden div and loads it with the results of an ajax function ( below ). The problem is that no mater what the line if (req.readyState == 4) never evaluates to true. I have used the same code in many other locations on the same site, but for some reason this time the popup opens, but the ajax does not return anything.Please take a look at the code below, this is a 'simple' version of what's going on. I can not take credit for all of this code as most is taken from examples on the interweb, but it has worked, but now does notjavascript
Code:
var req;
var doesNotSupport = true;
[code]....
I'm just getting started with jQuery.
I just made a form with a datepicker, which works fine. But I can't get the widget button to work.
I downloaded a theme and I'm importing the files as you can see in the code below. Do I have to download anything else to get the button to work?
My code looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
in my markup, ii have a form w/ a few simple controls, one of which is a pair or radio-buttons; to make it simple, let's say that these two buttons change/set the background color of a plot--'white' for the first button and 'gray' for the second one.
In my jQuery file, referenced/included in my markup is the event handler:
$("input[type=radio][name=backgroundColor]").change(function() {
plot1.grid.background = $(this).val();
[code]....
In Mac Safari 4.04 & Firefox 3.6, I am seeing page state being persisted on back button to page. I couldn't reproduce on jquery 1.3.2.
Here's a simple example:
<html>
<body>
<script type="text/javascript" src="jquery-1.4.js"></script>
<a href='#content1'>tab 1</a> <a href='#content2'>tab 2</a>
[Code]....
1. Click on one of the anchors.
2. Goto another page
3. Click the browser back button
Result: One of the sections is still hidden. Is anyone else seeing this? How is jquery doing this?
I have a few document ready functions on my page. I don't want the functions to get executed if the page is loaded because the user clicks on the browser forward/back button. Is there a way to prevent the document ready functions from getting executed if the user clicks on the forward/back button?
View 2 Replies View RelatedI have a page where a user can progressively download more thumbnail images. New thumbnails are loaded using '$.get' followed by an 'append' to the main thumbnail container. If a user clicks on a thumbnail then they link to another page to see the full size image. If the user then presses the back button, the page of thumbnails has returned to its initial state. I was hoping that all the additionally downloaded thumbnails would remain in memory! Is there a way around this? Keeping track of any additional thumbnails that have been downloaded when navigating the to the full size image page and then re-loading them when the user returns to the thumbnails page is not really an option as I don't want the user having to wait for this. This is what facebook appears to do after one has loaded lots of additional items on their news feed - if one links to another page and hits the back button, my suspicion is that all the items are re-loaded - they're not just re-displayed from memory.
View 2 Replies View RelatedI'm trying to get my website 'apps-limited uk' to have working 3 state mouse buttons which are selectable by tab, accesskeys, etc...For some reason the 3rd state shows fine in Safari (3.22), not at all in IE(All - IE Tester) or FF(3.0.5), and god only knows what's happening in Opera (9.63)The javascript is here at the root, and is called rollover.
View 14 Replies View RelatedLet's say you have a "Buy" botton that posts a form to a script that
inserts or increments the quantity of a record in a shopping cart
table. So you click "Buy" and then "Checkout". Now if you hit the Back
button it asks the user if they would like to repost the form. If they
click "Ok" the db script runs again and now they have two items in
the cart.
It seems to me this is a fundamental model view controller kind of
problem. There's no seperation between the view and the controller. Can
someone recommend a generic method for providing that seperation? I could
have the script emit a Location header but that's a strange hack. What
is the definitive method for solving this probably very common issue?
I got a form page with 3 radio buttons. Radio button ,say A,B,C.billing and shipping address is what the form page consists of . Onclikc of A the user selects hide shipping address. On click of b , copy billing to shipping address as well and on click of C, user would type in a diff shipping address... All works fine.but when i submit the form, and if form not complete, the after validation forms gets all the value but do not retain the selected radio button and the shipping form elements disabled or hidden status..
View 2 Replies View RelatedI am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
To say I'm new to JavaScript is a bit of an understatement so bear with me. I have a site set up with a variety of layers of toggles. When you enter the site all of the items are collapsed and you click the headings to expand. Each of the toggle-able items have ids. It works great for users who start at the homepage.
However, when I send people to any of the inner topics, all they see is the initial collapsed state of the site. I want to be able to provide a URL that will set the toggle to open, and show all of the content for that section on entry.
Here is my code and js, can anyone point me in the right direction?
[Code]....
How can I preserve the session state of a SharePoint browser state using javascript?
View 2 Replies View RelatedI am trying to pass the radio button values the user clicked on. My two problems are with state and gender. I know by default the first radio button is chosen but I wanted to prevent that from happening so I made a hidden type (not sure this is good practice). I was thinking about implementing a function chkRadio and then calling that function when the user submits the form. My problem is when I pass the values in the ajaxRequest function, how will those values get populated ? I guess I can call the function again but I would like to think there is a better way.
[Code]...
I have a form with a variety of text boxes, and these have submit buttons to click to submit to the form, eg code...
View 1 Replies View RelatedAll is on the title, sorry for my english, i'm french :) I have an html page with style
<style>
#mydiv {
margin-left:auto;
margin-right:auto;
width:250px;
}
</style>
with jquery, i try to get the margin-left ($('#mydiv').css('margin-left'), but the function return 0px, unable to retrieve the good value (auto) anyone has idea to retrieve the value "auto" when margin-left is "auto" ?
This isn't really a beginner question. I need to build a webpage that has some form elements on it. These form elements act like filters on a set of page elements. Several input element can be grouped as one of many filters. For example six checkboxes are filter 1 and a radiobutton and a pulldown element are filter 2.
When the user makes some changes in these filters a server request is send and an answer is send back with the result. Depending on the result every filter (group of elements) need to be re-initialized to reflect the new model state on the server.
So my question is: Is it right to see the filters as widgets in a Jquery UI sense? Or is it more appropriate to just see them as plugins. Can someone please share some insight?
I integrated JQuery UI, and I have the JQuery tabs working. Since Joomla uses mootols, I had to include thejQuery.noConflict(); And the tabs script " $ " is replaced by JQuery.
However, when I add the Cycle widget, and I replace the $ sign for JQuery, the widget does not work. If I use the $ sign, the widget works. I want to keep my code tidy. Can somebodyenlightenme on this situation?
I want to display on the partener's website some informations contained on my serveur relative to him (i have multiple parteners) and i thought it would be great to display them like the facebook badge (it's the only example which comes to my mind)
The thing : i really don't know what to do / how to begin :
I cannot use jquery, because it would involve that the parteneer website has jQuery.
I have multiple possibilites on the source of the information :
I can cache a PHP file wich contains informations (but i have 25 parteners so it would be 25 files cached ? -> bad )
I've a XML file [url] but i don't know how to parse an xml file either :O to give you an example i just want to display on crystal-serv information contained between the <GSP> tag where nom = crystal-serv
I have a problem with width() of jQuery.Normally, width() will return an exact value of element's width instead of the percentage (if we use width: 100%).
I'm writing a widget using jQuery. I have a function to build my widget and set its width based on the outer-bound. I need the exact value of width to arrange the element inside that widget. But when using width(), it returns 100 (means 100%), not the value in pixel (must be 1200px).
its an accordion like tool. It functions just how Ineed it, except id love to make it sortable.with the codeupdate?jQuery :
$(function() {
$("#accordion1").addClass("ui-accordion ui-widget ui-helper-reset")
.find("h3")
[code]....
I have recently downloaded a custom jQuery UI Pack, only using core and tab widget. On the examples in the index.html file, everything loads fine. Then I copy the files to my website directory, (all locally) and the images files just contain a question mark.
View 3 Replies View RelatedI was wondering if someone can help me out here. I was wondering if its possible to get this Jquery Image Slider to fit a 250x250 Pixels I want to create a widget on Wordpress.[URL]..If possible in order to get this done we could move the control with the numbers on the bottom and keep the descriptions on top.
If this cant be done, do any of you know any 250x250 Jquery Image sliders. That can possibly work in this format? I'm trying to stay away from Flash much as possible.