Doesn't Work Quick Enough To Hide Moving Items Into Place In IE8
Apr 19, 2011
I have a website at: [URL] The page works on Google Chrome, Mozilla Firefox, and IE-9. It sort-of works on IE-8, however, the problem is that on IE-8, there is about 2 seconds where everything is shown on top of everything else in a mess. This is bad.
The website is unusual in that it uses a menu to slide screens from right to left. This has implications. For instance, I need the menu to appear on all screens, so I use absolute positioning, and then use javascript to calculate the center position. The same goes for a logo image. And on top of that, some screens (which are really DIVs) have items positioned by absolute and relative positioning within them, and those positions are often calculated via javascript (and then set).
On IE-8, the result is not good. I think what is happening is that the browser first shows everything as it appears before javascript is run, and then slowly the javascript is run, which puts everything in the correct position. So initially, not only is everything in the wrong position, but different DIVs appear on top of each other.
View 1 Replies
ADVERTISEMENT
Oct 9, 2009
I'm having one of those moments right now. Can someone explain why the following alerts "undefined" instead of "George"?
function test(){
this.worker='George'
[code]....
View 8 Replies
View Related
Mar 3, 2010
I have form inside iframe. I want to copy form to parent window after user entered data and then submit. Everything works fine, except with file input. It seems impossible to move file input(after user selected file) to different form in different document (only ie7). Here is javascript code im using inside iframe to move form elements:
Code:
var parentForm = parent.document.getElementById('editGallerieFormParent');
parentForm.ordering.value = form.ordering.value;
parentForm.catname1.value = form.catname1.value;
parentForm.description.value = form.description.value;
[Code]....
View 3 Replies
View Related
Dec 1, 2011
I have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 Replies
View Related
Jul 21, 2006
Code:
parent.htm
<a href='child_as_newWindow.htm' target='_blank'>
child_as_newWindow
</a>
If a user clicks the link above, a newWindow will pop.
I like to write some code in child_as_newWindow.htm.
The code has a button named "close."
If the user clicks the button "close," child_as newWindow.htm will be close.
At the same time, the parent.htm will go to another_parent.htm.
View 1 Replies
View Related
Dec 4, 2011
I'm trying to hide a few options in a dropdown box using .hide(). This works perfectly fine in firefox and chrome, but it doesn't work in IE and Safari. My original code is more complex but I've narrowed it down to this.I've tried several combinations and nothing has worked.hide() works, but not for things within option tags for some reason.[code]
View 1 Replies
View Related
Nov 7, 2011
This is the site: [URL] And the attached javascript: [URL]
Now Begin and Contact are fine, but as you can see, the Einde part isn't sliding in. I'm hiding my "Second" div at the end of the transformation to avoid horizontal scrollbars. But after I show it again, to slide it back to the left, the transformation somehow doesn't work.
If I comment out the slide-to-left transformation, the Second div shows on the right, with horizontal scrollbar. So it does actually do the transformation, but doesn't seem to do the slide. I've also tried re-setting the -webkit-transition property again after I show() the Second div, to set a delay on it again. However, this had no effect either.
View 1 Replies
View Related
Aug 23, 2006
I'm trying to do something a Quick Add like Google Calendar.
I found http://developer.apple.com/internet/...les/popup.html, but that isn't exactly that I want.
I need some guides or examples for create Divs with DOM, Css... and Show/Hide with DOM too. Google Calendar have Quick Add div with an input into it. I want to do that.
View 5 Replies
View Related
Nov 11, 2009
I'm trying to set up a quick poll using AJAX which all works fine when using Firefox but running into issues via IE.
$(function() {
$('.error').hide();
$(".button").click(function() {[code]....
The issue I'm having is that although the form is being processed OK with data being captured in the database, once the form is submitted, the above script just seems to stop the rest of the page from loading. This only happens on IE and it must be something to do with the success function but as I'm new to JavaScript I don't know what I'm doing wrong.
View 9 Replies
View Related
Dec 22, 2010
I have a page on a website I am creating that has both a lightbox rel link and a quick calculator to work out a size of a product.Here are the links to the java files I am using:
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery.lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery.js"></script>
[code].....
View 1 Replies
View Related
Nov 12, 2004
I have a fully working listbox that I'm having troubles with. The idea is to select from the first box and add to the second box. I've done this a variety of ways and wanted to use DOM as it solves some speed issues with the other solutions if the elements in the boxes are in the thousands.
The problem I'm having may be in IE6, note how using the code below that you can move items over to the right hand side using "Add >" and it sorts it the result like a good script. But when you start to move things the other way using "< Rem" the first box is fine, but the 2nd box never bothers to remove the results! From there on, the moving is pretty much broken. I suspect this is an IE bug since if I ALT+TAB and hide the browser then go back the results are as they should be, however, perhaps I'm just doing something dumb in my code? Code:
View 3 Replies
View Related
Aug 15, 2005
This works fine in netscape but IE won't do it. I have a div which contains
some links and a thumbnail. What's supposed to happen is when you click the
thumbnail the links disapear and the now invisible div is resized moving
everything below it. In IE it only resizes as small as the size of the dive
plus the size of the links. Code:
View 2 Replies
View Related
May 10, 2010
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
View 4 Replies
View Related
Dec 7, 2005
I have a form with several different text boxes for things like dates,
numbers, etc. arranged in a table, each row has the same kind of text
boxes for data entry (10 rows probably).
I want to have a separate section above the form where I can toggle a
div containing an appropriate error message to appear after the
onchange event fires for the text box.
The thing is, I want all the divs with their different text messages to
appear in the same place and disappear from the same place above the
form instead of different places on the form or web page.
Well, they don't have to be multiple divs, but there are multiple
different error messages that should appear depending where the user is
typing...
Example: 'wrong format,' 'month must be between 1 and 12,' etc. Of
course the messages will be nicer than this.
View 5 Replies
View Related
Oct 21, 2009
I am working on a slider for a client site and all works fine when I place the css directly in the page - but when I move it to external file it does not pick up any of the styles that are required to make the slider work.
View 3 Replies
View Related
Jun 14, 2010
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
View 2 Replies
View Related
Dec 10, 2011
I've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
View 2 Replies
View Related
Feb 24, 2010
Why doesnt the following code work in IE. There is an error on the same row as fillText. It says object doesnt support this property or method.
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<canvas id='chart' width='500' height='200'>
[Code]...
View 1 Replies
View Related
Apr 27, 2009
I want to modify the appearance of an unordered list by assigning a value to each list item and then setting the custom properties for each list item. At first I was thinking of assigning a number to each list item and then controlling it's properties via that number.But now I'm wondering if jQuery can do a search for the list items content.
View 4 Replies
View Related
Dec 15, 2011
I have a UL group with multiple LI items, and each LI has a DL with a DT and DD inside. What I am trying to do is show EACH LI's DT, but not the DD. The DD will only show once the DT has been clicked (except for the first, which should be visible on page load.here is the structure code ... I am struggling to make this work using jQuery show/hide functionailty.
<!-- LIST -->
<ul class="examples">
<!-- ITEM #1 -->
[code]....
View 1 Replies
View Related
Aug 19, 2010
I am new to jQuery and I am having trouble with the syntax, selectors and refining when trying to create functions. What I am trying to achieve: I have a gallery consisting of a ul with images placed in vertically stacked list items. The ul is in a fixed size wrapper with overflow:hidden so only the first list item displays. The user clicks a button and the first li is hidden using hide(400). This makes the other list items flow up and reveals the second list item within the wrapper window.
When the last list item is visible, the click will show(400) all of the list items again, causing them to flow back into order and only the first item will be showing again. Further clicks will repeat this process from the beginning. I know what I would like to do in terms of code, but I am having trouble with the correct syntax, selectors and refining. I have included the html and description version of the code I was hoping to create. I know the code could be much more efficient by placing functions into variables and testing for true false, but I would like to see the steps with my longer code description for learning purposes. Perhaps afterwards someone can blast it off in two lines.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list hiding test</title>
<style>
.listWrapper {
height:25px;
width:380px;
background-color:#d6d6d6; .....
View 2 Replies
View Related
Jul 9, 2008
I have found many nice filter plugins, that let you filter a table,and hide the rest of the items, and only show the item that matches
what was entered into an input dialog.What I would like to do, is use an unordered list instead. Is there any plugins that support this? I have not been able to find any..
View 1 Replies
View Related
Jan 19, 2011
Isn't it possible to place a text at a fixed place on a picture with javascript ?
The text will be AJAX updated...
View 5 Replies
View Related
Mar 13, 2010
If you look at this page [url] you will see that if you hover over the photo the text block goes up, and if you hover over the text it slides down and covers the photo. It's all pretty basic and it works fine. But ones I try to get them animated during the sliding up and down the trouble starts.
It works fine if you take the time and wait for them to go back to their starting position, but if you move over the items quickly it becomes a mess. You can see what I mean on this page [url]
I hoped that by adding a stop() before the animation if would fix the problem, but it doesn't really improve at all. It still quickly becomes a mess if you hover from one item to the next one.
How I could get the animations to work properly without it becoming a mess? I now there are double id's in the html, but unfortunately I can't really change the html.
View 1 Replies
View Related
Apr 25, 2011
I tried many ways to do it .. but didn't work any of them ..
The idea is move the foot to room no.1 .. but i want to see the foot moving on the red line to the room
like this pic : [url]
View 7 Replies
View Related
Feb 22, 2010
I have script for moving background:
It works normally - but don't work lightbox script for pictures of the site, so IE 8 write such: Object doesn'n work with prototype.js and mootools.js. CMS is a MODx, please, tell me how to make work this scripts correctly and together?
View 1 Replies
View Related
