Image Disappears In IE8 When Expanding Multi-line Text Using CSS?
Apr 8, 2011
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 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 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:
All i know how to do is using the mouseover effect, and then displaying an enlarged version of the image (thus creating a "drop down" effect). However, i do not know the code to make the image "drop down" gradually.
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>
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'm having a bit of trouble with this script. I'm wondering if someone might help me. What I'm trying to do is to have a multiple image rollover whereby onmouseover, the image's source will cycle through a few pics and stop. I got this part to work fine--it's the onmouseout part that I'm having some difficulties with. I would like everything to be included within one function, instead of two (one for mouseover and one for mouseout). Here is what I have:
I'm trying to get rollover images to work that are a little more complex than usual. I have a webpage that presently gives information on four groups within an organization. I've put each group within its own div with an id. The div contains a short description of what the group does, thumbnails pictures of each member of the group, and to the right of these thumbnails, a larger picture. This larger picture is supposed to change, when ever the mouse is over a thumbnail to a normal size picture of the thumbnail, for the first part.
I tried to put in a script that will preload all the original images that should be changed. First I created an array with all the names of the divs, then used two for loops, one nested inside the other to get the pictures into the array. Tried to get the names of the array to hold the pictures from the first array with the names (inames), using a two dimensional array (used an example from a post on this forum) but it seemed to have gone astray, as the onmouseover doesn't work. Code:
I was just doing a simple stuff of executing system copy, delete etc. commands using execCommand method of js.
I have made two textareas, in one i am inputting some text and by hitting on the buttons i am executing copy, cut etc. commands.
In this the paste button is not working. Like i am copying some text from one textarea, it is not pasting into other textarea.
Also I want to do select all for the textareas only. Like if cursor is on textarea1 and if I am hitting on selectAll button it should only select the textarea1 content. Currently it is selecting the whole page content. code...
i discovered that if i just enter "test test test" into a basic tinymce textarea, it doesnt store any html in the db. only when i hit enter at the end of a line does it wrap <p> around both sentences. and, if i just paste a block of text in to tinymce (no linebreaks), it doesnt add html markup either
so i have to tell client to hit enter at the end of any sentence, or the db just returns text with no html markup. i cant use the code below either cause what if they enter two lines? in that case there will be two <p>'s wrapped around the text?
<p><? echo row['text'];?></p> anyone know how to get around this?
We currently have a website that uses the .beforeAfter plugin to switch between two images. In addition we would like to add the possibility to draw a line and/or box using a boxer like option. All our attempts have been unsuccessful so far. Could anyone tell us if and how it is possible to combine the .beforeAfter option with a drawing line/box one?
For curious users, here is the website we are currently working on:
Hey everyone, I'm working on a website, and I have one page that uses a forum that is supplied by tal.ki.The forum works fine, but the .js file that the forum uses is grabbing the image that I am using as my header on the page (not in the header of the html, just on top of the page) and moves it down and right from where it is supposed to be. My apologizes for the file being so long, but I have no idea which line it is that makes the image move. If needed, I have pictures of how it looks in the program that I use, vs. how it looks when viewed in a browser.
I would like to have a splitter (image or a line) between col1 and col2; When i click on it, It should display the cursor as =|= (something similar) and should be able to resize col1 and col2. (I have added * for understanding purpose to display them as separate columns)