I need a function to change an id depending on the webrowser.if the guy uses internet explorer the id of the main there as to be renamed mainie.if he is with firefox the id of the main as to be renamed mainfff and if he uses opera the id of the main as to be ranamed mainop.
View 11 Replies
On my site i use a lot of features that are unsupported by older browsers, and right now it looks pretty stupid when the features are only partially shown. So i was wondering if there's a way of making the browser look to different css files depending on which browser and version it is. For example, css3 gradient backgrounds are supported in firefox 3.6 or something, but not in 3.0. All the hacks out there is to 3.*, so it changes for the allready working 3.6 too if i hack it. I want to controll it so that i have a specific css file for the none-supporting version and lower and one for the supporting and above. I looked at a bad browser plugin (because it has some of the basic features im looking for)
View 15 Replies View RelatedDoes anyone here know of the javascript I'd use in a situation where I didn't want to display a certain image when the client is using IE6? I'm fine with displaying it in IE7 and Firefox, but don't want it displayed in IE6. The image is a PNG with a transparent background.
View 5 Replies View RelatedI have a piece of javascript that attaches a PDF document to an outlook form. However the PDF that I am pulling has a default name such as 'test' and I would like to change it to say 'client.pdf'. Is this possible in the script below?
var theApp = new ActiveXObject("Outlook.Application");
var theMailItem = theApp.CreateItem(0);
theMailItem.to = "test@test.com"
theMailItem.Subject = "test";
[Code]...
Here is the thing, I need to have parts of my website display different items depending on the browser (Netscape or Explorer). I have been using PHP to do this on 90% of the site, and it works great. However due to limitations on some pages (the shopping cart software) I cannot use PHP. When the page loads I can use Javascript, and I need it to load a specific header & footer for each browser type. I know that javascript cannot use SSI, so I would basically add everything into the one page and just have the script decide which chunk to add (the if or else statements get to decide I assume). The thing is I rarely use Javascript and when I do it has been extremely simple. here is the basic format I assume it will be using... (not in actual code though as I dont know javascript)
[Code]......
i don't know what has changed in last releases of Firefox and Opera but before i used this script to detect browser versions (IE, Opera, FF) and block or redirect depending on version
[Code]...
I have a website which displays photos. I want the photos to be resized depending on the innerWidth and innerHeight of the browser. I have my resolution set to 1024x768. So if you go to [URL] and click on 'Commissions' my 'w' variable in the URL contains 1024 but for some reason the 'h' variable displays 50. If I click on 'Commissions' one more time then it correctly displays h=602.
View 9 Replies View RelatedThe following code is working fine in firefox n not working in IE8... I get the Object Expected Error when the code hits the if(GBrowserIsCompatible())..... line in the javascript code. Clear cache and browser history does not work. Does anyone have a resolution for this?
[Code]...
Is there a way in Javascript, or perhaps in HTML, to force a browser to
re-render an image on an HTML page after a round-trip between the client
and the server ?
In my particular case, the image is changing on the server although the
URL for it remains the same, but the browser is still displaying the old
image from its cache rather than the new image from its URL location.
I want to use jquery to detect what type of browser you are using and display a link to a .wmv file if you are on IE or display a link to a .mp4 file if you are any other type of browser.I have this script declaration in my <head> section.
<
script src="http://code.jquery.com/jquery-latest.js"></script>
In the body section I have the following
<div id="block"></div>
<
script type="text/javascript">[code]....
Nothing is being output on the page at all. I've tried to patch this together from various example on various web sites. How can I make this work?
is it possible to scroll / jump to say, 10px above a div? i tried adding padding, but it doesn't work.also, when I use <a href="#xxxx">, is it possible to prevent the browser from adding #xxxx to the url in the browser?
View 6 Replies View RelatedI need a script that will redirect to a specific page is the browser is safari version 4. if the browser is NOT safari 4 I want the browser to stay on the current page.
View 3 Replies View RelatedI have to open a new window when user closes the browser window. But the problem is that on browser close unload event calls and the same event is called with we refresh the page. So it is opening the popup window on both window close and window refresh.
View 1 Replies View Related$.browser is being deprecated however I still need to know what browser is hitting the page. In some cases I need to modify a layout or position an element by some pixels. The number of pixels is different for different browsers.How can I detect the browser using jQuery without using $.browser?
View 4 Replies View RelatedI have a problem - I manage two websites, with two different style sheets
(one for each site), but they both share hte same public message boards and
I want to change the CSS used by the forumn template depending on which site
the user came from - this must be done in JScript, as the boards are hosted
offsite and we cannot edit the serverside language.
Unfortunately, its been over two years since I undertook a serious JScript
project and cannot remember alot of what to do. I was planning on this:
<script language=JavaScript>
if (document.reffer="http://www.website1.com"){
document.write('<link rel="stylesheet"
href="http://www.website1.com/css/css.css" type="text/css">
}
else if (document.reffer="http://www.website2.com"){
document.write('<link rel="stylesheet"
href="http://www.website2.com/css/css.css" type="text/css">
}
else {
document.write('<link rel="stylesheet" href="css/css.css"
type="text/css">
}
</script>
i want to make an animation where one value depends on the other.
Let's say i want to animate both the 'top' and 'marginTop' properties, where i want the marginTop property to use the current value of the 'top' property.
I could do something like this:
$("#foo").animate({
top : "100px",
marginTop : ($("#foo").css('top') * 2) + 'px'
});
But that doesn't work, i guess because the css('top') method only gets called after the animation has finished.
Is there a trick to get the value of 'top' in the 'marginTop' property?
I m crearting a pop with some parameters like locationbar,statusbar=no and its height and width 1280*800. but originally i have given its hight to be 699 to pixel a viewpoint.. can i put some if condition. checking if the resolution isn't at 1280 * 800 and if so than the popup should have scroll. is there anymore smater way to handle this? as of now if someone has a less Res. everything get clipped off
View 4 Replies View Relatedsay that I have 2 css classes, 1 is "test failed" and the other is "test ok". And that i have like 20 diffrent div's with their own id, and class either "test failed" or "test ok".Code:<div class="ok/failed" id="one-twenty"> </div>I would like to (depending on what button the user pushes" display the "ok" test cases or hide them and the same thing for the "failed" one's.How can this be done in javascript?Tried the following but it does'nt work
Code:
var allHTMLTags = new Array();
function getElementByClass(theClass) {
[code]....
I'm using the everyone.net search plugin in my site. AX3 is in english and spanish, so I'd like to load a different menu (spanish or english) depending on the clicked link.
View 6 Replies View RelatedBasically I want a right and down arrow to appear depending on whether a div appears. If the header div is clicked, the subdiv's display toggles block or none. At the same time id like the arror img to change accordingly.
This is my current function, it works fine
I've tried many times to add a script that'll change the src but no luck at all..
The image name is simply arror$categoryId...By the way, the reason for the '. .' etc is because this is printed via php.
This has probably done a million times, and it's probably somewhere on this forum, but for the life of me, I can't find a thread on it. Maybe I'm using the wrong search words. The only one's I can find is a browser detect of explorer.This is what I am trying to get accomplished (maybe someone can point me at a good write-up):I'll write it in a sort of logic-statement language (I'd like to have this in a table cell so that it will only show one of two banners. Either a GIF/JPG or SWF depending on OS):[code]
View 14 Replies View Relatedhere is some code that I am working on to load styles into a page depending on the protocol of the URL. It seems to load the .css files correctly in FF but in IE I get an "document.head is null or not an object" error.
Here is the code:
window.onload = function(){
var protocol = document.location.protocol;
var ref = document.createElement('link');
[Code].....
Does any one know how to load a sertain page in a sertain frame depending on
the viwers screenresolution?
What i mean is that if a user has 800*600 i want page 800.htm to be loaded
in frame "content". If the user has 1024*768 i want page 1024.htm to be
loaded in frame "content".
what i want to do is create several radio buttons and a textbox for
searching purposes. the search will perform a search depending on
which button the user selects.
here is what i have now:
- for each radio button, i use the onClick event handler, which calls
a function called showMe()
- showMe() {
if (button 1 was selected)
document.write('form which will search down path A');
else if (button 2 was selected)
document.write('form which will search down path B');
else if (button 3 was selected)...
}
this works, but once the user makes their selection, the search form
will pop up on another page. how do i fix it so that the search form
will display on the same page as the radio buttons? Is there any
other way to accomplish this?
$("#ltr").live("mouseover", function() {
//swap class names
$("div#container").removeClass("rtl").addClass("ltr");
});
I run this function to swap class names when there is a mouseover event on an image with the ID "ltr". How would I run this same function but to occur when, for example, a variable "distance" was equal to 0? Basically, if distance = 0 then swap class names
I have two arrays that are tied together Ink1Data[][InkID] and Ink1Data[][Ink1Desc]. I also have this Javascript code to validate it:
var chksink1 = document.getElementsByName("Ink1Data[][InkID]");
for (var i = 0; i < chksink1.length; i++) {
switch (chksink1[i]) {
case (chksink1.value=1);
var i1Desc = "Ink1Data["+i+"][Ink1Desc]";
if (validate_required(i1Desc,"Please fill in a trim size.")==false)
{i1Desc.focus();return false;}
break;
case (chksink1.value=2);
var i1Desc = "Ink1Data["+i+"][Ink1Desc]";
if (validate_required(i1Desc,"Please fill in folding instructions.")==false)
{i1Desc.focus();return false;}
break;
case (chksink1.value=3);
var i1Desc = "Ink1Data["+i+"][Ink1Desc]";
if (validate_required(i1Desc,"Please fill in scoring instructions.")==false)
{i1Desc.focus();return false;}
break;
}}
Basically, I want to count how many are in the array (will be the same number for both) and then depending on the value of the first array, validate the second and kick an appropriate error if necessary. It should be pretty easy, but I can't seem to get the code to work.
