Making Select Visible Invisible
Jul 23, 2005is it possible to make an select visible or invisible by selecting a checkbox.
View 1 Repliesis it possible to make an select visible or invisible by selecting a checkbox.
View 1 RepliesI have a radio button set that I am trying to use the onclick method to mae one row visible or the other. Let me show you what I mean. I have this javascript defined. I tried to use pointers but then I got element has no properties. So I've reverted to useing the full DOM call. Code:
View 11 Replies View RelatedI have a form, its a very big form. About halfway down is a series of checkboxes (8 or so). Each one toggles whether the item I'm editing belongs to one of the categories or not. Each checkbox is linked to a subform that is invisible. (by subform I mean one or more form elements).
When a checkbox is clicked I want the subform to appear, and when it is unclicked I want it to disappear. Now the tricky part is, that when the page loads, it draws information from the database, and some of these checkboxes will already be clicked, so those forms need to be visible right from the start.
I'm just having far too many problems, can anyone point me towards some information that might help? Reply if I wasnt clear enough and you need clarification.
Basically, i have a past and present checkbox, start date and leave date. Now if the user clicks on the "present" checkbox i want the leave date checkbox to vanish and if clicked again i want to re-appear..Take a look at this page:-http:[url].....
now you can see at the moment i have the checkboxes past, present and 2 text boxes beneath. Can i do this?
I understand how to make a div (table) invisible and then visible on a timer.. What I want to do is add a counter to my code and make the table flash 3 times and then stop with the table visible. all my code does right now is make the table flash on and off every 1 second. This is what I have right now:
<script language="javascript" type="text/javascript">
function magic() {
var d = document.getElementById('MagicTable');
if (d.style.display == "none")
d.style.display = "block";
[Code]...
How can I generate a visible content from an invisible iframe?I'm working on a project which involves scanning of content posted through HTTP.For example, a file uploaded to some web-mail client (i.e. Hotmail) as an attachment. If the file is suspected to be a virus, the user should informed and asked whether he wishes to post the file anyway. This scan is made before the file is sent to the server.The message should come from the browser (like JS alert box) but should contain some arbitrary HTML code, not supported by alert box.
Normally, when a file is uploaded, it is done in some hidden iframe. When the upload finishes, the server replies with JavaScript code which when run, notifies the user the upload is done.To inform the user he is uploading a Virus, I'm altering the server's reply to the HTTP post. The altered reply is a JavaScript code which generates some custom dialog box.
The problem is, the page is returned to some invisible iframe, which means the generated dialog box is also invisible. Simple JavaScript alert box works fine as it comes from the browser, and not as part of a webpage. how I can generate a visible dialog boxes, from the hidden iframe?
While my PHP is compiling, I have a loading bar. As soon as the body of my page loads, I make the bar invisible and the page contents visible by calling a javascript function with onload event.
Code:
<body onLoad="loadImages()">
When I put the javascript load function in the head between script tags as below it works.
Code:
<head>
<script type="text/javascript">
function loadImages() {
document.getElementById("showme").style.visibility = "visible";
document.getElementById("hidepage").style.visibility="hidden";
}
</script>
</head>
However, when I place the function in an external javascript file, it does not work, which is weird because all my other javascript functions in the external file work.
I'm trying to make a textbox invisible originally.......
And then visible on a submission......
However it doesn't work.
I can however do the opposite.
My problem is I had a drop down menu for a horizonal menu bar but the drop down items are about 4 items long . It works fine for first menu item, but the second one is positioned beneath the first one because it can't fit it's menu on the same line as the previous one.
I have set the submenus to hidden meaning they are there which is why they are taking up the space the other item needs to use when it's menu item is rolled over.
Is there a way to set items so they are invisible but not taking up room when invisible?
I have 3 types of columns and they are identified by their class (in the TD and TH)... they are1. Always - cells that always appear - includes a primary key2. Main - cells that are necessary to be shown, but can be toggled3. Advanced - cells that are superfluous but helpful for the viewer.I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which works, but, but since there's so much data it will lock up the browser and even invokes this ff error: "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: jquery-1.3.2.min.js:19"My questions are basically, can this be done without freezing up the browser? (e.g. can I group columns together and hide each column, since I believe it's the sheer amount of cells that I am hiding?)Here is my code:here's my javascript (on top of jquery's inclusion)
Code:
<script type="text/javascript">
$(document).ready(function() {
[code]....
I have written a function to make visible elements with a certain id. however i intended it to be used to make visible multiple elements but it only appears to switch on the first element it comes to with that id. after that it appears to stop. i was wondering how i can adapt this function to make visible multiple elements, will i need a different way of referencing or can it be done through id?
function toggleLayer( layerID ) {
var style2 = document.getElementById( layerID );
if (style2.style.display == "block") {
style2.style.display = "none";
}
else {
style2.style.display = "block";
}
}
I'm trying to debug a tabbed menu implementation, where I have a variety of pages that are made visible based on tab clicks. This works well, until I have a page that is laid out with nested divs. Any content beyond the child of the selected page (page_about shows 'Put an image here' but not 'This is where...') remains invisible. I've tried a number of options in the slideDown statement, but failed thus far.
[Code]...
I have a class hidden by default at the document ready state. I use the show() function when its parent has been clicked and I want to be able to apply a click function to this newly visible element - when I write it I am finding that it is overriding the initial hide(). How do I work around this? I should say that this element is just a bit of text that says "close x" and will be used to "close" its parent div down...
View 1 Replies View RelatedI have a page with various elements, some visible, some invisible, as they become visible depending on user input.I am looking to select the visible elements, then within that collection, get the last element in the flow and manipulate it.
View 2 Replies View RelatedThe code below works great in Mozilla.
In IE the selection box is created, and there is a drop-down box if I click
on the down arrow, but I can't see the OPTION text for each option. The
options are invisible, yet the box seems fully functional. I went into the
debugger and sure enough the selection box has "OPTION" child nodes with the
correct "value" and "text" attributes.
What could be wrong?:
I'm quite new to jQuery and have this working, though I'm fairly sure if this won't be an efficient way to do this. I have a form with each day of the week, and each day has a choice in the number of slots which then shows the correct number of slots for entry for that day.
The form:
<table border="0" cellspacing="0" cellpadding="0" class="DataTable"><tbody>
<tr>
<th>
Day
</th>
<th>
Slots .....
This is simplified just a little as there are more than the 1 input in an 'Entry Section' (eg .Entry3). The jQuery I have working here is:
<script>
$(document).ready(function(){
$("#frmSlots1").change(onSelectChange);
});
function onSelectChange(){ .....
That's working fine, except I do want to have 7 days so that would be quite a lot of replicated jQuery code. I am thinking there will be a way to identify the select item with the others so jQuery will know which to adjust without having to spell every single item out. Is there an easy way to achieve this in the above?
The left hand layers make one right hand layer visible via onMouseOverIf one of the list boxes is clicked the drop-down list appears as per "select" function.it stays visible until any part of the window is clicked again. This makes clicking a bit more laborious when changing to the next listbox.BUT if the layer is switched (by hovering over a different onMouseOver position) the visible drop-down list remains visible until the window is clicked again.I can't see any attribute/parameter that will hide this list in JavaScript.I can set the selectedindex when the list is clicked eg
Code:
function sfm_goto(loc,obj5){ //v3.0
var obj10 = findObj(obj5);
[code]...
I was trying to make a for cycle with indexed IDs, but there is some problem with it. Commented code works ok, but indexed IDs seems with troubles. Here is an example [URL]
View 1 Replies View RelatedIn the below code, the ajax-loader disappears before the html returned by .load is actually visible in the browser. How can I correct it?
[Code]...
i have a select box that looks like this for exaple:
<select id="game">
<option id="mario">Mario</option>
<option id="SuperMario">Super Mario</option>
[code]....
I have the following code that don't work like i want it.
Code:
function hideDisplaySingleSuite(textstring) {
var myclass1 = new RegExp('\b'+textstring+'\b');
//Populate the array with all the page tags[code]....
For example.It show objects if I remove the if statement that checks if the class is visible.for example this shows a class and works.
Code:
function hideDisplaySingleSuite(textstring) {
var myclass1 = new RegExp('\b'+textstring+'\b');
//Populate the array with all the page tags[code]....
So my question is why don't this work on a class, it works on an "id"?
Code:
if (allPageTags[i].style.display ==''){
allPageTags[i].style.display = 'none';
}[code]....
I want to show the class if its not visible or hide it if it is visible.How can this be done?
i would like to have a popup window from a parent window. this window should
refresh every 5 seconds and reload parent window. OK i know its dumb, but i have my own reasons to test this. NEXT: is it possible to make this popup window invisible ?
I had no experience with cookies up to today. I read about the properties of cookies. Then I started to write a few lines of Javascript into my html-page:
function SetMyValue(name, val)
{
document.cookie = name+"="+val;
}
and
SetMyValue('firstname','michael');
I did not set the properties "expires" and "domain".
When I put the page to my server, called it with the IE 6 and looked
into the IE for my cookie, it was not there. But when I made a cgi program
that showed HTTP_COOKIE, I saw, that the IE was sending it. So I had
an invisible cookie with my IE. Only when closed the IE and opened it again,
it was lost.-
I would like to make an hyperlink invisible, or disabled, with a click. The
hyperlink opens a new window (target = _blank) and once the new window is
shown, I don't want the hyperlink to be active anymore.
Simply question: I want to have a DIV start by being invisible, then fade in but I am not sure how to start in such a way that jQuery can make it fade in.
View 6 Replies View RelatedThe code below sometimes works the way I want it to...by downloading a video from an external site and displaying a placeholder whenever the page loads. But most of the time, the video won't download and display until a user hovers their mouse over the blank area.
Is it possible to modify the code so that it functions consistently by always downloading and displaying the placeholder when the page loads? I don't want users to think there's a missing/broken video because there's a blank space where the video is supposed to be, and they don't realize they have to mouse over it.
<a href="#" onclick="return(false);" rel="videoGUID=4cd75af679b39g4963V828c00c581024ae86&" style="display: block; width: 550px; height: 310px" id="4cd75af679b39g4963V828c00c581024ae86" width="550" height="310">How to Take Care of Your Dog's Teeth: VetVid Episode 001</a><script type="text/javascript" src="http://360.sorensonmedia.com/4cd75af679b39g4963V828c00c581024ae86/embedv2.js"></script>