Rollover trouble.
I have a jquery image-swap which is working fine. Here is the code: $(document).ready(function(){ $(".attachment-post-thumbnail").hover( function() { var hoverImg = HoverImgOf($(this).attr("src")); $(this).attr("src", hoverImg); }, function() { var normalImg = NormalImgOf($(this).attr("src")); $(this).attr("src", normalImg); } ); }); function HoverImgOf(filename) { var re = new RegExp("(.+)\\.(gif|png|jpg)", "g"); return filename.replace(re, "$1_hover.$2");
Did I miss something with A4?
Seems like on my android phone testing A4 test docs are jumping all over the place. nested lists select a sub list on it's own. the back button fires off two clicks when I click it once. Anyone else seeing this? A3 still works perfect.
Jquery Autocomplete doesn't work with Jquery 1.5
Hello! I'm using the Jquery Autocomplete Plugin with jquery.1.4.4. I tried to use a new version of jquery, like 1.5.1 but doesn't work. I'm asking if there is a way to work with the new version of jquery or i must change my autocomplete and use the jquery ui autocomplete. Thanks!
Footer adds padding to right. Why?
Hey all. I've been wrestling with footer issues and can't banish the issue. Which is: When I add a footer to my web app it adds padding to the right. I can only confirm this on iPhone as I've not yet gone to "the lab" (my local AT&T store) to test this on other platforms :) The padding is initially off screen. But, I can do a right swipe and MAKE the padding appear. If I remove the footer, the padding disappears. I've run the html through several tidy passes... the divs checkout a-ok. I wonder about
Page with Navbar gives "Error Loading Page" when it is loaded from a form on the previous page
Are you able to have a form <form action="search.html" method="post"> load the next page (search.html) which will have a navbar with pages embed within it (data-role="page")? Let me give an example of the page: <!-- index.html --> <div data-role="page"> <form action="search.html" method="post"> <input type="submit" value="Submit" /> </form> </div> <!-- search.html --> <div data-role="page" id="search"> <div data-role="header"><h1>My Application</h1></div> <div data-role="content"></div>
Ticket #4551 broke jquery.ui.sortable.js downstream
WordPress utilizes jQuery UI in its admin area, including jquery.ui.sortable.js to assist in moving metaboxes around on the screen. When the patch on ticket #4551 was committed, and WordPress updated jQuery UI from 1.7.3 to 1.8.5, it caused a flickering to occur when dragging these metaboxes on screen making it difficult to release the box in the desired position. Relevant WordPress ticket is http://core.trac.wordpress.org/ticket/16955 that documents the issue and points out the code that was removed
JQMobile, changing to an internal div help wanted.
Hi, using JQMobile what code do I use to go to a internal div within the page. i.e, when a user clicks a page it should then go to a internal page - not an external one. I know how to do this with JQTouch but not JQMobile. Thanks in advance.
Disable part of style with jQuerry
Hi I've created a table style in css file, and here is a part of the code. #tab tbody tr:hover td {color: blue; background: -moz-linear-gradient(6% 75% 90deg,#8F8F8F, #EBF2F2, #C7C7C7 100%); } Is it possible to disable this hover without changing rest of #tab style in one selected table with jQuerry ?
jquery.corner.js problem in IE and Opera
i am getting a strange error message from jquery.corner.js [downloaded from http://jquery.malsup.com/corner/ version 2.09 (11-MAR-2010)] in IE and Opera. further script calls are ignored, so the page looks horrible. Opera Error Log: Unhandled exception: [Object InternalException] name: Error message: WRONG_ARGUMENTS_ERR stacktrace: Line 808 of linked script http://mydomain.com/javascripts/jquery.js var computedStyle = defaultView.getComputedStyle( elem, null ); Line 778 of linked script
identify which $. ajax AjaxStart's coming
$("#mask").ajaxStart(function () { mask.load(); }).ajaxStop(function() { mask.unLoad(); }); This code is executed in many places with different purposes, how could I identifywhich $. ajax AjaxStart's coming?
slider event
Hi, I have a form that uses a slider. How can I send the value of the slider to my js file? I tried to send it the same way I send other form values but all I get from the slider is Object object. What does that mean? Thanks
jQuery toggleText ( Is this right way to write this method)
$(function() { $.fn.toggleText = function(data) { var oldTxt; var newTxt; if($(this).attr('toggletext') == undefined){ oldTxt = $(this).text().trim(); $(this).attr('toggletext',oldTxt); newTxt = $.trim(data); }else{ newTxt = $(this).attr('toggletext').trim(); oldTxt = $(this).text().trim(); $(this).removeAttr('toggletext'); } return (oldTxt ==
Jquery AutoComplete plugin : is it work under jQuery 1.4.2 ?
Hello guys...!! I'm trying to use this Plugin.... Link Here. Let's assume that we have this kind of interface.... <input type="text" id="companyname" name="companyname" size="75" /> And then this jquery // the company textfield search $('#companyname').live('keyup', function(){ $('#companyname').smartAutoComplete({ source: "search-company.jsp" }); } ); The "search-company.jsp" ---> is my jsp page that will generate the words divided by line feed. But, then....
nested ul problem - get first parents..
Hi, I have a problem with selecting nested ul's This script should deactivate clicking in menu-items. The problem is, that if there more nested hidden ul's, the first child li is not clickable anymore. I like include only the first childs of #menu into the jquery not all nested ul. Could someone give me a hint? <div id=" menu> <ul> <li class="menu-item"> <ul> <li></li> <li></li> </ul> </li> <li class="menu-item">
How to compare textbox values in existing record in table using SP
Hello Im new here, I need help if my syntax is correct. if(first_name != <row.@firstname>) { alert("Record already exists! Search and use the record to continue transaction!")}; I attached the whole function. What I want to do is that whenever a user tries to create a new record using first_name, middle_initial, last_name and date_of_birth on the textboxes, these things will happen, 1. I have Sp working already that gets the fields of the table customer using parameter 2. then on my page
Accessing external var
Hi, I've been writing a script using the Flickr API. Basically it takes photos from a certain set and user and puts those in the fancybox format. The problem I have now is that whenever I want the set to change, I have the edit the javascript,. Instead I want to be able to change this in the html where it's being called. Here's the script: (document).ready(function(){ //insert your Flickr API key var api='6f9bff414d8f176e5c15359934c741bb' //insert the ID of the set you want to use var
HOw to create master page like .net in jquery while using java...........
I am new to jquery if my question is silly i am sorry for that, i want to create a master page in jquery in that the sliding login panel will come in all the page and side link panel will be there if any one created these kind of page in jquery please help me by sending some sample code...........
Setting the Width of the Dropdown
Hi everyone, Sorry if this question seems absolutely basic. I use autocomplete on my application. The width of the dropdown is equal to the width of the Input element that is used. I would like to use a custom width for the Dropdown leaving the width of the input same. Can this be done? Abhay
How to load coordinates from xml into jqplot graph?
Hi all, I'am new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I dont't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code.. I'm just trying right know and show you some Code I made... Dont't blame me^^ I'am doing this only for a few days.. Thats my very simple XML file with only x and y coordinates: <?xml version="1.0" encoding="ISO-8859-1"?>
Validation
i am using the * jQuery Validation Plugin 1.8.0 i came across 1 small problem i need to validate this input field <input id="awf_field-123456789-first" name="name (awf_first)" /> but when i do rules: { name (awf_first): "required", } i get a error does any one know how i can check the value of this with out changing the field name?
Can't figure out why footer is cut off after using ui tabs...
Hi everyone, I am new to jquery. I was playing around with the ui tabs but can't seem to figure out why my custom footer gets cut off whenever I apply the <div> tags for the tabs. Below are the links to what I am referring to: http://www.photoboothnews.com/sample/before.php (This is when everything was working fine) http://www.photoboothnews.com/sample/after.php (This is after I apply the ui tabs, notice the footer on the bottom gets cut of on either side) I would greatly appreciate it if someone
Newbie Question - Resizing divs with slideToggle
Hi, I am trying to get my divs to resize but i am having a number of difficulties. I am new to jQuery so be gentle! :-) Here is what i am trying to achieve: 1) When the "About me" div is clicked - resize the "About Me" div and hide the other divs. (Which i have managed to get working) 2) When the initial animation has finished, wait for another click before resizing the div to its original size/position. (This is working but I have had to use the delay function to "pause" the animation - which
corner plugin bug
I am not sure can I call it a bug if I use use corner plugin on two divs which one is including another, it will be failed on IE7 or IE8 have any solutions? demo page Chrome IE7/8 CSS <style> body { font-size: 12px; background: black; } .box-outside { width: 201px; height: 200px; background: yellow; } .box-inside { width: 199px; margin: 0 0 0 1px; height: 190px; background: blue; } </style> JS <script> $(function() { $('.box-outside, .box-inside').corner(); }); </script> HTML <div class="box-outside">
GET parameter inapropriate treatment
On Jquery Mobile Alpha 2 , it worked fine, now I've got a problem. The problem is as follows: I have an url like : http://mysite.com/blah/id/#/blah/id/?page=2 On this page I have some details, inside a list , if i click on them , a item id is passed to get the page with more details. I've got a link like <a href="othercode/itemcode/"> click me </a>On alpha 2 it worked getting me into the page: http://mysite.com/blah/id/#/blah/id/othercode/itemcode/?page=2 Alpha 4 just mess up , getting me on: http://mysite.com/blah/id/#/blah/id/?page=2othercode/itemcode/
Problem with Ajax in jquery
Hi All, I am new to this jquery world. I am facing some problem while using Ajax in my jquery code. I want to get some data (String ) from server using Ajax call. below is my code: $.ajax({ url: "./something.do", context: document.body, success: function(){ alert("helo"); } }); Or $.post("./something.do",null,function(data){ alert("come"); }); I tried with both
Touch firing two events or the same event twice on back button
I have an application that has several pages, when I get navigating into them the button back appears just right on his place, but , some times it takes me back two steps instead of backing one step.
$.getJSON not returning any data for cross domain
below are my code $.getJSON("http://mydomain.com/phptest.php?jsoncallback=?",function(data) { alert(data.a); }); phptest.php echos out the following {"a":"hello world"} Yet, when i made the json calls(cross domain), it just return me nothing. However, under the same domain, I got the pop-up alert and return me the relevant data. But getJSON is suppose to be feasible across all domains irrespective of the same-origin policy. Please help.
Select in Dialog causes slowness in IE8
I have just run into a scenario where <select> elements in a jQuery UI dialog become slow to react or stop all together. This problem appears to have been reported as #6644 (http://bugs.jqueryui.com/ticket/6644). Problem: The setup is as follows: 1. <div id="myDialog"> contains a <select> element 2. jQuery.ready() initializes dialog on <div id="myDialog"> 3. A click event on an <a> triggers an AJAX call which retrieves data, populates the <select> and opens the dialog <div> I have tested this
using RSV validation
Hi, I am using benjamin keen's jQuery validation RSV and i have a couple of questions: 1/ How do i setup the function submitData? //validation test function submitData() { alert("The form validates! (how do i submit the data to stage3.php)."); return false; } $("#reserveringForm").RSV({ onCompleteHandler: submitData, displayType: "alert-one", rules: [ "required,first_name,Please enter your first name.", "required,last_name,Please enter your last name.", "required,email,Please
Autocomplete Problem
Friends I have got a problem in autocomplete. The searched records are fetched from database. When any user's name are typed it displays with comma separator (,) but it's associated id are override by the current one. What I need is, these ids to be in comma separate form, i.e. 3,6,1, I tired using push operation but I failed. So I would like to know your suggestion. jQuery I have implemented is: <?php $this->widget('CAutoComplete', array( //name of the html field that will be generated
Jquery autocomplete plugin
I am using the jquery autocomplete pugin from http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ I need to perform an action if no data is returned from the autocomplete search but there seems sto be no way to do that. Any ideas pls?
Google eCommerce tracking fix for when a payment is completed transfering to a different secure domain
Hi guys I have a problem with my google ecommerce tracking on my site. The problem is that when a payment is completed my site URL changes from: www.website.com to website.securetill.com The problem with that is when I look in my Google Analytics it displays the traffic source for all customer purchases to be from www.website.com because obviously the customer is converting on website.securetill.com and the last site domain they were on is www.website.com The developers of our ecommerce system say
Loading content and appending to a div
Hi, From these forums I have learned I can load content and update a <div> using the following code: var auto_refresh = setInterval( function() { $('#loaddiv').fadeOut('slow').load('mypage.html').fadeIn("slow"); }, 5000); <div id="loaddiv"></div> However what I would like to do is load the html into a variable and then append it to the <div>. Looking through the forums I see people have suggested using get instead of load. However when I use $.get there is nothing in the responseText or responseXML.
querying XML ??is there any way to Query xml doc which was returned by $.ajax
Is it possible to Query response xml document from an $.ajax ...or is it possible to use Xquery with Jquery
using multiple callback in a row?
Hi! i am still a beginner at jquery and i bumped into some questions about callbacks, where i could not find any usefull documentation on. maybe someone can help me understand tell me where to find out more? -is it possible to call a callback from an anonymos function that is running as a callback itself? how would the correct code look? (i could not get that running) -if i try to animate a set of elements who match a selector, the animations will be executed on each element in some sort of a loop.
Documentation comments -- please re-enable!
Hi folks -- I notice that on all of jQuery's documentation pages that I've visited recently, the Comments section is Closed. Does anyone know whether there was a compelling reason for this? I find that often the comments are extremely useful, explaining some gotcha or nuance that the main doc does not. Those notes are hard-won knowledge, I hugely appreciate the time it takes for people to add them, and I would love for that to continue. Thoughts? -- Graham
Loading html and manipulate it's DOM before inserting it into the document
Hi folks, I've some problems loading a complete validated HTML5-File (with <!DOCTYPE html> & <head> & <body>) from a given url, and manipulate it's content (respectively select a specific source-element in it) before inserting it into a target-element in the displayed document. loadContent = function(url, sourceElement, targetElemet) { var ajaxParams = {}; ajaxParams.url = url; ajaxParams.dataType = "html"; ajaxParams.success = function(returnedData) {
uncaught exception: Syntax error, unrecognized expression
uncaught exception: Syntax error, unrecognized expression: [for=workflowEntity.actionId_402881042da284d0012da2a9e7cf0004_202] Sorry for my poor English, hope you can understand. When I upgrade to jquery 1.5.2(previous 1.4.4), this error occured. I checked my code, my <input> id is "workflowEntity.actionId_402881042da284d0012da2a9e7cf0004_202", and the error occured in jquery.mobile-1.0a4.js line 3085 label = input.closest("form,fieldset,:jqmData(role='page')").find("label").filter("[for=" + input[0].id
Loading all my scripts and libraries from a single script
I was just wondering if it would be a good practice to load all my .js scripts and .js libraries from a single file. I have been working on a few projects recently where I have had up 8 lines within my <head> tag. I figured using jQuery's $.getScript function inside a single .js file would be a good solution... it's easiert to perform logic within that .js file, only loading the resources needed... it would also minimise markup within the HTML files. The reason why I ask is because I have been to
footer with ui-bar class too large on iOS
Hi list, I've been searching hours, restarted project from scratch twice and now copy/paste the doc examples and facing the same problem : As soon as I set class="ui-bar" to the footer the footer bar is wider than device width. Touching a button in the footer seems to rescale correctly the footer. <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
Next Page