JQuery :: Transparent Layer Between Us Developers And The Different Browsers And Versions Out There?
Jul 14, 2011
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 have a div with opacity 0.44 and a picture inside it. When i activate mouse events, this picture (with position absolute ) floats to top. This effect is seen only in Opera. Is there a workaround for this? Example:[URL]...
I have a script that runs a sprite animation on the canvas, adapted from here: [URL] After wondering why it wouldn't work on Safari or older versions of Firefox, I saw this: [URL] and implemented the suggested shim. However, I'm still getting some errors that I can't explain for the life of me. To make this easy for everyone, I threw it in a jsfiddle: [URL]
if I'm using IE only I can get around just fine, but I haven't really had a lot of experience sniffing out other browsers and trying to create different code branches to create the same effect on a particular browser.
In this case I've got a series of layers that correspond to some links. When someone mouses over the link, the layer becomes visible. When someone mouses out, I want the layer to fade out. Code:
I've been looking all over the place in order to find a script like they use on Foliostars, where you see a sliding semi-transparant text layer over a thumbnail image when you hover. how to achieve this using JS or an Ajax framework (preferably JQuery)?
in order to fade the background of a div. The content in this div I'd like to have without transparency. In IE this is the case, but in Firefox the content also is transparent with 0.8.I tried to apply fade with 1 to the content but that did not work ...
I have created a floating layer using Javascript that remains always on top of page on scrolling.Issue is,at some point while scrolling,the layer flickers continuously.
The html page is as follows:
Many common software systems, JavaScript has a history of security problems. Many of these problems could allow a person with malevolent intent to steal sensitive information from a visitor. The number and type of such holes in security vary among browsers and operating system versions. Most JavaScript security holes have been caught and fixed, but new ones are being discovered all the time. For a list of current security holes check out your browser's and operating system's Web pages. As a Web site author, it is your responsibility to keep up-to-date on the current status of known security holes in the applications you create.
Signing Scripts. In Chapter 11, I explained that JavaScript does not provide the ability to directly access files on the client computer. This can be a very large hurdle to overcome if you're trying to upload a file to a server from the client computer. Fortunately, file uploading is one of many functional enhancements that signed scripts provide. Signed scripts are specially packaged scripts that have been verified and signed to be correct and non-threatening. These scripts have additional rights on the client computer that allow a programmer to do many things that he wouldn't otherwise be able to.
With the introduction of Netscape 4.0, a new security model was put in place that would allow digitally signed scripts to bypass some of the restrictions that had previously been placed on them. A signed script can request expanded privileges from the visitor and, with the visitor's permission, gain access to restricted data. A signed script requests these additional permissions through LiveConnect, which allows your JavaScript code to communicate with the Java Capabilities API. The security model allows JavaScript to access certain classes in Java in order to extend its functionality while still maintaining tight security for the client.
A digital signature is a fingerprint of the original programmer, and it allows the security model of the browser to detect where (or from whom) it originated. A script signer can be a person or an organization. By signing a script, you acknowledge yourself as the author and accept responsibility for the program's actions. A signed script contains a cryptographic checksum, which is just a special value that ensures the signed script has not been changed. When a digital signature is detected, you are assured that the code has not been tampered with since the programmer signed it.
Once you finish writing a script, you can use the Netscape Signing Tool to digitally sign it. Signing a script does the following:
Unambiguously assigns ownership of the script to a person or organization.
Allows an HTML page to use multiple signed scripts.
Places the signed script into a Java Archive (JAR) file.
Places the source of the script in the JAR file.
Once a user confirms the origin of the script and is assured that it has not been tampered with since its signing, he or she can then decide whether to grant the privileges requested by the script based on the validated identity of the certificate owner and validated integrity of the script.
JAVASCRIPT FILE IS AS FOLLOWS:
AND CSS FILE IS AS FOLLOWS:
At some point while scrolling,the div 'movable' flickers continuously,while at some other point,it is perfectly stable.
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..
I'm already past the basics of Javascript, and i need something that takes me to the other level and teaches me the new technologies and cool stuff (drag&drop, AJAX, OOP in javascript, maybe XUL...etc). So far i found these two books:
1. Sitepoint's "The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks". 2. Worx's "Professional JavaScript for Web Developers (Wrox Professional Guides)"
Both seems to cover very insteresting topics, but i can only buy one of them. So which one do you suggest?
and by the way, i've read the sample chapter 5 of Sitepoint's book, and it seems like the author(s) just put the solutions/codes there and let you figure them out on your own. Is this how the rest of the chapters are?
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?
I'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 ?
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.
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.
I 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?
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'm using the cycle plugin to crossfade a series of images that need to be transparent png files. I've got the png fix working, but in IE I can't get the images behind the first image to hide until called.
I've tried setting the display: none,-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)", and filter: alpha(opacity=50), which works to hid them initially, but when they fade into 100% they disappear.
Of course this is only an IE issue, firefox and safari are fine.
Here is the website I'm working on:DEMO For my navbar and footer I use jQuery to do a nice fade in and fade out:
$(function(){ var navbar = $('#navbar'), navbarLinks = $(".navbarlink", navbar);
[code]....
I'm currently cross-browsing the website and I found a very nice JavaScript hack that fixes the .PNG's so they work in IE6: DD_belatedPNG It works but it messes up my jQuery so that:
1.) My splash screen image is not centered correctly
2.) When you rollover the navbar or footer links they work for one cycle but then they become un-active after that...I bet after the JavaScript .PNG hack runs it changes the item so that it is not getting selected correctly...
P.S. I have this website working on IE7/8, FF, Safari, Chrome, Opera and iPhone. I'm only having this problem with IE6 and I know that the .PNG hack is causing the problem.
I have a large image which contains different sections. I can scroll this up and down a certain amount. however, I want to cut the display to only a small square of the large image, and hide the rest. Think of a slot machine, the wheel is spinning but you only see a small area in front of you. How do I achieve this in jquery?
how can I have transparent borders for modal divs that I bring to frond have transparent borders? specifying: border: 10 px transparent yellow; in the settings.css will not work. I tried few things, and I am beginning to think it is not doable.
I am having an transparent image and that image having image content at the right most corner of the image. Is there any way to get the offset of the image content(Actual content of the image) in Jquery.
i saw this nice image fades on the nivo slider >>how are these part transparent tile-fades made?and is it possible to cut out a transparent static part from a JPG with jQuery?(like a rectangle part on the JPG is transparent made with jQuery)
