You'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 am using multiple instances of the jquery datepicker on my form. Due to my CSS i could not use the icon trigger built-into jquery, it caused the icon to be displayed below the input field and i wanted it to be displayed next to the text. Below is the code for one of my input fields.
[Code]...
I have multiple date fields i want to use the datepicker with. The issues i am having are; 1. when i click on the icon to display the datepicker, the picker is displayed, but it displays on the wrong icon. No matter what icon i click on it always gets displayed on only one and it is always the same one. Each field has its own unique name and id the only thing that each field shares is a class. I can't seem to figure out how to fix this. My other issue is that when i click on the icon the page scrolls to the top, so if i am clicking on a picker icon at the bottom of the screen it scrolls the screen to the top.
how do I change my html/javascript so that if I drag and drop a link from a webpage to
the desktop in such a way that the name of the shortcut created is not the URL of the link but the link itself?
e.g. if the link is
<a href="http://www.microsoft.com"> MS </a>
then the name of the desktop icon should be 'MS' and not
http://www.microsoft.com
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'm trying to create a simple GoogleMaps site, to insert data into a SQL database for retreival later.I can pass all the information apart from the longitude and latitude values, and they just appear as '0' in my database.
Quote:
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.enableGoogleBar();
[code].....
I'm trying to get addresses from an XML doc and use them to populate a google map with markers. My problems are (A) markers don't show up when I first load the page, but if I return to the page they magically appear, angles sing and all is right with the world, and (B) Markers just flat out refuse to populate when using Firefox. My code is pretty simple and I'm just not understanding where I'm going wrong:seemlingly the offending code:
functin addMarkers(){
htt.open('get', 'phoneBook.xml', true);
http.send(null);
[code]....
I would like to integrate google maps into Birt (which is a business intelligence framework with html reports). What I succeeded so far is to build an iframe which is calling an html which contains the googlemaps page, this looks like this:the iframe (which is part of my html report):
Code HTML4Strict:
<iframe src ="text.html" width="100%" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
and the text.html which contains the google maps page:
Code HTML4Strict:
<html xmlns="h t t p : // w w w . w3 . org/ 1999/xhtml">
<head>
<script src="h t t p : // ma ps. google . com/ maps?file=api&v=1&key=ABQIAA...." type="text/javascript">
</script>
[code]....
This works so far, but this is not dynamic. What I need is some way to pass the coordinates to the GPoint(x, y) object. The iframe is inside of Birt and I can insert some code there, the values would be represented as following: <VALUE-OF>row["X"]</VALUE-OF>, <VALUE-OF>row["Y"]</VALUE-OF>.
My problem is now how to pass this values to the GPoint object in text.html. Is it possible to build a function which receives this parameters or is it possible to put the text.html code inside of the iframe (what i tried so far didn't work, as I said, my javascript/html knowledge is limited).
For years I have been using external_link.js, a file that I found at sitepoint, in one of Kevin Yank's articles I believe, to open new pages in a new tab when a link contained rel="external"
I just added the googlemaps api to a site to display maps, and none of the old menu links open in new tabs anymore! Has anyone else had this problem or have any idea why it has happened? Same function name in both javascripts?
i have a project for school to create a web app that's using geolocation to recive the LatLong coordinates and draw a path in google maps using polylines. There are more features that we are going to implement but this is the one i need help with.What i need is to push into the array of the polyline the coordinates i get from geotraker.Use Chrome Browser, the other ones are not supported buy the geotraker.Try this in chrome and see if ur getting the coordinates The zipped files
View 1 Replies View Relatedwhat i would like is to achieve what has been implemented here : [URL] the problem is that, although i have the numerical values (%) that indicate the traffic that passes through a link available as data, how to display them onto the google map?
View 1 Replies View RelatedAnother quick question re. the JQuery sidebar I have on my Google map. I would like to link to individual markers from different websites or via email, so would like to convert for example, the 'javascript:myclick(7)' link on the menu to an external URL that will click to the marker and info box containing the video. Is this possible?I have tried something like [URL].. but that doesn't seem to work. Does someone know of anotherwayto do this?[URL]...
View 4 Replies View Relatedhow 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 RelatedI 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?
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?
So, after doing a whole bunch of z-index troubleshooting, I determined that wmode transparent isn't getting applied to to my flash file on my website. I have a dropdown menu that, in IE, is falling behind the flash. I'm using swfObject 2.2, and I must have an error somewhere because if I use this old method of embedding, everything works fine:
[Code]....
How can I load the window with transparent background using window.openDialog() in firefox browser ;Inside this dialog , I am loading a html page whose width and height is not known already . So I will load this html page using window.openDialog having width and height of dialog more than html page .
var win = window.openDialog(_mUrl, "", "chrome,dependent,titlebar=no," +
"height=" + _self.mHeight + ",width=" + _self.mWidth + ",screenX=" + screenX + ",screenY=" + screenY, _self);
[code]....