code debug, js
On a webpage, I have two list boxes with the data on display:
________________
| Group 1 |
| Group 2 |
| Group 3 | <-- id= "group"
| Group 4 |
----------------------
________________
| Sub G 1 |
| Sub G 2 | <-- id= "subgroup"
| Sub G 3 |
| Sub G 4 |
----------------------
I have groupData.js to add the followings:
1. Using the following arrays upload (replace) the data in both group and subgroup list boxes:
var groupNames = ["Group 1x", "Group 2x", "Group 3x", "Group 4x"];
var subgroupNames = ["Sub G 1x", "Sub G 2x", "Sub G 3x", "Sub G 4x"];
2. Upon a click on the list boxes to execute:
alert("You have clicked on group control"); or
alert("You have clicked on sub group control");
as applicable.
It doesn't quite perform. Could you please take a look at it. I am new to js and trying to understand it.
Thank you.
designpalette.css
userinput.html
groupData.js
________________
| Group 1 |
| Group 2 |
| Group 3 | <-- id= "group"
| Group 4 |
----------------------
________________
| Sub G 1 |
| Sub G 2 | <-- id= "subgroup"
| Sub G 3 |
| Sub G 4 |
----------------------
I have groupData.js to add the followings:
1. Using the following arrays upload (replace) the data in both group and subgroup list boxes:
var groupNames = ["Group 1x", "Group 2x", "Group 3x", "Group 4x"];
var subgroupNames = ["Sub G 1x", "Sub G 2x", "Sub G 3x", "Sub G 4x"];
2. Upon a click on the list boxes to execute:
alert("You have clicked on group control"); or
alert("You have clicked on sub group control");
as applicable.
It doesn't quite perform. Could you please take a look at it. I am new to js and trying to understand it.
Thank you.
designpalette.css
userinput.html
groupData.js
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
add it to head section of you aspx/html file as:-
The first script reference is for JQuery File....
<head>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
$.each(groupNames,function(){
$('#group').append('</option>').text(this);
});
$.each(subgroupNames ,function(){
$('#subgroup').append('</option>').text(this);
});
$('#group').click(function(){alert('group is clicked');});
$('#subgroup').click(function(){alert('subgroup is clicked');});
});
</script>
</head>The first script reference is for JQuery File....
ASKER
The first script reference is for JQuery File....
Do I need to build this file? If so what is its content?
Where do I introduce:
var groupNames = ["Group 1x", "Group 2x", "Group 3x", "Group 4x"];
var subgroupNames = ["Sub G 1x", "Sub G 2x", "Sub G 3x", "Sub G 4x"];
Do I need to build this file? If so what is its content?
Where do I introduce:
var groupNames = ["Group 1x", "Group 2x", "Group 3x", "Group 4x"];
var subgroupNames = ["Sub G 1x", "Sub G 2x", "Sub G 3x", "Sub G 4x"];
ASKER
Proculopsis,
I never have used this (your link type). It is very nice.
Mike
I never have used this (your link type). It is very nice.
Mike
ASKER
What name should I be saving this file as?
Where and how do I include this in the html file?
Thanks,
Mike