I have a problem with attr() function.I made my own lightbox and with jQuery 1.4.x it works nice. But now I use 1.7 and there is a problem. When I called attr in 1.4 $(element).attr("rel") when element hasn't rel, it returns empty string, but in 1.7 it returns undefined.Why? I read a changelog and I didn't find any change at that function.
View 2 Replies
I'm sure this has been answered several times before, but I haven't been able to find a post that addressed this issue, so here goes. I'm trying to access a <div>s title attribute. Problem is, it isn't escaping the / character. So for example, if the title is "Emergency/Disaster" it returns "Emergency". I'm using $('#div').attr('title').
View 2 Replies View RelatedI have a understanding problem with this:
var loadData = function(){
$.post('/search.php', { myvar: 12345 }, function(data){
$.each(data, function(key, val) {
// here I have to validate my data I retrieved
if(first condition){
return false;
[Code]...
Can javascript using pointer or pass variable by reference?
Or I need to using object or Array to return the two values?
I am trying to build an interface to upload files and change some of the form (hidden) values depending on the file uploaded, here is where I got so far:
$('#buttonUpload').click(function (){
$.ajaxFileUpload({
url:'doajaxfileupload.php',
secureuri:false,
fileElementId:'fileToUpload',
dataType: 'txt',
[Code]....
My problem is that I want doajaxfileupload.php to return a variable to javascript/change some html form value. The code works as it is for the file upload, I just need to add something for the output, Edit: I just noticed that some previous part of the code is still there: the part that changes the color of the button depending if the file is uploaded or not. Now I want those values to change depending on what file is uploaded.
Ok so i'm going to try and be as descriptive as possible for this issue is extremely challenging for me to resolve.
I am creating an auto suggest search feature and I decided to do it in OOP.
My current set up is like this..code...
I was looking at some public code for detecting browser version/type as well as the new IE8 compatibility view. The code does a return of multiple values but I can't figure out how to use them in my html code.
I've managed to figure out most of what the code is doing but I haven't figured out how to access the returned information. I've only been coding JavaScript for a short time so I'm stumped.
Here's the code:
CODE:
I have a bunch of input fields, each which will have a numerical value. There can be any number of input fields in the form, and that number will vary depending on what the user has selected prior in the application.
So basically I created a loop that goes though all of the INPUT fields within the form. How can I have it find the value of each field and add them all together, then return to me the total? It'll need to be made into a variable, but a simple alert with the total value will give me enough to work with.
i am finding value for a table height in window.onload=function(){
boxheight=document.getElementById('tableid').offsetHeight;
}
i want to assign box height to an outside variable boxheight. Code:
This has me completely stumped. I have a multiple select form element in my HTML document that needs to be manipulated by two different sets of context-sensitive controls. One set of controls is marked up as follows:
<div id="divControls1" name="divControls1" style="display:none">
<form id="fControls1" name="fControls1">
<input type="button" id="btnAdd" name="btnAdd" value="Add" onClick="addStuff();" />
<input type="button" id="btnEdit" name="btnEdit" value="Edit" onClick="editStuff();" disabled />
<input type="button" id="btnDelete" name="btnDelete" value="Delete" onClick="deleteStuff();" disabled />
</form>
</div>
When I load this page into Safari (on Mac OS X) and set the style of divControls1 to "display:block," I have an enabled "Add" button, a disabled "Edit" button, and a disabled "Delete" button, just as I expected. (I monitor selections in a multiple selection element to turn the buttons on and off.) But when I load this page into Firefox (also Mac OS X), all three buttons are disabled at startup. My page runs a function called startup() when the body fires onLoad. To try to troubleshoot the problem, I wrote this line at the beginning of the startup() function:
function startup() {
alert (document.getElementById("btnAdd").disabled);
...
When I run this code in Safari, the alert returns "false" (not disabled), just as I would expect, and intended. However, the same code in Firefox (Mac OS X) returns "true" (disabled) ... but the same code in Firefox (WinXP) returns "false"!
I am running what is called "XpressEngine" on my website. It is a Korean CMS tool that is like Joomla and it loads jquery 1.3.2 as standard on its boards and etc.
I have developed a new design website with jquery 1.4.2 and it works fine with by it self.. but it does not when it loads a board running by XE. I guess the reason is that the websites loads two jquery. So I tried to load the jquery 1.3.2 only so that it can run both my board and the website layout, but layout is not working with jquery 1.3.2. (except, if I only import jquery 1.3.2, then the board works fine but not the layout.) I guess my code is some what requiring jquery 1.4.2.. but I am not sure why yet..
My question is, is there any way to import jquery 1.4.2 and 1.3.2 simultaneously? (I personally think its not possible though..
[Code]...
Below is the head section of the page. It works in everything but IE?
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
[Code].....
Is it possible to handle conflicts between 2 versions of jQuery loaded in the same page? Assume that two applications (from different developers that know nothing of each other) share the same canvas (page) and each one of the developers is allowed to register global JavasScript libraries on the page. If each developers registers a different version of Jquery how could the hosting page handle conflicts?
View 5 Replies View RelatedI'm new on the forum and also using JQuery, came to this Framework thru ZendFramework.... My problème is that i've done an animation that works fine on all browsers (Firefox, Opera, Chrome, Safari) but not on any IE ?
[Code]....
I need to use some features in later versions of jQuery (specifically, hoverIntent in v1.5), but my current sites are running 1.4, and in some cases 1.2.
View 4 Replies View RelatedI have a site which uses a version of jQuery that might be an older version and when I try to add the code for PrettyPhoto which uses jQuery version 1.4.2 the site breaks. The earlier version of jQuery is used to implement the accordion effect and the background resizing effect.
Can someone peek at the multiple versions of jQuery in my code and tell me more about what is going on and how I can fix it?
Here is a link to the site in question: [url]
All 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" ?
Please do not take this the wrong way, but rather as a genuine question I have. I do not want to be negative, but the answer to our bug reporthttp[URL]... One of the main reasons we turned to a javascript framework (we used to use prototype before we - migrated to jQuery), is that we wouldn't need to worry about browsers and versions our users use.[URL].. I now notice that I can not rely on jQuery framework for making functions work cross-browser.
In my opinion, if there is an issue with this, shouldn't jQuery intercept and wrap the call to something that does work in Webkit? Again - this is not meant to be negative, but as an end-developer, I think I should be able to rely on same behaviour of all methods provided in the jQuery library, regardless of what browser/version is being used. (or perhaps at least document it in the api docs?)
I'm brand new to jQuery, so I apologize if this is a 101 question, but I'm trying to sort out a production issue. I do QA for an ecommerce website. When one of our developers made some changes to our application recently, a couple of the plugins we use stopped working on those pages. Looking at the code, it seems we load jQuery 1.4 and several plugins, including autocomplete and popdown. In the changes, for some reason, the developer loads jQuery 1.4.2 (after 1.4 has been called) but doesn't call the plugins again. I'm assuming that this is the reason the plugins stop working. Can anyone confirm this theory?
(The reasons why we don't call 1.4.2 earlier in the document are, sadly, mostly bureaucratic. If I can get this confirmation, hopefully I can push through that.)
I have a site that I am developing where I use the prettyPhoto plugin to display larger size versions of photos. I have everything configured as per the directions on the plugin page here: [URL] I am experiencing a weird issue however. When I mouseover my anchor image, the mouseover is only on the top and bottom half of my image. The whole middle section of my anchor image is getting no mouseover effect. Meaning my cursor only changes to a pointer on the top & bottom parts of the image. It changes back to a regular cursor when directly in the middle of the image. The anchor image (the image I'm using to link to the larger version) is sized 333px wide by 500px tall and I am linking to jQuery version 1.5 as hosted on the Google api server.
prettyPhoto is working perfectly except for this mouseover issue. I do have a caption telling the user to click the picture to see the larger version, however if they mouseover directly in the center and don't see the mouseover effect they may think something is wrong. Does anyone know what I may be doing wrong and how I could fix the issue?
I've been using 1.3 which allows me to query non-standard attributes on tag. On an anchor I set a value="" attribute and was able to say (in an onclick binding) $(this).attr('value') to get the value. This no longer works with 1.6. Is there another, better way to do this?
View 5 Replies View RelatedIf the element i'm getting has an attr that contains string like this....
<span names="Joes|Joe's">Joes|Joe's</span>
When we get the contents of attr st, there is an error because of the ' in they're.
I have json object:
var heightwidth = '';
if (isit) {
heightwidth = { width: 184, height: 135 };
[code]....
I have a suggestion based on the assumption, which I think is correct but feel free to prove me wrong, that the .attr() method returns "undefined" in two different cases:1) when the attribute is actually not present in the dom element2) when it is present but it has no value, think for example <input type="text" disabled/> which I not is not standard HTML but I've seen it pretty often...wouldn't it be better to return undefined only in the first case, and return null in the second case? In this way, it'd be clear that the attribute is set but no value is specified.
View 2 Replies View RelatedI'm getting all kinds of errors, no matter where I put the parenthesis: This all works without trying to find the attr. So, I am trying to slide a ul menu that has a parent anchor with an id of "A". $(("#VerColMenu > li > a").attr('id')=='A').find("+ ul").slideToggle("slow");
View 4 Replies View RelatedI have two img tags and a jquery script which changes the value of the src attribute of each one picked from an array of images and alternatively set the display to block and assign a decreasing z-index.
The problem is that when the hidden image pops up, it seems as if, at first, set the css display to block and then change the source of the file as, for a second, it hangs to the previous loaded picture. Well I thought it was easy to manage by setting a delay but instead seems not to do anything. And then with a setTimeout but it doesn't work as expected..
[Code]...
