Learn VBA & Macros in 1 Week!

JavaScript - Display Todays Date In Combo Box?

Full Excel VBA Course - Beginner to Expert

Display Todays Date In Combo Box?	View Content

Hi all, I'm making a combo box, and I want it defaulted to todays date. What am I doing wrong?

in the body onload function I call time_Stamp()

In time_Stamp I'm doing

Code:

document.getElementById('job_month').value="test";

My combo box looks like this:

Code:

<select ID="job_month" value="" tabindex="11">
<option selected value=""><script>nowTime</script></option>
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>

I'm trying all different options and can't figure out how to have the month auto checked to current month. Any help please?

Full Excel VBA Course - Beginner to Expert

Write Out Todays Date 02/11/11?

Similar Tutorials

View Content

hi,

I'd like to pre populate a hidden textfield with todays date: 02/11/11

Please help

so far, I have: Code:

        today               = new Date()
    today.getDate()+"/"+today.getMonth() + 1 +"/"today.getFullYear()

$('#date').html('<h4>Date: '+ today +'</h4>');

Multiple Combo Boxes - Show All Records If Sub-combo Isn't Used

Similar Tutorials

View Content

Hello

I'm using the combo box selection menu by Elviro Mirko from this site (http://www.javascriptkit.com/script/...plecombo.shtml)

I have made amendments to show my own data, however what I would like to happen is if the user selects from the top combo only, then all the records would be shown, whereas selecting from the second combo merely 'drills down' and shows the records required. - Hope that makes sense.

The code is as follows:

Code:

// first combo box

	data_1 = new Option("Douglas - DIS", "$");
	data_2 = new Option("Douglas - COE", "$$");
	data_3 = new Option("Peel - DIS", "$$$");
	data_4 = new Option("Peel - COE", "$$$$");
	data_5 = new Option("Ramsey - DIS", "$$$$$");
	data_6 = new Option("Ramsey - COE", "$$$$$$");
	data_7 = new Option("Castletown - DIS", "$$$$$$$");
	data_8 = new Option("Castletown - COE", "$$$$$$$$");		
// second combo box

	data_1_1 = new Option("Registry Office Douglas", "-");
	data_1_2 = new Option("Broadway Baptist Church Douglas", "-");
	data_1_3 = new Option("Finch Hill Congregational Church Douglas", "-");
	data_2_1 = new Option("St Thomas's Church", "--");
	data_2_2 = new Option("St Barnabas Church", "--");
	data_2_3 = new Option("St George's Church", "--");

The HTML code is as follows:

Code:

<select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">	
			
			<option value="">Select a Register...</option>
			<option value="Douglas - DIS">Douglas - DIS</option>
			<option value="Douglas - COE">Douglas - COE</option>
			<option value="Peel - DIS">Peel - DIS</option>
			<option value="Peel - COE">Peel - COE</option>
			<option value="Ramsey - DIS">Ramsey - DIS</option>
			<option value="Ramsey - COE">Ramsey - COE</option>
			<option value="Castletown - DIS">Castletown - DIS</option>
			<option value="Castletown - COE">Castletown - COE</option>
			

			</select>
<BR><BR>
			<select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">
			<option value="">Select a venue...</option>
			
			</select>

the link for the actual site is

http://www.manxbmd.com/cgi-bin/db.cg...m;db=marriages

If you choose Douglas-COE and search, then 0 records are found, if you choose Douglas-COE followed by St Thomas's then still 0 records are found but if you search the surname Allitson you'll see that there is a record there.

I'm not sure where I've gone wrong - I'm completely new to Javascript.

Any suggestions welcomed.

regards

Pendle

Using Combo Box To Create Second Combo Box And Add Second Selection To Session

Similar Tutorials

View Content

Hi Everybody

This is probably a very commonly asked question, however after much searching online I can't seem to find a straightforward answer. If anyone knows the code or a link to a place with a simple example it would be great.

What I have got is a form that a user has to fill out and submit (when validated all variables are stored in a session and emailed after multiple forms are completed), currently I have radio buttons, text boxes and a combo box/ drop down list (for location). All parts are working fine and validating fine. My problem is to do with the combo box//ddl. I have successfully validated the ddl so the user must select a location onsubmit and it is added to session and passed fine.

