Having a problem with a rotator. displaying in firefox, but not Chrome or IE
I made a quote slider on a website im helping build, it works in Firefox, but not Chrome or IE, below is a link to the site, and also my code. www.GQCoatings.com <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"</script> <script language="javascript"> $(document).ready(function(){ $('#testimonials .slide'); setInterval(function(){ $('#testimonials .slide').filter(':visible').fadeOut(1000,function(){ if($(this).next('li.slide').size()){
Problems with slideUp in Chrome
Hi, after Domready some elements are added and modified to the site. After this i'm sliding up these elements with $(myParent).find('span.' + myClass).slideUp(1); // slow also doesn't work this works fine in any browser (e.g. firefox, IE, etc.)... but not in Google Chrome. if i call the object text with aller() it works fine in chrome also hide() works but not slideUp... after the element is done and i click a link that calls slideDown eg slideUp it works fine but not in the first call after
deferred.resolve() - query on usage as a callback
In this question on Stackoverflow, I suggested use of $.Deferred() My original fiddle for a solution used a separate callback function which just called def.resolve(). However I then remembered that I've seen other code simply pass "def.resolve" as a callback in its own right. I tried this instead, and it works (see http://jsfiddle.net/Nyg4y/3/). This got me wondering - how does this work? As I understand it for this to work at all the value 'def.resolve' must be specific to 'def'. This suggests
how to remove the elements returned in an array?
hello, i have a var ids = [] that returns some id's. for example <li id="11"></li> <li id="12"></li> the variable ids will be return 11,12. what i want to do is to find those <li>'s with those id's and remove them. thanks,
Coordinates Function
Is there a way to write a function that would be.... If the coordinates of an image are _____ then do this ______ ?
Nested Tabs!!!!
I have a nested tab scenario <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> </ul> <div id="tabs-1"> <div id="childtabs"> <ul> <li><a href="#tabs-1-1">Child Tab1</a></li> <li><a href="#tabs-1-2">Child Tab2</a></li> </ul> <div id="tabs-1-1">content</div> <div id="tabs-1-2">content2</div> </div> </div> <script type="text/javascript"> $(function()
about: .accordion("option","event",'mouseover') invalid
js code: $( "#accordion").accordion(); //set event 'mouseover' on which to trigger the accordion $('#accordion').accordion('option', 'event', 'mouseover'); but seen not take effect~ then: alert($( "#accordion").accordion("option","event")); print:'mouseover' how write when I want to set event on which to trigger the accordion. not at initialization ($( "#accordion").accordion({event:"mouseover"})) thanks~ 饭疏食饮水，曲肱而枕之，乐亦在其中矣。不义而富且贵，于我如浮云。
One function to slideToggle dynamically added elements
My page will have 100+ links on an image map. Each of these links will have a hidden div associated with it. i.e. So the first link when clicked should toggle it's corresponding div. I don't know why this isn't working. any help is appreciated. <!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> <script type="text/javascript" src="jquery.js"> </script> <style type="text/css">
HTMLAREA and Validation
I am trying to use the validation plugin with http://remiya.com/htmlbox/index.php/9/demo/full-featured-demo.html and am running into an issue. When submitting the form with nothing in it, it will place the error label after the required textarea but will not remove it once you begin typing, only on the form submission. Suggestions?
Strange jQuery error?
I am deploying a new part of our website, and everything was working fine while I was deving on my local machine. After uploading the scripts, Firebug returns an error but it is not at all descriptive of what it doesn't like. The error says: $( Cancel: function () { <filename><line number> Does anybody have any suggestions of what this might mean? The error happens when you click the "edit" button next to a row, and a jQuery dialog pops up. The line number points to where the Cancel button is
problem changing datepicker's date format of
I am having difficulty trying to change the format of selected date from date picker. This is a test so my code is very simple. Here it is. $("#datepicker").datepick({ onSelect: function(dates) { alert('date picked is ' + dates); var f = $.datepick.formatDate("mm-dd-yyyy",dates); alert(f); } }); I have also tried setting the dateformat property but that doesn't work either. $("#datepicker").datepick({
DatePicker Size
I am viewing my datepicker with no problem but it is twice as large as the examples, any ideas what I need to do to make the calendar smaller like the example you show?
datepicker updating wrong tab
The datepickers in tabs-2 will update tabs-1 even though the selecter used explicitly states tabs-2. How do I get the datepickers to update the tabs they are on? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Datepicker/Tabs</title> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/start/jquery-ui.css" type="text/css" rel="Stylesheet" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
Setting class on td with attr
Hi, I am pretty new to jquery and am trying to set the class value on a td cell. It looks as though it is crashing on setting the attr value. This is effectively what I am trying to do. // get my row var row = $("#tableID").find("tr:eq(0)"); // get the cells in this row var cells = row.find("td"); // manipulate the cells cells[1].innerHTML = "Some Text"; cells[2].attr("class", "my-class"); Setting the innerHTML works fine, so I am assuming everything before that is working correctly. When I try
jQuery UI Accordion - 3 levels with current page function
Hey guys. Working on a clients website the last few days. Have been half looking at different accordion menu options. Obviously I want to use jQuery and I really like the options the UI Accordion offers (like current page function). What I need from the accordion, which may or may not be possible using the UI one, is a third (and possibly fourth) level. Finding a reliable way to have the accordion get the current page and stay open has been an issue. I've tried a few ways but things dont seem to
how to find the id of an <li> from another file on the server ?
hey people... i've got a file that contains multiple <li> with different id's: <li id="1"></li> <li id="2"></li> <li id="3"></li> ... how can i gram the those id's and put them into a var? var get_id = $source.find('li').attr('id'); ??
Nested Scrollviews Swipe - horizontal
The swipe works nice, but I was wondering if anyone has figured out how to make a "prev" and "next" button to go along with this. http://jquerymobile.com/test/experiments/scrollview/scrollview-nested.html The swipe works nice :)
.val method returning "on" for dynamically created radio buttons in ie9
Hi, If I dynamically create a radio button via "createElement" and then use the :checked selector and the val method I get "on" returned in ie9. This doesn't happen with a radio button created via HTML. Test code: <div id="test"></div><input type="submit" onclick="window.alert (jQuery('#test input:checked').val ());" value="Click Me!" /><script src="/js/jquery-1.5.1.js"></script><script> jQuery.noConflict (); var el = window.document.createElement ('input'); el.setAttribute ('name', 'hello'); el.setAttribute
JQuerry Board Game
Hi Folks, I am trying to get a "game piece" to move around a board. I have it animating with a die that it rolls. So if you roll a 6 it will animate 6 times 110px. Each box on the game is 110px. The problem I am having is changing the direction of the animation once it hits a certain point. Any thoughts or ideas? I am new to jQuery. Below is my code. and here is the test link http://kyledicke.com/game/index5.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Swipe Event
I've searched the forums and some slightly describe what the JS should look like, but none show the whole implementation. I'm a complete noob to js and was hoping to get some help. All I want to do is implement the swipe left and right feature to move the page forward or backward. I have no idea how to do it. What does the JS look like? What should the html look like? Nothing fancy just loading whole new pages, that's all. Later down the road when I become educated, I'm sure there's probably a way
RTL
Hello, I just started playing around with jQuery - and found it fascinating... ...however I saw some logical bug in the datepicker. As one, who works on RTL web automatically tested datepicker like that. The only problem I had is about the place of the button used to open the calendar. jQuery states that if it is a LTR control the button should be after the original control, but if a RTL one the button should placed before. In fact it is true ONLY if you have a LTR page with some RTL controls on
Access the Object that was clicked?
Hello everybody, i have function appended to a click event of more than one objects. How can i check if the object that was clicked has a certain class xy? var t = jQuery(this); jQuery(t.children()).click(function(e) { if (??check if the element that was clicked has class xy??){} }
How to get selected date + 1day with datepicker??
Hello, I am using datepicker and i have two input fields (i.e. Arrival and Departure). How do i set Departure date to be arrival Date + 1 day?? i have the following function with arrival onClose function clearEndDate(){ var date = arrival.datepicker('getDate'); departure.datepicker('setDate',date); }Which set the departure date to be equal to arrival date. any suggestions?
linking to item within toggle (show/hide)
I am using this code to separate information into sections using show/hide. I want to be able to link to a specific item within a section which is also within a tab. Example: I want to link to Bret Fetzer in Cultural Programs which is in the Staff tab. http://www.4culture.org/test/about/leadership/ Is this possible? I am already using #staff to open the staff tab. thanks in advance!
How to split the responsetext
I use this on a select box: <script type="text/javascript"> $(document).ready(function(){ $("#states").change(onSelectChange); }); function onSelectChange(){ var selected = $("#states").val(); if (selected.length > 0) { $.post("pwcheck.asp", { state: selected }, function(data) { $("#output").html(data); }); } } </script> and it works great. What I want to do is write to two divs instead on only one (#output). I created an ASP page that returns text~~~text2.
Is it possible to get the current id in the URL (#something) kinda like CSS3 :target
Hello, Well, I think the title sums it up, but here it is: (optional scenario, just skip this part if you just want me to get to the point of the question): for one of my classes, I have to make a website for a non-profit organization. I have a three-level menu: Section 1 > Page 1 > Subsection 1 - 2 -3... etc. The way it's organized is "sections" are tabs, "pages" are buttons and "subsections" are accordion items, basically. I want to be able to access the accordion items using the url, because my
Datepicker update multiple alternate fields??
Hi, I like to alternate multiple fields with differ formats. I like to update a hidden textfield with another date format. In total i have 3 date fields (ie dayname, user friendly format and php friendly format) arrival.datepicker({altField:'#arrivalDay', altFormat:'DD', buttonImage: 'imgs/calendar.png', buttonImageOnly: true, constrainInput: true, dateFormat: 'dd MM yy', duration: 'fast', firstDay: 1, maxDate: '+5Y', minDate: '-0D', prevText: 'Earlier', showButtonPanel: true, showOn: 'button',onClose:
jquery keypad
I am trying to design a web page with multiple input fields to use the keypad, but I also want the prompt to change with each field
Where is the showcase site someone announced few weeks ago?
Hi to All, Few weeks ago someone announced and posted _here_ a showcase site to collect and upload links to working online jquery mobile sites. I followed it a few days and more and more submission showed up. Unfortunately I forgot the url, and now I did not even find the original announcing post :-( Could somebody point to this post or the showcase site url? thx.
jQuery 1.5 Ajax Converters
Can someone point me to possible a more thorough explanation of how to use converters? I understand what they are to be used for, I just need a better explanation of the syntax involved. For example, on the jQuery site, under "Extending Ajax", there is the following as part of the explanation: $.ajax( url, { dataType: "xml text mydatatype", converters: { "xml text": function( xmlValue ) { // Extract relevant text from the xml document return textValue; } } });dataType has 3 values (xml, text and
Click header title, show Dialog
I need to show a dialog when the header title text is touched. My code below captures the click event but i don't know how to programmatically show a dialog. A few things: - i dont want to turn the title into a button. if i wrap the title in an anchor it turns into a button. - ultimately i want to show a pop-up list of pages the user can jump to. Unfortunately, when i substitute the text for a select list, jquery mobile turns it into a button. I dont want a button, i just want text. Can someone
How do I correctly loop through an array of DOM objects and assign events to them?
Hey guys, I have kind of a complicated setup, and I was hoping to bounce this off some one's head who's more experienced with JavaScript. Assuming I have the following HTML markup: <div id="one-root"> ONE <div id="one"> <ul> <li>Testing</li> </ul> </div> </div> <div id="two-root"> TWO <div id="two"> <ul> <li>Testing</li> </ul> </div> </div> <div id="three-root"> THREE <div id="three"> <ul> <li>Testing</li> </ul> </div> </div>I'm trying to
ajax xmlHttpRequest is undefined
Hi I'm having a problem getting the error status when a session expires on the server when i receive an http status of 401 the error function alert returns xmlHttpRequest = undefined , textStatus = "error" & errorThrown = undefined how do i get the status of 401 returned to my application ajaxError & statusCode don't seem to work as well what am i missing my ajax code is as follows jQuery.ajax ( { type: 'POST', dataType: "html", contentType:
Background changer
Hello, Im not sure what is wrong with my script : | When i alert new background styles, it looks ok. When i click #go1, background disappears, but than appears same background : / I want to change it to bg+l+.jpg where l is number of background (i have 4 backgrounds). Script: <div id="inner" style="background:url(bg1.jpg) no-repeat center">Jakis tekst</div> <script> var l = 1; var str = "url(bg"+l+".jpg) no-repeat center"; $('#go1').click( function(){ $('#inner').fadeOut( 'slow', function(){
How to keep a link active (as a normal link) inside an accordion
Hi I'm new to jQuery and have a problem with links inside an accordion. The simplified code looks like this: <div class="active-item"> <div class="available-items"> <h5>Headline</h5> </div> <div class="table-accordion"> <table> <tr> <td><a href="#link">Row 1 --- Content</a></td> <td><a href="#link">Row 2 --- Content</a></td> <td><a href="#link">Row 3 --- Content</a></td> </tr> </table> </div> </div> The jQuery is adapted from
Slide animation
Hello jQuery developers! I have this case, in which I try to do some div act like a slider, animate from left to right, and animate(out) to right: A) THERE ARE 3 DIVS: a container, and its content (box-1, box-2) #container {width:720px; height:540px; background:gray; margin:0 auto; position:relative; overflow:hidden} #box-1 {width:720px; height:540px; background:red; position:absolute; left:0} #box-2 {width:720px; height:540px; background:orange; position:absolute; left:0} B) THERE ARE 2 ANCHORS:
how to after submit got to insert.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- <?php include_once 'common.php'; require_once("pages/validation.php"); ?> <? if (!$_COOKIE["ln"]){ $data['lang_ch']=$data['DefaultLanguage']; setcookie("ln", $data['lang_ch']); } ?> --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description"
The same id radio buttons dosent work on post form.
Here is a script and its uses a latest jquery $(function() { $(".submit").click(function() { var name = $("#name").val(); var surname = $("#surname").val(); var gender = $("#gender").val(); var birthyear = $("#birthyear").val(); var birthmonth = $("#birthmonth").val(); var birthday = $("#birthday").val(); var town = $("#town").val(); var country = $("#country").val(); var postalcode = $("#postalcode").val(); var dataString = 'name='+ name + '&surname=' + surname + '&gender=' + gender + '&birthyear=' + birthyear + '&birthmonth=' + birthmonth + '&birthday=' + birthday + '&town=' + town + '&country=' + country + '&postalcode=' + postalcode;
unordered list to Form Value Help please
I have an unordered list that I want a user to be able to click on a List Item then that is sent to a Form Text Input as its value. I do not want to use a select list, this Unordered list has to be visable at all times, im just stuck on the Jquery code to write that selected List Item in a text value box on a basic form. Please Help me. Thankyou
Passing variables between pages
On the response to my first post, "Passing Variables", I see how to use the cookies. How would I use session variables? I thought you could not access them via jquery.
Next Page