Text Disappears When Placed After An Object In IE?
Sep 30, 2011
I have a jwplayer in my page, and I've placed a short text describing it underneath it. Works fine in FF and Chrome, but in IE the text vanishes after you click the "Allow blocked content" permissions to allow activex controls.This is what it looks like:
Here is my description text.<br/> If I place the text above the object, then it shows up fine. I'd rather not put it there, but I can if I can't figure the problem out.
Have been hammering away at this problem for a couple of hours and found that the 'type' attribute of the jQuery script files is set to 'application/javascript'. This works in Firefox but not IE. When changed to 'text/javascript' the IE error on $(document).ready event disappears. As yet no apparent side effects have occured. This is the only scenario where I have seen 'application/javascript' ever used so why this instead of 'text/javascript'?
I'am trying to create a text, which moves from the top to the bottom and the text which disappears at the bottom, comes in at the top. <div id="myFloatingText"> | V Here is my text which should be moved down and the line which disappear at the bottom should appear at the top. | V </div>
Quote: <script type="text/javascript"> function emptyTitle() { if (document.getElementById('title').value=='Enter the Title for Your Post') {[code]......
However, the text that appears is black. How do I style it to make it gray and smaller?
I'm having trouble figuring out why my image is disappearing when the user clicks on the arrow image to expand text for viewing. The arrow image only disappears if the link text is is more than one line. It remains if the link is only one line of text. Here is the code:
I have a basic search box that I want filled with light gray text that says <enter search query> or similar, and I want it to disappear when the box is clicked on. I also want the '<enter search query>' to reappear when the page is reloaded.
I'm a student and am trying to write some very simple code. My problem is I use innerHTML in my script file to send some text to a div in my html. When it's sent it renders and then quickly disappears. I've attached my code.There are two separate "files" .html & .js:
<?xml version = "1/0" encoding = "utf-8"?> <!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[code].........
I have the cycle plugin running, works fine on all but IE7 (not catering to IE6). The pager elements on the right do not appear in IE7. I have tried adjusting the z-index, etc., but can't figure it out.
Also, the caption text transitions in with bolded elements properly appearing, and then they flip to regular text (the whole line of text transitions a bit strangely).
I believe I found an accessibility issue with superfish. I have the "sf- menu" ul as the child of another list item. After tabbing through the entire sf-menu, it disappears. How might I fix this? This is happening in both IE and firefox. It is nested as follows. ul -> li -> ul sf-menu
I tried to create a simple pagination-style presentation and when I start the animation my img tags disappear.As far as I can tell it's not an overflow problem.
why (and the fix) when I place my cursor over the scrolling thumbnails under the main slideshow rotator on my site they "disappear"?http:[url].............
After much searching and head-scratching (JS is not my forte!), I adapted some code to do what I want - well, almost! So here I am back again. I need to have three divs on a page, with each separate div changing onClick. Below is the code so far.
Two problems:
1) when I open it in a browser window both divs show, then the one disappears when I click on the second div leaving only the numbers. How can I change it so that both divs remain open?
2) Instead of the numbers [1], [2], etc. to change the divs, I'd like to have to just click on one single 'click here for more' to display the next div then return to the first after the last one. Can this be integrated or is it too late?
I have a map with hotspots, and when you hover over a hot spot, a hidden DIV appears. The only problem I'm having now is getting the DIV to remain open while I move my mouse from the hotspot to the DIV. As soon as I move my mouse away from the hotspot, the DIV disappears. I need to put links in the DIVs, and users will need to be able to move their mouse away from the hotspot to click on the link, but currently can't.
I experimented with setTimeout, but didn't get too far. I really need to get this working.
I am running this javascript on a Windows IIS server. It is in a .asp page. The script seems to run OK. When you click on and release the "Calculate" button, the answer flashes and then disappears. The answer seems to be correct, but I want it to remain visible until the form is reset. The code is as follows. What am I missing? This is my first attempt at javascript coding. Code:
I have an item at the end of a menu that when it is moused over, it makes a form visible underneath it. On some machines running Safari the form flashes on and of on hover, and disappears when the mouse leaves the trigger.
I can get it to happen in Firefox if I move the mouse super slow from the trigger word to the box. I've tried moving the log in box closer with css, and it still happens.
I use superfish horizontal nav-bar style. Subcategories appearhorizontally below categories.The problem is that when I take themouse from the category name to reach one of their subcats, thesubmenu disappears! The subcategories disappear too fast! Is there away to fix this?
and asp.net-mvc 3 razor After I click at label "Hello" I get next element totagRows. But when I click next time at label "Hello" I lose this element, but I want to add next element. What I must change to have desired effect?
I cant find an example for this, but I'm sure people will know what I mean. Imagine a form on a page, the user hits submit, but a new page does not load, instead a "busy" graphic displays, then disappears and then the results of the input are displayed.
Does anybody have a link to a tutorial or an example of this kind of feature? Or even a few google keywords to search for would be cool also.
I am trying to use the code below to create the following behavior for comboboxes with class = "requiredCombo" -
1. If the selected index is 0, I want the font to be grey; otherwise black.
2. When the mouse enters the box, I want to change the font to black while the user is making a selection.
3. If the mouse leaves the combo and the user did not click (that is, they just ran the mouse over the combobox) and the selected index is 0, I want the font to be grey otherwise black.
4. If the user clicks on a selection and it is not index = 0 I want the font to be black.
The following code works great in Firefox but in IE 7 when I include the "mouseleave" code, the dropdown list opens up when I click the dropdown but as soon as I try to move into the list to make a selection, the dropdown list closes. Any suggestions what I can do?
I have this code for a dialog box, <script language="javascript"> function dialog() { $("#dialog").dialog({ modal: true }).load("/;contact"); } </script>
To contact us: <a id="dialog" style="text-decoration: underline" href="#" onclick="dialog()">Contact</a> This loads the contact form correctly, but the <a href> link disappears after I have made the click.
I am using the little tooltip script below. Normally, works fine, except when I clone an element which has a tooltip in it and append it to another element using something like: $("#table tbody").append($("#row").clone(true));.
Now, immediately after cloning it, I use jQuery to alert the title attribute, and it is in the new element. Then, when I view it using firefox, the title is gone, and obviously the tooltip cannot work.
/** Vertigo Tip by www.vertigo-project.com Requires jQuery */
So it took me forever but I finally found a floating menu that works with a horizontally scrolling page - but of course, there's still a little bug. View the page here: [URL]
As you can see, the more you scroll right, the more the menu "compacts" itself, eventually disappearing altogether.
You can view the code & script codes by viewing the source of the page.
On some pc's in IE my website shows disbehaviour with the popup-menu. When your mousepointer hoovers over the transparent border, the popupmenu disappears. Please check URL.... Perhaps if you visit the website with Internet Explorer you can see what I mean, but it might be showing good as well.The menu is made with very little javascript and mainly CSS. I discovered the begin of the cause: when I don't use a transparent color for the border, it works fine. Also when I remove the underlying image (the sky-image) and still use transparent color it also works fine. How can this be? Using Z-index for the popup-window/menu and give it a real high number won't work. I really don't see it. Ofcourse I want to keep using the transparent color and the underlying image.[code]
I have an XML file hosted by my ISP free web space. It naively treats the file as text/plain. I would like to convert this data into a DOM object. So far my googling has turned up nothing, although looking over the DOM manual on Mozilla I came up with:
function convertDOM(text) { var lines = text.split(" "); var dom = document.createDocumentFragment(); for (var i = 0; i < lines.length; i++) { var node = document.createTextNode(lines[i]); dom.appendChild(node); } return dom; }
The returned object is not treated as an DOM object. Anything I am missing / A different approach maybe?