At the moment the ddl only has cities or towns in it however as I would like to include different states and possibly different countries I need a code that validates the state first and then only gives the cities/towns that are in that state (otherwise my ddl would be to large). I can do this with links however I can't seem to do it in a form.

I am trying to do it this way

DDL has list of all states that on mouseover/ onclick the list is revealed. onclick of a specific state populates another ddl with only the cities cities/ towns that are in that state and onclick of specific city selects the location whereby onsubmit the location is stored in the the session for submission by email

Thanks in advance for your help

I still have the following two major issues. 1) Firstly I need to be able to send the selection from the second combo box by php. 2) secondly I need the combo box to appear within the table. (I thought this should be easy, but for the life of me cannot figure out how to get the dynamic combo into my table inside the form)

I have managed to send the selection from the first combo box with the form and also I can send a selection from the second combo, however onsubmit regardless of what is selected in the second combo box it simply sends the last option not the one selected. I have spent many hours trying to figure out why this is the case to no avail.

I have included my code for anyone who may be able to help. Lastly when I have figured out these 2 (with a little help) I should be able to sort out the validation by myself. Please ignore any code that is not relevant

<html>
<head>

<script type="text/javascript">

var this1;

window.onload = function() {
if (!document.all) document.captureEvents(Event.CHANGE);
document.getElementById('myddl').onchange = readDDL1; }

function readDDL1() {
var ddlobj = document.getElementById('myddl');
var currentSelection = ddlobj.options[ddlobj.options.selectedIndex].value;
if (currentSelection == '') currentSelection = ddlobj.options[ddlobj.options.selectedIndex].text;
doDDL2(currentSelection);
}

function doDDL2(ddl1Selection) {

var existingDDL2;
if ((existingDDL2 = document.getElementById('myddl2')) != null) existingDDL2.parentNode.removeChild(existingDDL2);

var ddl2Options;
switch (ddl1Selection) {
case "Western Australia":
ddl2Options = ["Please Select A Location", "Karratha", "Perth"]; break;
case "Queensland":
ddl2Options = ["Please Select A Location", "Brisbane", "Gold Coast"]; break;
}

if (typeof ddl2Options == "object") {
ddl2 = document.createElement('select');

ddl2.id = "myddl2";
var forVar;
for (forVar in ddl2Options) {
var newOption = document.createElement('option');
newOption.appendChild(document.createTextNode(ddl2Options[forVar]));
ddl2.appendChild(newOption);

}
document.body.appendChild(ddl2);

}

document.testform.this1.value = ((ddl2Options[forVar]));

}

function checkFrequency() {
return ShowResults();

}

function validate(){
var digits="0123456789"
var temp

if (document.testform.location.selectedIndex == 0) {
alert("Please Select a State");
return false
}

if (document.testform.location2.selectedIndex == 0) {
alert("Please Select a Location");
return false
}

return true
}

</script>

<style type="text/css">
.td_freq { background-color:yellow;
height:40px;
text-align:center;
}
.td_sev { background-colorink;
height:40px;
text-align:center;
}
.td_wi { background-color:lightgreen;
height:40px;
text-align:center;
}
</style>

</head>
<body>

<FORM name="testform" action='./emlapd.php' method='post' onsubmit="return checkFrequency()">

<input type='hidden' name='this1'>

<table align="center" border="1" width="40%">

<tr><td><b>Current Worksite State:</b><font color="red">*</font></td>
<td>
<select name="location" width='53' id="myddl">
<option value="0">--- Please Select Your State ---                 & nbs p;                & n bsp;                                 & nbs p;        </option>
<option value="Western Australia">Western Australia</option>
<option value="Queensland">Queensland</option>

</select>

</td></tr>
<tr><td><b>Location:</b><font color="red">*</font></td>
<td>

</td></tr>

</table>

<tr>
<th colspan="2">
<input type="submit" name='submit' value="Submit" onclick= "return validate()">
</th>
<td colspan="10"> </td>
<th>
<input type='reset' name='reset' value='Clear Form'>
</th>
</tr>
</table>

