I have a website that I am maintaining that was built some time ago. There is a little speaker icon on a page that allows a user to click to hear the pronunciation of a word.
<script type="text/javascript" language="Javascript">
It does not work in all browsers and I am wondering what the alternative should be?
Soliciting thoughts on the best way to determine the position of a click event.
Here's what I'm using right now but it's not working:
Code:
function getMousePosition(evt)
{
var x, y;
if(evt.pageX)
{
x = evt.pageX;
y = evt.pageY;
} else if (evt.clientX)
{
x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
y = evt.clientY + document.body.scrollTop - document.body.clientTop;
}
if(document.body.parentElement && document.body.parentElement.clientLeft)
{
var b = document.body.parentElement;
x += b.scrollLeft - b.clientLeft;
y += b.scrollTop - b.clientTop;
}
alert(x + ',' + y);
return [x,y];
}
The coordinates are WAY off in both firefox and IE. Can someone fix this?
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.
Is there any way to resize an iframe dynamically to the height of its content that works cross browser and works when the iframe content is on another domain than the main page (I have access to both pages, so code can be put in either) Also, it must resize when links in the iframe are clicked (ie when a new page within the iframe is loaded)
View 1 Replies View RelatedI have a lot of javascript functions that request information from an iframe hidden on the page. I see other sites do this, but their browser does not do the loading action (like the processing circle in Firefox). When I do it on my site, each browser shows the loading icon, as if a page was loading. Is it possible to not have this?
http://bit.ly/cv1YqN
That is a sample link. Go down right side of page where you see three buttons: Trailers Featurettes Clips.Those return iframe information to work.
I need to allow user to download mp3 files when they click on the link rather than streaming the audio in the browser. Need to use only Javascript to download the file.
View 1 Replies View RelatedLike title says, I'm looking "Loading page" -notice when page is loading - made by Javascript. If you know Cross-browser/multi-browser example
View 1 Replies View RelatedDoes anyone know how to add an icon to the url in the address bar in the
browser?
I've got a jQuery ajax call to a php script which gets aborted when a user clicks on any link on the page.
The ajax call aborts ok, but the php script, which includes a sleep() function is not aborted until after the sleep() has finished sleeping.
Does anyone know if there's any way to make the sleep() function also abort when a user cancels / aborts the ajax request?
Between the head tag of html:
<script type="text/javascript" src="js-bin/silent_refresh.js"></script>
In a javascript named silent_refresh.js: (make sure the script is in a folder called 'js-bin')
window.onload = doLoad;
function doLoad()
{
setTimeout( "refresh()", 60*1000 );
}
function refresh()
{
window.location.reload( false );
}
The page will refresh every 60 seconds - Just alter the 60 to whatever time you require.
I want an icon in my template that, when you click on that certain icon (image), a drop down menu appears. You know when you click the file option in your browser's toolbar, and a drop down menu appears? It can be just like that, but instead of save as and open, links will be there to places within our intranet opened in a new window. This has to work for IEX 7+ because that's all our company decides to use. I tried to submit a chang erequest for them to move to a better CSS/Javascript supportive browser such as Opera, Firefox, Google Chrome... but they're way too fixed on IEX for some odd reason.*edit* colors dont matter. It can be the default colors used in a basic drop down menu. I figure javascript would have more options though.
View 4 Replies View RelatedI want to find x, y location of a layer or an image, or any other item
on a webpage.
1. It could be relatively or absolutely positioned.
2. It does not matter what browser the user is using.
what's the correct javascript code?
example: find x, y location of the image "someImage"
<html>
<body>
......... some html here....
<img src="someImage.gif" id="someImage" />
......... some html here....
<body>
</html>
After 1.5 years of writting my website I installed NS. It's JS works alot different to IE's, so it looks like I've got to write most of my site again!! [img]images/smilies/frown.gif[/img]
NS will only read 1 external JS file, which is abit of a nuisance as my site has a JS file common to site, another for the subfolders of the site, and the page's JS included with the HTML.
I'm trying to put all of common functions into one JS, but some of the functions have large amounts of text assigned to them. I'm trying to import the text using XML sheets as needed, but having a bit of a problem with the line
Code:
xmlDoc.childNodes[i].childNodes[2]
where NS will only read 1 array of childNodes. How do extract xml with NS's JS?
If my audience uses not so old browsers, do I have to use cross browser DOM? If they have IE 5 or later and Netscape 6 or Mozilla 1.0 or later and any version of Opera that is not older than 6 months?
View 2 Replies View Relatedis it possible to track whether user is typing in the browser's address bar or aside google search box ( which appears in most of the browsers besides address bar)? if yes, I would like to know HOW? references are welcome.
View 4 Replies View RelatedI have the code for a javascript slider in my header. It is supposed to slide a menu out to the LEFT of the facebook icon at the top of my page. Unfortunately....this is not the case. Here are the 2 issues happening. I think they are both related to the javascript, but I do not know enough about it to fix it. [URL]
The attached pic shows what the alignment of the icons, is supposed to look like (my nav menu is pushed down a few pixels, as well). Here is what the sliding menu is supposed to do (top right menu in the white part of the page) [URL]
Does anyone know of good links about cross-browser compatibility (html
attributes/css2/javascript)?
In some pages of my website I use a code like the following:
for (var n = 0; n < getTagsArray("SPAN").length; n++){
//SPAN is just an example. I also use other tags
tag = getTagsArray("SPAN")[n];
//make something with tag...
}
function getTagsArray(Tag){
if(document.all){ //Internet Explorer
return document.all.tags(Tag);
}
else if (document.layers){ //Netscape
eval("return document.tags." + Tag);
}}
I want to put all browser-specific code inside the getTagsArray
function. So far, I've programmed only for Internet Explorer (my
browser), but now I want to make my website visible to all browsers.
I'm not sure about the getTagsArray function. Is it right or is there
a better way to do the same thing? And how can I extend that function
to make it work in other browsers?
Finally, where can I find some information about cross-browser
programming? I have the javascript reference for Internet Explorer and
Netscape, but I know nothing about other browsers.
a lot of the code I have trouble with is events-based, although there are some DOM-navigation problems that I've noticed in IE.
before I launch into a probably fruitless attempt to write an API that corrects IE's DOM-mangling, I'm wondering if someone else may have already invented that particular wheel.
ideally, this would be a script which I simply link to in the head, and then write valid DOM code which automagically works.
onclick="getElementById(Ǝ').style.display='inline'" title="Show Comments">show</a> / <a href="#" onclick="getElementById(Ǝ').style.display='none'" title="Hide Comments">hide</a>
This is a snippet of code from my HTML, and it has been giving me a lot of trouble. It works in IE6 and FireFox, but not in Opera and I can't test other browsers.
What I'm looking to do is make this as cross-browser friendly as possible, which I'm guessing might be able to be done by the way of javascript functions.
The only problem is I don't know any javascript, this is all I know and a quick solution is all I'm looking for.
So maybe, firstly it would be best to ask if it is even possible to achieve this show/hide effect on all browsers, and if not, what options I have?
I need a free cross browser dhtml tab control.
View 2 Replies View RelatedI have this JavaScript code that I use to set some html element styles at runtime:
<script language="JavaScript">
document.getElementById("cel1").style.backgroundColor = '#FFFFF'
var textblocks = document.getElementsByTagName("span");'
var textblock
for (var i = 0; i < textblocks.length; i++) {
textblock = textblocks[i];
textblock.style.fontFamily = 'Arial'
textblock.style.fontSize = ཈px'
textblock.style.color = '#00000'
}
</script>
this code works fine on FireFox, but fails on IE... why!?
would like to know which is the best WYSIWYG editor you are using for every of your application? I do not actually have any since i'm not in need but I may consider adding one to one of my upcoming project.
View 1 Replies View RelatedI am building a webpage that loads information from an XML file. I am using XMLHTTPrequests.
On page load a function populateH(); is called which reads the XML file and populates the HTML(Home) page accordingly. The function uses getData() functions to read and write from the XML file.
The page works properly in FireFox, but the populateH() function doesn't seem to work with other browsers. I have tested my getData() functions in other browsers and it seems to work fine.
(example available at: [url]
My get data function is written as follows:
Code:
And my populateH() function is written as follows:
Code:
I use the XMLHttpRequestObject in the populateH() function to set the nodes to retrieve, and the getData() functions are called in the place functions (placeNews(), placeFriends(), placeLinks()) to write to the HTML document.
I have a website[URL]... that has a car search box functionality which uses an external javascript file to populate the makes and models within the dropdown boxes.
A few weeks ago I realised that it didn't work in safari (initilly I had the populate onload code attached to the submit image), I then moved the code into a inline script tag and it worked but now i've realised it doesn't work in Firefox... I am now thinking of adding a script to determine the browser and dynamically work on adding the populate code depending on the browser but thought it would be a good idea to post on here in case there is an overall much better solution. If you visit the site you will see a working example of the issue.
Can anybody share the code for a word counter for the textarea user input? what if max characters are 256?
View 1 Replies View Related