Altering Style:display Option
Feb 16, 2006
<head>
<script type="text/JavaScript">
<!--
var whichOpt='select'
function showOption(which)
{
//First hide the currently displaying menu.
document.getElementById(whichOpt).style.display = "none";
//Determine what the new selection is.
whichOpt = document.getElementById(which).options[document.getElementById(which).selectedIndex].value;
//Show the newly selection menu.
document.getElementById(whichOpt).style.display = "inline";
}
-->
</SCRIPT>
</head>
Code:
<select class="g4" NAME="bonustype" id="bonustype" style="width:180"
<option VALUE="select">Select an option</option>
<option VALUE="signon">Sign-on bonus</option>
<option VALUE="refer">Refer a friend bonus</option>
</select>
</div>
<table width=190px align=center><tr><td><div id="select" align=justify class=red>After selecting a bonus type, the criteria relating to that bonus will appear here.</div></td></tr></table>
<div id="signon" style="display:none;">SHOW SIGN ON CRITERIA</div>
<div id="refer" style="display:none;">SHOW SIGN ON CRITERIA</div>
However, at present I cannot get the 'signon' or 'refer' div's to appear. When the php page is loaded, 'After selecting a bonus type, the criteria relating to that bonus will appear here' will appear on the screen. When I select a different option for the 'bonustype' combo box, the writing will dissapear but nothing will show up instead. When selecting 'Select an option' again, the writing that appeared at the start does not show up.
therefore I take it that the javascript is not working correctly (i.e. not changing the style display option contained with in the div's). But why does the 'After selecting a bonus type, the criteria relating to that bonus will appear here' disappear when a different option is selected, but not appear again?
View 1 Replies
ADVERTISEMENT
Aug 14, 2006
As you can see I am totally lost, I have been trying to work this out for several weeks now without any progress, I need to make about 20 of these displays each include 4 buttons that will none/block the related text area below the display for a visual please see: Code:
View 3 Replies
View Related
Jul 15, 2005
I have the following function in my attempt to build a 'treeview' It should (and does in Firefox) display an indented <p> tag (css indents it). The problem however, it doesnt work in IE. When this function is fired IE builds a VERY small <p> tag without any content in it... I think the problem might by caused by style.display but I don't know how to solve it.
function r_treeview(test, path) {
// get DIV element
elm = document.getElementById(path);
pid = 'sub'+path;
// add paragraph (p) to contains var test
if (!document.getElementById(pid)) {
var pTag = document.createElement('p');
pTag.setAttribute('id', pid);
pTag.className = 'subp'
pTag.style.display = 'block'
elm.appendChild(pTag);
pTag.innerHTML = test;
}
}
View 10 Replies
View Related
Jan 4, 2006
Situation:
A (rather long) page that contains a lot of divs.
Some are visible (display:inline) at a certain time, other not.
The javascript is responsible for divs to be visible or not.
Question:
If the browser is displaying some divs, and the user gives a printcommand
for the page, can I be sure only the visible parts are printed?
On my machine this is working fine (W2000/IE6), but I hope it will work on
all setups that support display:inline and display:none (= every modern
browser I think).
Could this give problems for different printers/printdrivers?
Or can I trust that if the browser can handle divs right, it will send the
correct commands to the printer?
View 3 Replies
View Related
Feb 18, 2010
I am using AJAX + JSON to construct a HTML code, which physicaly does not appear on my page, but after is created and put in a variable I display it with innerHTML. Then with another on e function, I tell some of the <tr> to get style.display = 'none', which is working properly! Then I want to check which of them are currently invisible an d for that purpose I use:
Code:
for (p = 0; p < rows.length; p++) {
if(document.getElementById(rows[p].id).style.display == 'none') {
alert(rows[p].id);
}
}
where rows is a define array with getElementsbyTag with all the <tr> - s. Then what happens is really strange - I am getting alerted ALL the <tr> ids, including the currently visible, and, then they dissappear, (as if I have told them to make them style.display = none, which I haven't)!! I have tried also with currentStyle instead of style, but the effect is the same.
View 4 Replies
View Related
Feb 4, 2011
for some stupid reason this is nog working:
Code:
<script type="text/javascript">
document.getElementById('tour').style.display='none';
[code].....
View 6 Replies
View Related
Jul 23, 2005
//I have a form such as this:
echo "<form method="post" action=$php_self>
<BR><INPUT TYPE="TEXT" NAME="textbox" SIZE="40">
<BR> <select name="searchlist">
<option value="val1">$x</option>
<option value="val2">$y</option>
<option value="val3">$z</option>
<option value="val4">$t</option>
</select> <p>
<input type="submit" name="submit_the_values" value="$submit">
</form><p>";
/* I want that the option selected in the "searchlist" option get
displayed in my textbox using javascript, how can I do this? thanx in
advance pat */
View 4 Replies
View Related
Jul 23, 2005
I've been using display:none on the style property of some <option>
elements in my forms, which works fine with Mozilla - as expected it
removes the option from my dropdown (although it still exists in the
code). Is there an equivalent in IE?
The reasoning behind this is that I want users to rank objects using a
<select> for each place (see below), and to remove the choice of earlier
objects from <select> drop-downs later in the list.
1st place: [<Select> with option 2 chosen]
2nd place: [<select> with option 4 chosen]
3rd place: [<select> --> Option 1
Option 3
Option 5
Option n]
View 3 Replies
View Related
Jun 8, 2010
I have following HTML code:
<br/>
<div style="display:none">.....</div>
<div style="display:none">.....</div>
How can I modify display to block in style attribute with Javascript?
View 1 Replies
View Related
Jun 17, 2010
In an html form, I want a certain field to be invisible when "no" is checked and visible when "yes" is checked.
This is my code:
html:
<form action="pageName.html" method="post" name="formName">
Question?
<input name="radioBool" type="radio" value="1" onchange="dispField('textInput');" />yes
[Code]....
This seems to work perfectly across all browsers except for IE (latest version).
In IE the only problem is that the radio buttons have to lose focus before the span will change to visible. I would like the "specify" field to display immediately after the radio button changes to yes, rather than waiting for the buttons to lose focus.
View 2 Replies
View Related
Dec 10, 2010
The Javascript
Code:
document.getElementById('all_days_div').style.display = 'none';
The HTML section containing the div the Javascript should be hiding
Code:
<div id="all_days_div" style="display:block;">
<p align="right" >
Show All Days
</p>
</div>
When the JavaScript code is called, instead of hiding the div, I get the following error:"Cannot read property style of null" Do you see anything wrong with what I've written, or is my problem elsewhere?
View 4 Replies
View Related
Nov 9, 2011
This recursive menu is built with ColdFusion and then Javascript is used to turn the style display on or off. The problem I'm running into is this. The menu currently has 4 levels. MicrosoftMicrosoft TechnicalDynamicSystem CenterWindows ServerHyper V The menu is collapsed and as you mouse over an item that has child elements it expands. The problem happening now is the menu loads expanded only for the 'Microsoft' element. (note this is the only menu tree that has 4 levels).
So it looks like this when loaded initially. MicrosoftMicrosoft TechnicalDynamicSystem CenterWindows Server When you mouseover 'Microsoft' it then expands the 'Hyper V' menu item underneathe Windows Server. Mousing over 'Microsoft' should open 'Microsoft Technical', etc... I imagine the code doesn't support that many levels because if 'Hyper V' is moved out and put under 'Microsoft Technical' as a child the menu works fine.
[Code]....
View 2 Replies
View Related
Jul 23, 2005
I have a select box with about 5 options. I need to have one of the options, when selected, display a second select box.
The second select box is populated by a database and needs to be preloaded
so the page doesnt refresh. How can this be done?
I guess could have the second select box displayed but disabled and it would
become active once the option is selected on the first select box.
View 2 Replies
View Related
May 20, 2011
I have a dropdown box which should display an appropriate text box only when a particualar option is selected. Currently, the textboxes are displayed all the time. I do have a Javascript function that works for 2 options(hides always and displays only when the correct option is selected). But I need it to work for 3 options. Here is the code. You can copy and paste this code as an HTML file and you will know what I refer to.
<html>
<head>
</head>
[code]....
View 3 Replies
View Related
May 9, 2006
I want the drop down to "activate" the option values in the input field.
So, when the user changed the options, they wil automatically appear int he input field.
Is this possible?
<form name="form1" method="post" action="">
<select name="select"><option value="Option 1">Option 1</option><option value="Option 2">Option 2</option>
</select>
</form><input name="job1amt" type="text" id="job1amt" value="" size="5" ">
View 3 Replies
View Related
Jan 20, 2010
I have a popup window. When a user click 'x' on the upper righthand corner to close the window, I want to display and message with yes or no option. Would you let me know how I can do this?
View 15 Replies
View Related
Jan 5, 2012
i trying to select a <select> option programatically. i can see in firebug that the value of the select tag change but not it's text. how could i select a option by displaying it's text?
i try
$(mySelect).val(optionValue);
and
$(mySelect).find('option[value='1']").attr("selected","selected");
but they both are not working.
View 1 Replies
View Related
Mar 9, 2009
I am building a form with ColdFusion, HTML, and will be using some Javascript, and I wnt the javascript to tell one form object to display itself when a certain option is chosen from a <select> tag.
<cfquery name="getCategories" datasource="#mydatasource#" username="#myusername#" password="#mypassword#">
SELECT * FROM categories WHERE type = 'cat' ORDER BY id
</cfquery>
<cfform action="engine.cfm" method="post" format="html">
<table cellpadding="0" cellspacing="0">
<tr><th colspan="2">New Category</th>
</tr><tr>
<td>Category Type:</td>
<td><select name="type">
<option value=" "></option>
<option value="cat">Main Category</option>
<option value="sub">Sub Category</option>
</select></td></tr>
<tr><td>Name:</td>
<td><cfinput type="text" name="title" size="20" maxlength="100" required="yes" message="A name for the category is required.">
</td></tr>
<tr><td>Parent Category:</td><td>
<cfselect enabled="Yes" name="parentcat" multiple="no" query="getCategories" value="id" display="title" queryPosition="below">
<option value=" "></option></cfselect>
</td></tr><tr>
<td colspan="2"><cfinput type="submit" name="submit" value="Submit" validate="submitonce" validateat="onserver,onsubmit"></td>
</tr></table></cfform>
I want the <cfselect> tag to display on if Sub Category is selected on the first <select> tag. I expect that it will use the onchange attribute but other than that I have no idea.
View 2 Replies
View Related
Sep 20, 2011
I am trying to display a rel of each option as they are selected into a div below it . There are several selects of classProductAvailability on the page. When one of the selects changes, I'd like the value of the rel of the selected option to display.At first it seems to work, but only if you start by changing the last pull down menu. The trouble seems to be in the"select.ProductAvailability option:selected", this needs to be written for this instance, not all of the selects of that class on the page. How do I write that, I've tried$(this+" option:selected") but it won't take.
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("select.ProductAvailability").change(function () {
[Code]...
View 2 Replies
View Related
Aug 2, 2010
What I would like to do is have a page with a dropdown menu, and depending on which option the user chooses from the dropdown, reload the page and display a particular iframe below the dropdown, based on the users choice. Also, a default iframe would load (the one connected to the default choice in the select box). I was trying to make this work with PHP (without having the user having to click a submit button) but I couldn't find a way to make it happen.
View 6 Replies
View Related
Nov 17, 2010
I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made. Here is the code I have so far.
<body>
<label id="Label1">ADMINISTRATOR CONSOLE - ADD AND EDIT ASSETS<br />
</label>
[code]....
View 3 Replies
View Related
Nov 17, 2010
I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made.
Here is the code I have so far.
View 1 Replies
View Related
Apr 11, 2007
function func1() {
this.val = 1
}
function func2() {
this.getVal = function() {return this.val}
}
var inst1 = new func1();
var inst2 = new func2();
inst2.getVal(); //should return 1
So the point is how can i change the object that this refers to?
View 4 Replies
View Related
Nov 19, 2010
I am searching a solution to change a ComboBox by popup I have found this script on the web. Is it also possible to select the newVendor just after adding? Is this script ok or are there better solutions?
<script type="text/javascript">
<!--
function message(value){
if(value=="newVendor"){// New Vendor is selected
var vendor = prompt("Vandor's Name","");
var elementSelect = document.getElementById('vendor');
try{
[Code]....
View 2 Replies
View Related
Dec 8, 2010
first off I am pretty much a newbie to web development but especially to java script so go easy with the tecnical terms I am trying to implement an image carousel but I cant get it to work and it is altering the width of my div in the HTML. I have the slider in div id="content", when I dont have the JS file in the folder the div shows up fine but when I have the JS file in the right place it resizes it to 1024*50 so none of the content can be seen. I was wondering if anyone could make sense of the JS file and see if anything would be causing that? I must also point out that I havent written this code, I have copied it from the web.
View 1 Replies
View Related
Apr 21, 2004
Is it possible to alter the contents of a remote page in an iframe through javascript? I have a page I'm showing from a remote server that has no style at all.. and I can't stand the Times New Roman font on my page.
View 4 Replies
View Related