</FORM>
</body>
</html>

Thankyou very much to everyone that may help

So I can place the DDL inside the form, however it places it at the end of the form. I want it somewhere in the middle (immediately following first combo box)

My other main issue is irregardless of the selection it simply posts the last option from the DDL not the one selected. Therefore I still want the second combo box to appear immediately below the first combo box and whatever option is selected from the second combo box I want to be posted with the rest of the form data.

If you have any other ideas that would be great

Obviously the reason I am still getting the same incorrect post is because the variable posted is still this1 from my code which reads the last value from the DDL. I have tried with all other variables to send as well ie ddl2 however still can't seem to send the selection.

So in its current state how can I send the selection and place the second DDL within the form??

Thank you

Date Nan:nan:nan Display

Similar Tutorials

View Content

Hello im using this code to display a countdowntimer

Code:

<script type="text/javascript">
            var timecd;
            timecd = document.getElementById('<%= Text1.ClientID %>').value;
            var GAME = ' | Hells Gate |';
            var OpenTimeCOUNTER = '';
            var TargetCOUNTER = document.getElementById('COUNTER');
            var SecondsCOUNTER = timecd;
            var TargetTimeCOUNTER = new Date();
            var TimeBeginnCOUNTER = TargetTimeCOUNTER.getTime();
            var TimeEndCOUNTER = TimeBeginnCOUNTER + (SecondsCOUNTER * 1000);
            TargetTimeCOUNTER.setTime(TimeEndCOUNTER);
            var DayCOUNTER = TargetTimeCOUNTER.getDate();
            var MonthCOUNTER = TargetTimeCOUNTER.getMonth() + 1;
            var YearCOUNTER = TargetTimeCOUNTER.getYear();
            if (YearCOUNTER < 999) YearCOUNTER += 1900;
            var hCOUNTER = TargetTimeCOUNTER.getHours();
            var mCOUNTER = TargetTimeCOUNTER.getMinutes();
            var sCOUNTER = TargetTimeCOUNTER.getSeconds();
            var fdayCOUNTER = ((DayCOUNTER < 10) ? "0" : "");
            var fmonthCOUNTER = ((MonthCOUNTER < 10) ? ".0" : ".");
            var fhCOUNTER = ((hCOUNTER < 10) ? "0" : "");
            var fmCOUNTER = ((mCOUNTER < 10) ? ":0" : ":");
            var fsCOUNTER = ((sCOUNTER < 10) ? ":0" : ":");
            var EndDateCOUNTER = fdayCOUNTER + DayCOUNTER + fmonthCOUNTER + MonthCOUNTER + "." + YearCOUNTER;
            var EndTimeCOUNTER = fhCOUNTER + hCOUNTER + fmCOUNTER + mCOUNTER + fsCOUNTER + sCOUNTER;
            var counterthing = window.setTimeout("CountDownCOUNTER()", 1000);

            function CountDownCOUNTER() {
                var CurrentDateCOUNTER = new Date();
                var CurrentTimeCOUNTER = CurrentDateCOUNTER.getTime();
                OpenTimeCOUNTER = Math.floor((TargetTimeCOUNTER - CurrentTimeCOUNTER) / 1000);
                var sCOUNTER = OpenTimeCOUNTER % 60;
                var mCOUNTER = ((OpenTimeCOUNTER - sCOUNTER) / 60) % 60;
                var hCOUNTER = ((OpenTimeCOUNTER - sCOUNTER - mCOUNTER * 60) / (60 * 60));
                var fhCOUNTER = ((hCOUNTER < 10) ? "0" : "");
                var fmCOUNTER = ((mCOUNTER < 10) ? ":0" : ":");
                var fsCOUNTER = ((sCOUNTER < 10) ? ":0" : ":");
                var TimeCOUNTER = fhCOUNTER + hCOUNTER + fmCOUNTER + mCOUNTER + fsCOUNTER + sCOUNTER;
                var OutputStringCOUNTER = TimeCOUNTER;

                if (OpenTimeCOUNTER <= 0) {
                    OutputStringCOUNTER = '<a href="Default.aspx">Refresh<\/a>';
                    window.clearTimeout(counterthing);
                }
                TargetCOUNTER.innerHTML = OutputStringCOUNTER;
                document.title = (OutputStringCOUNTER.substring(0, 2) == "<a") ? "!!!READY!!!" : OutputStringCOUNTER + GAME;
                counterthing = window.setTimeout("CountDownCOUNTER()", 1000);
            }
