Animate doesnt seem to work with zindex. I dont see anywhere this is mentioned on the animate() page.
$("#myelement").animate({zIndex: 10})
.animate({opacity: 1), 1000);
Opacity is affected but not zIndex. I can change zIndex the normal way though:
$("#myelement").css('zIndex', '10');
I have 4 Div-Boxes next to each other , which, when I move my mouse over them, get bigger.
Looks basically like this: [box1] [box2] [box3] [box4]
The problem is, that when I move over box 1 or 2, they grow BEHIND the other boxes... So, something with the zindex isnt working properly..I am using the animate function, but I can't seem to use zIndex with animate, because Internet Explorer goes nuts when I do it ...This was my original code, which didnt work, as IE seems to fuck it up, when using zindex in animate
$('.infobox').mouseenter(function() {
$(this).animate( {width: 450, height: 300, zIndex:50},{duration: 'slow', easing: 'easeOutBack'})
[code]....
So I thought, I would use addClass() and removeClass(), to change the zIndex.
CSS classes:
.indexontop{
z-index:50;
border: 1px solid #ff0000; /* for testing purpose!! */
}
[code]....
The problem is, that it does not seem to add that class!!For testing purpose I added a red border to the .indexontop - Class, but no border appears..
i have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this. For some reason it works in FF only - not IE. [URl]..
View 12 Replies View Relatedit was working fine when i viewed it using my local host but when i uploaded it to the server it doesn't want to work anymore. i made sure all the files are in the proper folder and so on..still no progress. Then uploaded the original or "demo folder" i got from this site and it works, but my site doesnt. I combined 2 jquerys btw, one apycom jquery and one booklet jquery. Both works in local host but in my site, only the apycom works. pls help me out..[URL]...
View 1 Replies View Relatedi just tried creating a bar containing a div that you click on and it enlarges to show something, when clicking again it should collapse.
[Code]...
Isnt it following two script is identical? but they seems to contradict in different browser.
--following works in IE9 but not chrome
<script type="text/javascript">
var el=document.getElementById('myLink');
window.onload = function(){
el.trigger('click'); };
el.click(function(e) { e.preventDefault(); });
[Code]...
Look at :[URL}...prace/2/ When you click some link the floating bar goes there but none site is opened ;/ It seams that the problem is here:
[Code]...
I have this jquery code that for a normal browser allows you to have a sticky header. So by default it shows the content of the header wherever you want then as you scroll that header will then stay with you as you scroll. The problem is it doesnt work for an iPad. Can someone look at the code and see if there is something I can change to make this work on an iPad?
Code:
// Fixed control bar
var controlBar = $('#control-bar');
if (controlBar.length > 0)[code]......
Im trying to use JavaScript to submit this form. Why doesn't this code work anymore? It worked before and now it won't?
JQuery Code
HTML Code
I have an Ajax post that gets 100 records. That runs a callback function called Update(data.d) that loops through and populates a Div container with these records each in their own Div with numbered IDs. (It also removes old Divs so that there are never more than 100 n the container. During this loop I register the click event for each <a> called'Like':
$("#" + items.id + " .vLike").click(function () {
if (this.innerHTML == "Processing') return;
SendLike(items.id);
[code]....
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
View 1 Replies View RelatedI use a basic pop-up window code that i have used for many years.I probably need to update it, but i was wondering why it will work for every browser but IE8.
function popUp(URL) {
day = new Date();
id = day.getTime();[code].........
I have this code, and it works fine in windows but not in mac, does anybody know why?
[Code]...
I have some Javascript that takes the input from some textboxes and then puts them all into a sentance automatically. It works perfectly in IE but not with FireFox... does anyone know how to make it work with both browsers?
HTML Code:
<script type="text/javascript">
function Text_Change() {
var TxtFName = document.getElementById("TxtFName");
var TxtSName = document.getElementById("TxtSName");
var TxtAge = document.getElementById("TxtAge");
var TxtLoc = document.getElementById("TxtLoc");
var SpnDisp = document.getElementById("SpnDisp");
var FName = TxtFName.value == "" ? "?" : TxtFName.value;
var SName = TxtSName.value == "" ? "?" : TxtSName.value;
var Age = TxtAge.value == "" ? "?" : TxtAge.value;
var Loc = TxtLoc.value == "" ? "?" : TxtLoc.value;
SpnDisp.innerHTML =
"Hello " + FName + " " + SName + ", " +
"you are " + Age + " years old and " +
"at the moment you live in " + Loc;
}
</script>
<body
<div><input type="text" id="TxtFName" /></div>
<div><input type="text" id="TxtSName" /></div>
<div><input type="text" id="TxtAge" /></div>
<div><input type="text" id="TxtLoc" /></div>
<div><span id="SpnDisp"></span></div>
im working on my online portfolio and I have an external javascript file that has functions to add a piece to the collection...here is the link to my pageillustratorthe javascript file is herehttp://www.freewebs.com/harrisonengl...ngleweb/add.jsas you see some of the pieces will show up, and some wont. they are all going off the same function, and all work when i run the html off my computer harddrive rather than the freewebs server.Also, i understand that formatting of the site will get all messed up when it is ran in different browsers... for instance it works in firefox and safari now, but not IE and Chrome
View 5 Replies View RelatedI have this simple validation function for my form
<script language="javascript" type="text/javascript">
function validateyesvalue(document){
if(!document.getElementsByName('RadioGroup2_0')[0].checked && !document.getElementsByName('RadioGroup2_0')[1].checked && !document.getElementsByName('RadioGroup2_0')[2].checked &&
[Code]...
It's only validating in IE not in Google Chrome and not in Firefox, any idea how to fix this ?
Are there any compatibilty issues associated with teh following command?
<div onclick="open('http://www.mysite.com.htm','','')">Main page </div
It worked on a PC butnot on a MAC (bith with IE).
I have this code in actionscript that calls javascript:
actionscript:
zoom_in = function () {
var tw1:Tween = new Tween(mc_1, "_width", Regular.easeOut,
mc_1._width, 0, 1, false); //OK
var tw2:Tween = new Tween(mc_1, "_height", Regular.easeOut,
mc_1._height, 0, 1, false); //OK
ExternalInterface.call("zoom");
}
javascript:
function zoom()
{
top.resizeTo(1024, 768);
self.moveTo(0,0);
}
Everything works perfectly on Firefox 1.5 but not on IE 6+
in IE the "zoom" function doesn't work, but if I add an alert it DOES work:
function zoom()
{
alert('this works');
top.resizeTo(1024, 768);
self.moveTo(0,0);
}
Using Firefox 3, trying to use a confirm box where it says ok or cancel. The box shows up to confirm ok or cancel but if I click cancel it doesnt seem to return false, it just goes to the link of the url set in href. Im including the js file in the page:
Code:
<script src="js/forms.js" type="text/javascript"></script>
I then call it in the link:
[code]....
I have no idea why my image link doesnt work
myimages[{$i1}]=["banners/{$object->image}", "{$object->link}", "_new"] ;
I wanna create a functionality where on clicking a (minus) button a div show slide up and and the image should change to (plus). Again on clicking the plus button. the content div should slide back out
[Code]...
Here is my code that im dealing with and only second sliceshow works for me i need them both that would be working together
Here is my script:
have the follow jwplayer i've got a link that loads the video into the player fine but now i am trying to add another one that load with the hd optionhere the single one works fine
Code:
<a title="Testimonial One" href="#" onclick="loadNplay('http://www.1st4film.biz/homepagefilms/looknorthlunchtime2.mp4')"><img src="images/24hrs.jpg" border="0"
[code]....
I'm trying to setup a page that uses JavaScript in a text link to submit a form:
<a href="do.htm" onclick="javascript:document.forms.Q01.submit();">
I also have added a fallback page in the href (do.htm) in case users have JavaScript disabled. But the JavaScript doesn't seem to be working. When I click the link it always goes to the fallback page, and doesn't submit the form.
I've tried swaping the order in the anchor tag (JS first, href second):
<a onclick="javascript:document.forms.Q01.submit();" href="do.htm">
and the same thing happens.
If I remove the href value:
<a href="#" onclick="javascript:document.forms.Q01.submit();">
the JS does execute properly.
How can I get the JS to execute by default for browsers that support it, and the href be the backup for browsers that dont support it?
i had this written for my wifes ebay store a while back but after moving the images to our own hosting, the script doesnt work it just crashes our shop front?
ps. i do have three other images that were present on the site that were somehow referenced but there is no mention of them in the below code (footer.jpg | gallerylisting.jpg | navhead.jpg) i think its something to do with this first line but dont know how to decode it.[code]......
I am migrating a site from prototype/scriptaculous to jQuery, and I am encountering a lot of problems with animations in IE. I should start by asking that in scriptaculous, none of these animations require special CSS or tricks for IE (like getting rid of position absolute or anything like that), but this seems to be the case for almost every animation I do in jQuery - is there a list somewhere of all the little hacks and tricks people need to do to get these animations to work in IE? I have re-implemented a few hundred of these animations (mostly crossfades, sliding up and down, highlights), and not a single one worked in IE with the original CSS from the scriptaculous version (in most cases, the other browsers would). In most cases this has to do with absolute positioning. Is it possible jQuery 1.4.4 (the version I am working with) just has massive problems or something because my impression was this library was supposed to be easier to work with, not inordinately more difficult... I just find it hard to believe everyone else is having this many issues with it.
In any event, one thing I can't find any fix for anywhere, is animating the scrollTop of an element (NOT the whole page, which seems to be what everyone else wants to do). I have a div with overflow:hidden, and two buttons underneath which allow the user to scroll through the div (a real scrollbar in this context would not look good or be very useful in comparison).
I ported the code over from scriptaculous, and it works just fine in all normal browsers. Here is the version that would animate scrolling up:
Tested in Firefox/Chrome/Safari just fine right off the bat. But in IE, it just waits and then calls my callback, setting the scrollTop correctly at the end but not actually animating. It's not totally failing, in the sense that the scrolling does happen, and the callback does fire, but it should animate, and I don't really see any reason why it wouldn't. I have set position on the div and all wrapping divs to relative, and static, and set the display value, set the zoom value, widths, heights, everything, but this div will not animate as it scrolls at all in IE only (this is all IE's - 6, 7, and 8). I also tried isolating the div on its own page, removing nearly all the content (leaving text so it will have something to scroll through), practically no CSS outside of width, height, and overflow, and again - does not work in IE only (works in all other browsers without fail).