I have an image on a web page within a css layer:
<DIV ID=MyLayer
STYLE = "position: absolute;top:68px; left:563px;
width:640px;height:480px;">
<IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
</DIV>
I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent.
My question. Is it possible to have a simple javascript function
to incorporate in the web page which does this?
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'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)?
View 2 Replies View RelatedI'm having a little problem with creating a element in internet explorer. The element that I'm creating is a div with a few style attributes to to it. The div is suppose to cover the whole page almost like a black transparent window on the page. However it is not. The messed up part about this is that it works fine in Firefox, google chrome and I'm sure other browsers (though haven't tested) and when I go to apply the div in my actual code as javascript is suppose to when you tell it create it, it works fine. No problems whatsoever.
function showPhotoUpload() {
var overlay = document.createElement("div");
overlay.setAttribute("style","z-index:3; background:#111111; width:100%; height:100%;
[code]....
Layer writing in Netscape. This is pretty straightforward >> However I'm trying to write to a <div> layer within a <div> layer.
My div:
Code:
<div id="blah">
<div id="aight">
</div>
</div>
I'm trying to write to "aight"
How should my code look?
I use
$(document).ready(function(){
/* hintergrunbild fade */
$('#beyondLogo').fadeTo(2000, 0.8, function() {
});
});
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 am trying to open some SWF videos from an HTML page. When the user clicks the link, I would like to have the videos open in a transparent window (not a separate browser wndow).
I have figured out how to embed the files and have them open in a transparent window as soon as you load/refresh the page but I want to open the SWF using a link.
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 have a link on my homepage that when clicked I would like it to go to page2.html and show a particular hidden layer.
This is what I have on the homepage:
<a href="page2.html?onClick="MM_showHideLayers('layer1','','show','layer2','',' hide','layer3','','hide')">layer3</a>
I don't have a clue how to pass javascript to another page. Does this involved sending a script through the browser.
This isn't working either
<a href="page2.html?javascript:show_div('layer1');">
I need to make a layer drag able in my html page. Please any one give me a tutorial for doing that
View 1 Replies View RelatedI'm wondering if it's possible to have a location link and layer function assigned to a link at the same time. I can't get this to work:
<a href="http://www.domain.com" onClick="return layershow()">CLICKHERE</a>
I want to open the page specified by the href and call the layershow function at the same time. The above code runs the function fine, but seems to ignore the href.
How can I get it to do both?
find the attached html that i am working on. this has 3 columns and the 3rd column is 'Show Comments' link. when I hover the link it should display the html page on top my existing page like a tooltip.
For Example: In this forum, when hovered on each topic, the topic description is displayed as tool-tip.
how can I make a DIV transparent with DHTML.
View 2 Replies View RelatedI would like to make a table or a div with a transparent background. The
solution found does work only with FireFox using a png image. The second
one works with IE and FireFox but make the text inside the div be
transparent. Code:
I am assuming that this is an issue with the js on my index page:
[URL]
The main menu on this page has a sub-menu under "About". I've tried changing the CSS for the menu in order to make that sub-menu background be 50% transparent, but nothing is fixing it. I see things about "fade" within the js code, but I just don't see how to set how far it fades in or out.
i'm placing a png which has transparency over another image. while using browsershots.org to check css, in IE6 i notice the png being placed over another image, where it was supposed to be transparent it was grey. i remember reading about IE6 having png transparency problems so did a search, found and used this: [URL]
the code of which is:
Code:
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
[Code]....
hmm, just before posting this i opened up the postcode image, which hasn't dissapeared and hasn't been made transparent, in photoshop and it is different from the other images; it hasn't got a specific restricted colour table like other png's (the other png's were made in photoshop by saving for web which saves them with a specific colour pallette). the postcode images is rgb 8 bit per channel. this image is-being/was generated by php's gd library, so presumably there's something i can do to make it have a more restricted colour pallette. assuming that is necessary, and i get that done ok, it will then dissapear like the other pngs i guess. so what do you reckon should i do to get the other png images not to be effected, and the postcode image to be transparent in iE6?
Table Background & Transparent GIF are the new trend to protect your pics. Is it efficient or can people still go around and take my pics?
View 3 Replies View RelatedYou'll see a google map there, created with this jQuery plugin. Although I've used the plugin on several occasions without any trouble, this time the map's .png icon/marker cannot be made transparent.
I've tried several things (removing my reset.css file, adding a js png- transparency fix, fiddling with the plugin options) but nothing works...
I'm having a hard time trying to find out why the following lines don't
work in Firefox and Netscape. The idea is to change the colour of a
table row at onmouseover, and then put it back to the <body>'s original
background-image at onmouseout.
<html>
<head>
<script language="javascript">
function omo(it)
{ it.bgColor='#FFFFCC' }
function omout(it)
{ it.bgColor='transparent' }
</script>
</head>
<body background="http://www.google.com/images/hp0.gif">
<table border="1">
<tr onmouseover="omo(this)"
onmouseout="omout(this)">
<td class="c1">sometext</td>
<td class="c2">moretext</td>
</tr>
</table>
</body>
</html>
Obviously, the actual javascript works fine in all browsers. It's only
the assignment of
it.bgColor='transparent'
that results in a blue background in NS/FF. In IE6 it works fine.
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.
check out the site: [url]
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?
View 1 Replies View Relatedhow 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.
View 1 Replies View RelatedWhat i want to do is change background color from yellow to transparent or back to original background color:What i have following javascript code is change color from yellow to blue.
$('#' + ' something here').animate( { backgroundColor: 'yellow' }, 500).animate( { backgroundColor: "blue" }, 1000);
I have the following Flash code running the photo stack at top right in this page: [URL]
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("[URL]", "slider", "650", "260", "9.0.0", "[URL]", false, flashvars, params, attributes);
</script>
I'm not that familiar with Flash, but I've used wmode in the past to make a movie have a transparent background. Is something wrong with the syntax here?