</script>

When im debuging the project it shows ok without any problems:

But when i host the website on the server i Get a NaN:NaN:NaN

Don't know what is hapening... any help would be great

Thanks Ricardo

I Have A Function To Display The Date In A Certain Format. What Am I Doing Wrong?

Similar Tutorials

View Content

So I want this function to return the date in the format: 4-Jan-2011. I feel like I have to make the variables strings or something but I can't figure it out, I'm kinda new to javascript.

Code:

function calander(TheDay) {
                var theDate = new Date();
                var day = new theDate.getDay();
                var month = new theDate.getMonth();
                var year = new theDate.getFullYear();
                
                if (month == 0) {month = "Jan";}if (month == 1) { month = "Feb"; }
                if (month == 2) { month = "March"; }if (month == 3) { month = "April"; }
                if (month == 4) { month = "May"; }if (month == 5) { month = "June"; }
                if (month == 6) { month = "July"; }if (month == 7) { month = "Aug"; }
                if (month == 8) { month = "Sept"; }if (month == 9) { month = "Oct"; }
                if (month == 10) { month = "Nov"; }if (month == 11) { month = "Dec"; }

                TheDay.value = day + "-" + month + "-" + year;
}

Display Certain Messages Depending On Date Range

Similar Tutorials

View Content

I'm wanting to put a piece of code on my website that will display when our next meeting will be. We have 2 meetings per month. I'm thinking what I need to do is create a code that gets the current month, day of month, and year then combines it together somehow, and if that combination is in a certain range a particular statement, "Next meeting is MM, DD YY." or "Next meeting is today." is displayed.

If date is equal to or between 01012012 and 01112012, "Next meeting is January, 12 2012" is displayed.
If date is equal to 01122012, "Next meeting is today" is displayed.
If date is equal to or between 01132012 and 01252012, "Next meeting is January, 26 2012" is displayed.
If date is equal to 01262012, "Next meeting is today" is displayed.
...that kind of thing.

How would I combine the month, day of month, and year?
Would 48 if statements be what I need to do?

Sorry, I'm pretty new to javascript. If there's a better way to do this, please let me know.

Thanks,

CJ

Display Image By Date - Countdown Images

Similar Tutorials

View Content

Hi, how would i edit the code below so instead of today is day 16 of the month to an actual date eg Today is 10/11/2011 (dd/mm/yyyy or mm/dd/yyyy compatible). I need the code to execute on a specific date.
javascript or php versions very welcome

THANKS

Code:

<script type="text/javascript">

var Date = new Date();
var Today = Date.getDate();

if(Today == 16)
{
document.write('<img src="http://www.imagelocation_here" alt="Image title " width="117" height="100" />');
}
else
{
document.write('<img src="http://www.imagelocation_here" alt="image title " width="117" height="100" />');
}
</script>

Display Last Modified Date Of Any File Even .xls Files On A Webserver

Similar Tutorials

View Content

Hello, have a website that contains many excel files (.xls and .zip). I need to display the last modified date of these files. They currently reside on a webserver. I found this script in this forum, BUT, it only seems to work for .htm or really anything else except .xls or .zip files.

<html>
<head>
<title>Last Modified</title>
<script type="text/javascript">
function getLastMod(){
var myFrm = document.getElementById('myIframe');
var lastModif = new Date(myFrm.contentWindow.document.lastModified);
document.getElementById('LastModified').innerHTML = "Last Update: " + lastModif.toLocaleString();
}
</script>

</head>
<body>
<span id="LastModified"></span>

<iframe id="myIframe" onload="getLastMod()" src="DFC_new_page.htm" style="display:none;" width="352" height="137">
</iframe>

