collapse does not work in IE6 on <tr> and <td>. also, in mozilla 1.5 it hides the element but does not collapse it. the only thing i can get to work is
<col width=300 style="visibility: collapse"> in mozilla, but this does not work in IE6.
anyone aware of this problem or know of a workaround?
I have a strange problem using Internet Explorer.
My page has a table included in a <DIV>
I have a checkbox that shows the div when checked
and hides it when unchecked.
var division = document.getElementById("passport") ;
Then I use
division.style.visibility = "visible" ;
or
division.style.visibility = "hidden" ;
Everything works perfectly under FireFox or Safari showing or
hidding the table.
BUT, in IExplorer 6 or 7, just checking the checkbox doesn't
change anything. You have to first click on the actual division
position to make it appear. Same for unchecking: click on the
displayed table and it will disappear. Code:
Take a look at my testing website: [url]
You'll find the following javascript in the source code:
Now this all works...well, sorta.
The DIV elements specified are hidden when the page is first loaded.
These DIV elements then re-appear (as programmed above) when the mouse pointer is hovered over them.
These DIV elements are listed on the right-hand side of the test webiste.
They contain the Google Ad's you will see listed along the right-hand side of the website.
However, you were not suppose to see the Google Ad's when the website first loads up.
The DIV elements are initially hidden, but the Google Ad's contained in the DIV elements are always visible!
I want the Google Ad's to only appear if a mouse pointer happens to hover over them ( a little test of mine.)
I don't get it...the DIV elements disappears when appropriate, why not their contents: the Adsense?
I'm not sure if this is technically a javascript question, but I'm
coding in javascript, so I'll try here first.
To overlay a section of a page I typically use an absolute positioned
<div> and call insertAdjacentHTML. By raising the z-index higher than
than the underlying elements this method works fine, except if there is
a window'd element below it, such as a <select>. My understanding is
that I need to use the visbility attribute to hide the <select> before
calling insertAdjacentHTML.
Each <select> element (there are three) is identified with the ID
"select_vis". I am attempting to hide the select elements using the
following code:
selvis = document.getElementById('select_vis');
if (selvis) {
alert('gonna hide the selects.');
selvis.style.visibility = 'hidden'
}
document.body.insertAdjacentHTML('BeforeEnd', theHTML);
The code is being executed, however the three selects stay visible.
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedI have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
This is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html>
<head>
<title>expandable text area</title>
<style type="text/css">
[Code]....
im using this toggle for a project, i have use it once, and it works well with IE, but then again, for mozilla, its not being displayed correctly after the first toggle, Code:
View 8 Replies View RelatedI am wondering how I would make the [-] Button that collapses/expands a thread here on the forums. (I hope you know what I mean, its tough to explain)
I am going to have a page with multiple entries using XML and would like to be able to have the title of an entry showing and then you can press on the expand button to view further details.
Can this be done with JavaScript or DHTML?
I have a bit of code that works perfectly for me that expands/collapses a div without any animation from top to bottom. I'm looking for the same exact code that lets me expand/collapse from left to right. I've done my due diligence and have search many forums with limited luck (I've only found one that is animated that I can't turn off the animation). Can someone point me in the right direction to code that does exactly the same as what I've posted below except from left to right?[code]
View 2 Replies View RelatedI have a list built on HTML and CSS:
<ul>
<li>Foo</li>
<li>Bar
<ul>
<li>Gee</li>
</ul>
</li>
</ul>
I need a script to expand and collapse items so only one sublist is visible
at a time. I've found several scripts for trees but they either need the
list to be in their own format or they add tons of weird code to insert
icons and style the list (which breaks my design). Could you recommend me a
simple script to do so?
I have a php function that returns a list of people with their attributes ie address, telephone, email, etc. my idea is to display the full name of person, and then when I click on a link "more data" open a window down to display the other data, email, phone, etc.., for this use a jQuery script that collapses / expands a div, taken from: [URL], the script works fine, but only runs on the first element (person) that appears in the list in the other script is not running, if I have several pages of results, always work the first item on the list. this is the javascript code of the page, obviously this liibreria declared jquery:)
$ (Function () (
$ ("# Mmm.") Click (function (event) (
event.preventDefault ();
$ ("# Panel_menu"). SlideToggle ();
[Code].....
I have a drop down menu who shows a list of page. Some links have subcategories. When I click to it that show the subcategory list. But what I want is when I click on another that close the previous one. Just one should be open. You can have a look at the screenshot:
[Code]...
I'm running into a problem with having a bunch of different selected areas in my editable document in mozilla. I can't seem to get them all unselected. I can get one or two to unselect but not all of them.
This happens after I have been using comparePoint in a loop that loops through the whole document. I have used collapse on the selection I made but it leaves other text still selected. :confused: Is there a quick way to unselect all the selections in mozilla?
My intent is to be able to expand/collapse multiple tables individually, and all at once. My current implementation allows for the "individual", but not the "all at once" functionality, because the current code I'm using just toggles. code:
View 2 Replies View RelatedWhere i can find a script for div collapse...i am looking for a script where div is collapsing from left to right side.
View 2 Replies View Relatedit's not expanding & collapsing for me. Here's what I have:
Head:
PHP Code:
<script language="JavaScript" type="text/JavaScript" src="js/collapse_expand_single_item.js"></script>
Body:
HTML Code:
<img src="img/u.gif" name="imgfirst" width="9" height="9" border="0" >
[Code]....
I'm not very experienced with javascript, but I have a bit of code that works perfectly for me that expands/collapses a div without any animation from top to bottom. I'm looking for the same exact code that lets me expand/collapse from left to right.I've done my due diligence and have search many forums with limited luck (I've only found one that is animated that I can't turn off the animation). Can someone point me in the right direction to code that does exactly the same as what I've posted below except from left to right?[code]
View 5 Replies View RelatedI was wondering if there is anyway to capture an event for when the scroll bar would appear while rendering a page with dymanic results driven questions. Such that answer to q1 would lead to another question, need to know what would be the last question before the scroll bar would appear.
View 1 Replies View RelatedI am trying to set up a page where there are a couple of checkboxes, and
based on the selected checkbox, certain input fields are required. For the
required fields, I want to display a red asterick as an image (
required.jpg ) next to the field iteslf. Thus, I am trying to write a
JavaScript function that will get called via the "onchange" action for each
checkbox.... this function willl either set the visibility to "visible" or
"hidden" for the red asterick ( required.jpg ) next to each input ( name,
address, email, etc... ). I am able to get this working in Netscape (
7.02 ), however I can't seem to get it to work for Internet Explorer (
6.02 ).
Here is a trimmed down, working ( at least in Netscape ) sample of what I am
trying to do. Any idea on what I need to do differently to get this to work
in IE? Code:
I would like to change the visibility of the contents of a DIV by clicking a button or link. If possible, I'd like the button to toggle the visibility on/off. If not, I'll just have two buttons, one to make it visible, the other to hide it.
Also, I'd like the page content under the DIV to move up/down as the DIV is hidden/visible (as if the text inside the DIV did not exist when the it was hidden).
The code I tried before posting was this:
function visibility(id){
document.getElementById(id).style.visibility=hidden;
}
I couldn't find any documentation on the Visibility property, so I didn't know how to use it correctly. Also if there is a better way to achieve the effect I want than using style.visibility, please post it.
I want to add a caption to certain images on a website I'm building when the user moves their mouse over it, along the lines of "Click to Enlarge". The HTML code I've got is as follows:
<div class="overlay">
<a href="#"><img src="image/example-4.jpg" alt="Example Image" /></a>
<div><p>Click to enlarge image</p></div>
</div>
The DIV with the caption is set in the CSS to display:none; and I have the following JavaScript code which is supposed to change this property to block on hover:
window.onload = function(){
var overlay = document.getElementsByTagName('div');
for(var i=0; i<overlay.length; i++){
if(overlay[i].className == 'overlay') {
overlay[i].onmouseover = function() { this.getElementsByTagName('div').style.display = 'block' }
} } }
But this gives this error:
Error: this.getElementsByTagName("div").style has no properties
Any idea what I've done wrong?
I have two text inputs. The second input is "visibility hidden".
I need to have it visible when the first input value is changed to something that is > 1.
Im trying to change the visibility of a div from hidden to visible "onMouseOver" .. Code:
View 7 Replies View RelatedI have a web page that has javascript running an html5 page where as the embedded movie plays, the captions play below the movie. What I'd like to do is to have a button that turns the captions' visibility on and off, but I can't seem to get it to work. Probably easier to just show you the web page so you can see the files and view source: [URL] Click the test.html file and hit the play button for the movies to see the captions. I think it might have something to do with the captions being within the media div, but I'm not sure how to address the caption id other than the way I have.
View 3 Replies View Related