</body>
</html>

Also, when I place an .xls file inside the src= field it ends up opening the file.

HELP!!!! I am new to writing scripts and unfortunately only have Frontpage to use for this. Thank you!!!!!

Javascript - Display Future Expiration Date In Short Format

Similar Tutorials

View Content

I'm trying to find a way to display a future date in short format (as an expiration date) with Javascript. I've figured out how to do it with long format, but have no idea how to convert it and I'm not great with Javascript.

Here is code that I found on another forum and modified:

Code:

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>


<!doctype html>
<head>
<title>Expires</title>
</head>
<body>

<script>

var myDelayInDays=6, myDate=new Date();
myDate.setDate(myDate.getDate()+myDelayInDays);

document.write('Expires: ' + myDate.toLocaleDateString());

</script>
</body>
</html>

</body>
</html>

Which displays:

"Expires: Monday, May 21, 2012"

I would like it to display:

"Expires: 05/21/2012"

Can anyone help?!

Javascript To Display Financial Period Number Based On 4 Weekly Runnig Date

Similar Tutorials

View Content

Help Please!! Combo Box

Similar Tutorials

View Content

Hello,

I am very new to HTML and PHP but have managed to create a drop down "Surname" box on my website to list all the current surnames in my mySQL database. However, I also want the user to be able to type into the box and for the drop down list to automatically filter depending on the text the user inserts.

I understand that this is not possible in HTML and PHP and requires some JavaScript, however I have never used this before and have no idea where to start.

Any suggestions or help will be much appreciated. Here is my current HTML and PHP code...

Code:

$sql="SELECT Surname FROM Patients";
$result=mysql_query($sql);
?>

<form name="form" method="POST" action="<?php echo $_SERVER['PHP_SELF'];?>">

Surname:  <?php echo "<select name=\"surname\">"; echo "<option size =30 ></option>";
while($row = mysql_fetch_array($result))
	{
		echo "<option value='".$row['Surname']."'>".$row['Surname']."</option>";
	 }
 echo "</select>";
?>

Thank you!

Popouating Combo Box

Similar Tutorials

View Content

Hi
I am doing a java program.
In which I have a jsp page, and on that I have two combobox.
I have a create a java bean, in which I am extracting the database.

I want to populate the combobox by extracting data from database.

can anyone suggest me some code using java script , which i can use to populate my combobox.

Thanks in advance

Combo Box Values?

Similar Tutorials

View Content

I have 2 combo boxes where you can move the items in combo box 1 to combo box 2. I want to validate that combo box 2 actually has something moved to it. How can I count the items in combo box 2. Combo box 2 will initially have no items in the box on page load. It is up to the user to move the items to combo box 2 and I want to make sure at least 1 item was moved.

Help!! Triple Combo

Similar Tutorials

View Content

Need Help With Easyslider Lytebox Combo

Similar Tutorials

View Content

On a friend's site I am using a combination of easyslider (a slideshow script) and lytebox (probably doesn't need an intro). It can be seen in action on http://www.maisonportier.com/menu.php (then click on 'Press'). I really don't know much about Javascript so am just able to do extremely simple things such as combining two script. Now my friend want the slideshow to pause when an image is opened (using Lytebox), and to continue when the image is closed. The scripts can be found at:
http://www.maisonportier.com/js/lytebox.js and http://www.maisonportier.comeasySlider1.5.js Can anybody tell me how to modify the code? Any help is greatly appreciated!

Editable Combo - Does Not Work In Ie

Similar Tutorials

View Content

Hello all,

I have a form which contains some fields like company_name, address, phone, email etc.

Also, I have a database with companies. I want that, when typing the beginning of the company name, a combo box to suggest all companies that match that text. I want that when a company is selected from the combo, all other textboxes to be filled with the correct info from the database. Also, I want that the user to be able to write a company that is not registered in the database.

What I have done until now:
For the editable combo I used the dhtmlxcombo from he http://dhtmlx.com/docs/products/dhtmlxCombo/ (Filtering mode: (filter existing list)). I'm not a scripting expert, so I think I cannot build this combo all by myself.

I modified just one thing. At the begining, the dhtmlxcombo.js file contained something like this:
Code:

if (tab)z.tabIndex=tab;z.style.width = (width-19)+'px';self.DOMelem.appendChild(z);self.DOMelem_input = z;z = document.createElement('input');z.type = 'hidden';z.name = name;self.DOMelem.appendChild(z);self.DOMelem_hidden_input = z;z = document.createElement('input');z.type = 'hidden';z.name = (name||"").replace(/(\]?)$/, "_new_value$1");z.value="true";self.DOMelem.appendChild(z);self.DOMelem_hidden_input2 = z

I added z.id='dest_company';, so the file looks something like this, now:
Code:

if (tab)z.tabIndex=tab;z.style.width = (width-19)+'px';self.DOMelem.appendChild(z);z.id='dest_company';self.DOMelem_input = z;z = document.createElement('input');z.type = 'hidden';z.name = name;self.DOMelem.appendChild(z);self.DOMelem_hidden_input = z;z = document.createElement('input');z.type = 'hidden';z.name = (name||"").replace(/(\]?)$/, "_new_value$1");z.value="true";self.DOMelem.appendChild(z);self.DOMelem_hidden_input2 = z};dhtmlXCombo_defaultOption.prototype._DrawHeaderButton = function(self, name, width)

The text field 'dest_company' is generated like this:
PHP Code:
    <select name="dest_company" id="dest_company" OnChange="SelectReceiver(document.comanda.dest_company.value);"  style="width:206px;" tabindex="10">
    <?php echo '
        <option value=""></option>';

        $address_result = mysql_query("SELECT * FROM `webdb_".$_COOKIE['user']."` ORDER BY companie ASC");
        while($row = mysql_fetch_array($address_result))
            {
            echo '<option value="'.$row['id'].'">'.$row["companie"].'</option>';
            }
    echo '
    </select>

    <script>
        var z = dhtmlXComboFromSelect("dest_company");
        z.enableFilteringMode(true);
        </script>';
        ?>

This is the SelectReceiver() function:
Code:

function SelectReceiver(id_dest)
{
if (id_dest=="")
  {
  document.getElementById("contact_destinatar").value="";
  document.getElementById("adresa_destinatar").value="";
  document.getElementById("oras_destinatar").value="";
  document.getElementById("judet_destinatar").value="";
  document.getElementById("zip_destinatar").value="";
  document.getElementById("telefon_destinatar").value="";
  document.getElementById("mail_destinatar").value="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    //document.getElementById("detalii_destinatar").innerHTML=xmlhttp.responseText;
    var response = eval(xmlhttp.responseText);
    }
  }
xmlhttp.open("GET","modifica_detalii_destinatar.php?q="+id_dest,true);
xmlhttp.send();
}

And the file modifica_detalii_destinatar.php looks like this:
PHP Code:
<?php
$q=$_GET["q"];

include ('conectare.php');

$sql="SELECT * FROM `webdb_".$_COOKIE['user']."` WHERE id='".$q."'";

$result = mysql_query($sql);

while($row = mysql_fetch_array($result))
  {
  echo '

        document.getElementById("contact_destinatar").value = "'.$row['contact'].'";
        document.getElementById("adresa_destinatar").value = "'.$row['adresa'].'";
        document.getElementById("oras_destinatar").value = "'.$row['oras'].'";
        document.getElementById("judet_destinatar").value = "'.$row['judet'].'";
        document.getElementById("zip_destinatar").value = "'.$row['zip'].'";
        document.getElementById("telefon_destinatar").value = "'.$row['telefon'].'";
        document.getElementById("mail_destinatar").value = "'.$row['mail'].'";

  ';
    }
?>

All this is working just in Firefox. In IE, when I select a company from the combo box, an error is generated and no text box is completed with the correct data. The error I'm talking about is:
Code:

'document.comanda.compania_destinatar.value' is null or not an object

In Firefox, if I inspect element with Firebug, my select looks like this:
Code:

<div style="width: 204px;" class="dhx_combo_box ">
    <input type="text" autocomplete="off" class="dhx_combo_input" tabindex="10" style="width: 185px;" id="companie_dest">
    <input type="hidden" name="dest_company" value="45">
    <input type="hidden" name="dest_company" value="false">
    <img class="dhx_combo_img" src="codebase_xcombo/imgs/combo_select.gif">
</div>

Any help on this would be great.
Many thanks and best regards!

Double Combo With Image

Similar Tutorials

View Content

hi

I wonder if someone out there can help me.

I am very new to javascript and i have manged to understand a little of a double combo box with description however I would now like to be able to not only change the comment underneth but also add an image.
This image (along with the comment) changes everytime the dropdownbox changes.
I just cant seem to add the image.
Please can anyone help
I would really appreciate it and be extremely grateful.
gr
T

Combo Box Is Not Populating The Values

Similar Tutorials

View Content

Hi all,

I have a problem here with my coding. I want to have three levels combo box. However the second level is not populating the values, therefore the third level cannot be populated also. I have attcached my codes here. Pls have a look and tell me where is my error.

Thanks,

Breentha

Onchange Combo Box, Change Url In Div

Similar Tutorials

View Content

Good day,
I'm populating a combo box and I'm working to onchange the url of a div.based on the value selected.

Here is my code :

PHP Code:

<?PHP
$console = $_GET['console'];
$dir = "Names/";

echo "<select name=\"console\" onchange=\"load('console_info.php?console=<SCRIPT language=\"javascript\">document.write(this.options[this.selectedIndex].value)</script>','page')\" onmouseclick=\"this.focus()\">";
// Open a known directory, and proceed to read its contents
$dir_handle = @opendir($dir) or die("Unable to open $dir");
$files = array();
while($file = readdir($dir_handle))
{
   if($file != '.' and $file != '..')
   {
      $files[] = $file;
   }
}
sort($files);
foreach($files as $file)
{
if($file != $console)
{
   echo "<option value='$dir/$file'>$file</option>\n";
}else{
   echo "<option value=\"$dir/$file\" selected=\"selected\">$file</option>\n";
}
}
echo "</select>";
?>

I already have a script which make me able to change the url of a div with ajax, this works well.

Here is the code which do that:

PHP Code:

<script type="text/javascript">
function ahah(url, target) {
  document.getElementById(target).innerHTML = ' Fetching data...';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {ahahDone(url, target);};
    req.open("GET", url, true);
    req.send("");
  }
}

function ahahDone(url, target) {
  if (req.readyState == 4) { // only if req is "loaded"
    if (req.status == 200) { // only if "OK"
      document.getElementById(target).innerHTML = req.responseText;
    } else {
      document.getElementById(target).innerHTML=" Error:\n"+ req.status + "\n" +req.statusText;
    }
  }
}

function load(name, div) {
    ahah(name,div);
    return false;
}
</script>

onchange="load('console_info.php?console?=','page')"

The part I have problem with is the part when the combo box get changed with an onchange, I don't know how to add after the console?= as the user change the option .

example:

PHP Code:

<SCRIPT language="javascript\">document.write(this.options[this.selectedIndex].value)</script>

But if I do this, since i'm using php to write this it only write that.

I don't know how can i make this work.

Thanks!

Triple Combo Box W/description

Similar Tutorials

View Content

I have been working with the double combo box w/ description script from javascriptkit, and I attempted to add an additional 3rd combo box that would switch selects based upon selection of the 2nd combo box, but I am having difficulty with this. Any help would be appreciated. Here is the code:

Code:

<script language="JavaScript">
<!--

//Double Combo Box with Description Code- by Randall Wald (http://www.rwald.com)
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

var num_of_cats = 4; // This is the number of categories, including the first, blank, category.
var open_in_newwindow=1; //Set 1 to open links in new window, 0 for no.
var option_array = new Array(num_of_cats);

option_array[0] = new Array("You need to select a category"); // This is the first (blank) category. Don't mess with it.

option_array[1] = new Array("-- Select One --",
"JavaScript Kit",
"News.com",
"Wired");

option_array[2] = new Array("-- Select One --",
"CNN",
"ABC News");

option_array[3] = new Array("-- Select One --",
"Google",
"Ask Jeeves");

var text_array = new Array(num_of_cats);

text_array[0] = new Array("Here's how you use this box: First, you select a category in the Category drop-down. Then, select a link from the Link drop-down. Then, read the description in this box, or click Go to go to the page. If you ever need to see this help again, just go back to the top option in the Category box."); // These are general instructions. Change them if you want, or keep them if you don't.

text_array[1] = new Array("These are some of my favorite technology sites. You should visit them.", // Note that the first entry here is a general description of this category. After than, they're descriptions of each link. Make sure that you don't put the first link first; the general description must be first.
"This is a page with a bunch of nice JavaScripts that you can use. They also have tutorials in all sorts of subjects.",
"CNet news. If it's in technology, it's in here.",
"Wired magazine is the type of magazine which needs no introduction.");

text_array[2] = new Array("These days, it's important to keep up on the news. These sites will help you do that.",
"CNN. What list of news sites would be complete without it?",
"Here, you can get links to World News Tonight, or see video clips.");

text_array[3] = new Array("If you can't find it via other means, you'll need to find it with a search engine. These are some of the best.",
"Undoubtedly, the best search engine out there.",
"Their natural-language search sometimes comes up with results you won't get with other engines.");

var url_array = new Array(num_of_cats);

url_array[0] = new Array("#"); // The first category. This should have no items other than "#".

url_array[1] = new Array("#", // The second category; the first "real" category. Note the initial #. That is the category which says "Please select a link." It doesn't need a URL. Start putting the other URL's in after that first line.
"http://javascriptkit.com/",
"http://www.news.com/",
"http://www.wired.com/");

url_array[2] = new Array("#",
"http://www.cnn.com/",
"http://abcnews.go.com/");

url_array[3] = new Array("#",
"http://www.google.com/",
"http://www.aj.com/");

function switch_select()

{
  for (loop = window.document.form_1.select_2.options.length-1; loop > 0; loop--)
  {
    window.document.form_1.select_2.options[loop] = null;
  }
  
  for (loop = 0; loop < option_array[window.document.form_1.select_1.selectedIndex].length; loop++)
  {
    window.document.form_1.select_2.options[loop] = new Option(option_array[window.document.form_1.select_1.selectedIndex][loop]);
  }
  
  window.document.form_1.select_2.selectedIndex = 0;
}
  
function switch_text()

{
  window.document.form_1.textarea_1.value = text_array[window.document.form_1.select_1.selectedIndex][window.document.form_1.select_2.selectedIndex];
}

function box()

{
  if (window.document.form_1.select_2.selectedIndex == 0)
  {
    alert("Where do you think you're going?");
  } else {
    if (open_in_newwindow==1)
    window.open(url_array[window.document.form_1.select_1.selectedIndex][window.document.form_1.select_2.selectedIndex],"_blank");
    else
    window.location=url_array[window.document.form_1.select_1.selectedIndex][window.document.form_1.select_2.selectedIndex]
  }
}

function set_orig()

{
  window.document.form_1.select_1.selectedIndex = 0;
  window.document.form_1.select_2.selectedIndex = 0;
}

window.onload=set_orig

// -->
</script>

<form name="form_1" onSubmit="return false;">
  <textarea WRAP="virtual" name="textarea_1" rows=6 cols=60>Here's how you use this box: First, you select a category in the Category drop-down. Then, select a link from the Link drop-down. Then, read the description in this box, or click Go to go to the page. If you ever need to see this help again, just go back to the top option in the Category box.</textarea><br /> <!-- This should be the same as the general instructions in the above code. -->
  <select name="select_1" onChange="switch_select(); switch_text();">
    <option>-- Categories --</option>
    <option>Technology Sites</option>
    <option>News Sites</option>
    <option>Search Engines</option>
  </select>
  <select name="select_2" onChange="switch_text();">
    <option>You need to select a category</option>
    <option> </option>
    <option> </option>
  </select>
  <input type="submit" onClick="box();" value="Go!">
</form>

<p align="center">This free script provided by<br />
<a href="http://javascriptkit.com">JavaScript
Kit</a></p>