|
JavaScript - Using Arrays To Manipulate Results Of Check Boxes In A Form.
Similar TutorialsHello, I have the following DIV tag Code: <div id = "cbContainer"> </div> The div is initially hidden as the display is set to none. I have one text input in my form. Depending upon the changed text in that textbox, there is a javascript function which creates a list of checkboxes and by using the innerHTML, the above div is filled up with the check boxes like shown in the code below: Code: var chkboxes = '';
for(var r = 0; r < related.length; r++)
{
chkboxes = chkboxes +
'<div class ="versionswidth">'+
'<input type="checkbox" name="version" value = related[r] />'+ related[r] +
'</div>';
}
var div = document.getElementById("cbContainer");
div.innerHTML = chkboxes;
div display is then set as "block" which makes the div visible. The problem is that on form submission, the input of selected checkboxes is not submitting. I will be grateful for any help. Thank you. I'm trying to do this using numerical arrays for an assignment: Create a webpage with three select boxes. If basketball is selected in the first select box, the second select box should display the names Celtics, Lakers, and Bulls. If Celtics is selected from the second select box, the third select box should display the names Larry Bird, Bill Russell, and Kevin McHale. I think i have a good start but i can't seem to get the fields to automatically populate with the players. This has to be done solely with JavaScript. Any help would be greatly appreciated? <html> <head> <script type="text/javascript"> <!-- var teams = new Array() teams[1] = new Array() teams[1][0] = "Celtics" teams[1][1] = "Lakers" teams[1][2] = "Bulls" teams[2] = new Array() teams[2][0] = "Yankees" teams[2][1] = "Cardinals" teams[2][2] = "Reds" var basketball = new Array() basketball[0] = new Array() basketball[0][0] = "Larry Bird" basketball[0][1] = "Bill Russell" basketball[0][2] = "Kevin McHale" basketball[1] = new Array() basketball[1][0] = "Wilt Chamberlain" basketball[1][1] = "Jerry West" basketball[1][2] = "Magic Johnson" basketball[2] = new Array() basketball[2][0] = "Micheal Jordan" basketball[2][1] = "Scottie Pippen" basketball[2][2] = "Dennis Rodman" var baseball = new Array() baseball[0] = new Array() baseball[0][0] = "Babe Ruth" baseball[0][1] = "Joe DiMaggio" baseball[0][2] = "Mickey Mantle" baseball[1] = new Array() baseball[1][0] = "Mark McGuire" baseball[1][1] = "Ozzie Smith" baseball[1][2] = "Willie McGee" baseball[2] = new Array() baseball[2][0] = "Pete Rose" baseball[2][1] = "Johnny Bench" baseball[2][2] = "Joe Morgan" function fillTeams() { var whichIndex = document.getElementById("theSport").selectedIndex var numberOfTeams = teams[whichIndex].length for(i=0;i < numberOfTeams; i++){ document.getElementById("theTeams").options[i].text = teams[whichIndex][i] } } function fillPlayers() { var whichIndex = document.getElementById("theTeams").selectedIndex if(document.getElementById("theTeams").selectedIndex=="basketball") var numberOfPlayers = teams[teams[whichIndex]].length for(i=0;i < numberOfPlayers; i++) { document.getElementById("thePlayers").options[i].text = basketball[teams[whichIndex]][i] } else if(document.getElementById("theTeams").selectedIndex =="baseball") for(i=0;i < numberOfPlayers; i++) { document.getElementById("thePlayers").options[i].text = basketball[teams[whichIndex]][i] } } //--> </script> </head> <body> <form> <select id="theSport" onChange="fillTeams()"> <option>Choose a Sport</option> <option>Basketball</option> <option> Baseball </option> </select> <select id="theTeams" onChange="fillPlayers()"> <option>................</option> <option></option> <option></option> </select> <select id="thePlayers" size="3"> <option> ...............</option> <option></option> <option></option> </select> </form> </body> </html> function sendValues() { var str = $("#myForm").serialize(); $.ajax({ type: 'POST', url: "/trying.php?avoidcache=' + myTimestamp();", data: str, cache: false, return:false }); } $(":checkbox[name='brand[]']").click(function() { $("#myForm").submit(); }); ..Upon reload, the values are serialized.. But when the page is done loading..the chosen values (checkbox) is not checked, I need it stay checked so I can add other values via checkbox to the url. here is a live demo.. http://vbizmarketing.com/trying.php Please help. I have the following page www.crownvalleywinery.com/kiosk/default.html and I would like to add a button or checkbox to check/uncheck all. Note we are already using some javascript for custom checkboxes so it needs to integrate with that. Any help is appreciated. Here is the current javascript... Code: /*
CUSTOM FORM ELEMENTS
Created by Ryan Fait
www.ryanfait.com
The only thing you need to change in this file is the following
variables: checkboxHeight, radioHeight and selectWidth.
Replace the first two numbers with the height of the checkbox and
radio button. The actual height of both the checkbox and radio
images should be 4 times the height of these two variables. The
selectWidth value should be the width of your select list image.
You may need to adjust your images a bit if there is a slight
vertical movement during the different stages of the button
activation.
Visit http://ryanfait.com/ for more information.
*/
var checkboxHeight = "47";
var radioHeight = "25";
var selectWidth = "190";
/* No need to change anything after this */
document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }</style>');
var Custom = {
init: function() {
var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
for(a = 0; a < inputs.length; a++) {
if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
span[a] = document.createElement("span");
span[a].className = inputs[a].type;
if(inputs[a].checked == true) {
if(inputs[a].type == "checkbox") {
position = "0 -" + (checkboxHeight*2) + "px";
span[a].style.backgroundPosition = position;
} else {
position = "0 -" + (radioHeight*2) + "px";
span[a].style.backgroundPosition = position;
}
}
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
inputs[a].onchange = Custom.clear;
span[a].onmousedown = Custom.pushed;
span[a].onmouseup = Custom.check;
document.onmouseup = Custom.clear;
}
}
inputs = document.getElementsByTagName("select");
for(a = 0; a < inputs.length; a++) {
if(inputs[a].className == "styled") {
option = inputs[a].getElementsByTagName("option");
active = option[0].childNodes[0].nodeValue;
textnode = document.createTextNode(active);
for(b = 0; b < option.length; b++) {
if(option[b].selected == true) {
textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
}
}
span[a] = document.createElement("span");
span[a].className = "select";
span[a].id = "select" + inputs[a].name;
span[a].appendChild(textnode);
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
inputs[a].onchange = Custom.choose;
}
}
},
pushed: function() {
element = this.nextSibling;
if(element.checked == true && element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
} else if(element.checked == true && element.type == "radio") {
this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
} else if(element.checked != true && element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
} else {
this.style.backgroundPosition = "0 -" + radioHeight + "px";
}
},
check: function() {
element = this.nextSibling;
if(element.checked == true && element.type == "checkbox") {
this.style.backgroundPosition = "0 0";
element.checked = false;
} else {
if(element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
} else {
this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
group = this.nextSibling.name;
inputs = document.getElementsByTagName("input");
for(a = 0; a < inputs.length; a++) {
if(inputs[a].name == group && inputs[a] != this.nextSibling) {
inputs[a].previousSibling.style.backgroundPosition = "0 0";
}
}
}
element.checked = true;
}
},
clear: function() {
inputs = document.getElementsByTagName("input");
for(var b = 0; b < inputs.length; b++) {
if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 0";
} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 0";
}
}
},
choose: function() {
option = this.getElementsByTagName("option");
for(d = 0; d < option.length; d++) {
if(option[d].selected == true) {
document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
}
}
}
}
window.onload = Custom.init;
I have 3 check boxes and one submit button when the submit button is hit I need it to direct to one of 3 pages depending on which check box is checked. can anyone help with this Thanks! Hi all, I have three arrays and what I would like to do is to check the present year to see in which array it could be found. If in the cycleA array then we would have document.write("Cycle A"); If in cycleB, then document.write("Cycle B"); etc. If it was just one array then an IF statement within a FOR loop would work, but I'm thinking there could be a more compact way of checking three different arrays instead of having three different FOR and IFs. Any help would be appreciated. George Code: <script>
var cycleA = new Array("2011","2014","2017","2020","@023","2026","2029","2032","2035","2038","2041","2044","2047","2050","2053","2056","2059","2062","2065","2068","2071","2074","2077","2080","2083","2086","2089","2092","2095","2098");
var cycleB = new Array("2012","2015","2018","2021","2024","2027","2030","2033","2036","2039","2042","2045","2048","2051","2054","2057","2060","2063","2066","2069","2072","2075","2078","2081","2084","2087","2090","2093","2096","2099");
var cycleC = new Array("2013","2016","2019","2022","2025","2028","2031","2034","2037","2040","2043","2046","2049","2052","2055","2058","2061","2064","2067","2070","2073","2076","2079","2082","2085","2088","2091","2094","2097","2100");
var gpl = new Date();
var whatyear = gpl.getFullYear();
if(whatyear%2 == 0)document.write("Year II");
else document.write("Year I");
</script>
Hi Guys, This is my first post, apologies in advance. I'm new to javascript and working on a form, for some reason the checkboxes work fine in Google Chrome but ar enot working corectly when using IE. Can anyone put me out of my misery? I've attached the code below Thanks in advance Code: //The Javascript
// Functional Code - NO NEED to Change
function f40_Disable(f40_par,f40_obj,f40_state){
if (f40_par){f40_clds=f40_AllElements(document.getElementById(f40_par)); }
else { f40_clds=f40_AllElements(f40_obj.parentNode); }
if (!f40_obj.ary){
f40_obj.ary=new Array();
for (f40_0=0;f40_0<f40_clds.length;f40_0++){
if (f40_clds[f40_0].tagName=='INPUT'||f40_clds[f40_0].tagName=='SELECT'||f40_clds[f40_0].tagName=='TEXTAREA'){
f40_obj.ary[f40_obj.ary.length]=f40_clds[f40_0];
}
}
}
for (f40_1=0;f40_1<f40_obj.ary.length;f40_1++){
f40_obj.ary[f40_1].removeAttribute('disabled');
}
if (f40_obj.checked==f40_state){
for (f40_2=0;f40_2<f40_obj.ary.length;f40_2++){
f40_obj.ary[f40_2].setAttribute('disabled','disabled');
}
}
f40_obj.removeAttribute('disabled');
}
function f40_AllElements(f40_){
if (f40_.all){ return f40_.all; }
return f40_.getElementsByTagName('*');
}
Code: <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[0]' value='BW' onclick="f40_Disable(null,this,false);">BW <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipFirst"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[1]' value='Advantage' onclick="f40_Disable(null,this,false);">Advantage <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipLast"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[2]' value='MS' onclick="f40_Disable(null,this,false);">MS <input type="text" size="15" disabled="disabled" name="ShipEmail"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[3]' value='MOC' onclick="f40_Disable(null,this,false);">MOC <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipCompany"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[4]' value='Lk' onclick="f40_Disable(null,this,false);">Lk <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipAddress1"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[5]' value='CM' onclick="f40_Disable(null,this,false);">CM <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipAddress2"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[6]' value='Ga' onclick="f40_Disable(null,this,false);">Ga <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipCity"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[7]' value='Ol' onclick="f40_Disable(null,this,false);">Ol <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipZip"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[8]' value='Iy' onclick="f40_Disable(null,this,false);">Iy <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipZip1"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[9]' value='TPA' onclick="f40_Disable(null,this,false);">TA <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipZip2"> <p><LABEL ACCESSKEY=''><input type='checkbox' name='apps' id='apps[10]' value='CT' onclick="f40_Disable(null,this,false);">CT <input type="text" size="15" maxlength="30" disabled="disabled" name="ShipZip3"> I havent included the whole script as it's quite long, I'm assuming the problem is somewhere within this section. Thanks. Hello, I have 2 things I'm trying to figure out. 1. First form on the page has questions with radio buttons. Each radio's value is a number so a score is assessed at the end. 2. Second form on the page is an email the admin form, which duplicates the score in one field. Question: I would like to know how to write the form results to a text area in second form. However, I can't do this for one, and secondly, the value is a number, can I use labels? Here's the code I've 'made up' so far... JS (i know it's wrong) Code: <script LANGUAGE="JavaScript" type="text/javascript">
function display() {
message = "<ul><li><b>Question 1: </b>" + document.quizform.Q1.label;
message = "<li><b>Question 2: </b>" + document.quizform.Q2.label;
message = "<li><b>Question 3: </b>" + document.quizform.Q3.label;
message = "<li><b>Question 4: </b>" + document.quizform.Q4.label;
message = "<li><b>Question 5: </b>" + document.quizform.Q5.label;
message = "<li><b>Question 6: </b>" + document.quizform.Q6.label + "</ul>";
document.write(message);
}
</script>
Form field example: Code: Question 1:<BR> <label for="Yes"><input type="radio" name="Q1" value="0" checked></label>Yes<br> <label for="No"><input type="radio" name="Q1" value="10"></label>No<br> <label for="I don't know"><input type="radio" name="Q1" value="10"></label>I don't know<br> Hi I have problem to manipulate my form with array. I want to copy my input from one input to other input but it didnt work. i did explore the usage of document.myForm.feed[3].value but it gave me error. Pleaseee help? Thanks script sample: <form name=myForm> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> </form> <SCRIPT> function duplicate(info) { //this function should copy 'info' to copier input //with the same element location //eg: feed[3] will copy to copier[3], feed[5] will copy to copier[5] //(can be any element insert by user) // the task would be: // 1. to get which element number has been inserted // 2. to get the origin text value // 3. to write the same element position for copier } function sendback(info) { //this function should copy 'info' to feed input //with the same element location //copier[2] will copy to feed[2], copier[3] will copy to feed[3] //(can be any element insert by user) } </SCRIPT> I'm using onchange display to hide/show form elements depending on the value of a select box. It works perfectly well (I actually really adore it) for one select box, but I have another select box which I'd like to act similarly. Code: <head>
<script type="text/javascript">
// <![CDATA[
function display(obj,id1,id2,id3,id4) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
document.getElementById(id3).style.display = 'none';
document.getElementById(id4).style.display = 'none';
if ( txt.match(id1) ) {
document.getElementById(id1).style.display = 'block';
}
if ( txt.match(id2) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id3) ) {
document.getElementById(id3).style.display = 'block';
}
if ( txt.match(id4) ) {
document.getElementById(id4).style.display = 'block';
}
}
// ]]>
</script>
</head><body>
<form action="#">
<select name="Stype" onchange="display(this,'oneshot','outtake','multi','chapter');">
<option>Please select:</option>
<option value="oneshot">Oneshot</option>
<option value="outtake">Outtake</option>
<option value="multi">Original Multi-Chapter</option>
<option value="drabbles">Drabbles</option>
<option value="outline">Outline Preview</option>
<option value="chapter">Chapter Preview</option>
</select><BR><BR>
<div id="oneshot" style="display: none;">Some fields here</div>
<div id="outtake" style="display: none;">Some different fields here</div>
<div id="multi" style="display: none;">Some other fields here</div>
<div id="chapter" style="display: none;">Some more fields here</div>
</form>
</body>
But when I go to add a second select (obj,id1,id2,id3,id4,id5,id6) with new "ifs" and id's, etc and so forth, neither work. Code: <head>
<script type="text/javascript">
// <![CDATA[
function display(obj,id1,id2,id3,id4,id5,id6) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
document.getElementById(id3).style.display = 'none';
document.getElementById(id4).style.display = 'none';
document.getElementById(id5).style.display = 'none';
document.getElementById(id6).style.display = 'none';
if ( txt.match(id1) ) {
document.getElementById(id1).style.display = 'block';
}
if ( txt.match(id2) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id3) ) {
document.getElementById(id3).style.display = 'block';
}
if ( txt.match(id4) ) {
document.getElementById(id4).style.display = 'block';
}
if ( txt.match(id5) ) {
document.getElementById(id5).style.display = 'block';
}
if ( txt.match(id6) ) {
document.getElementById(id6).style.display = 'block';
}
}
// ]]>
</script>
</head><body>
<form action="#">
<select name="Stype" onchange="display(this,'oneshot','outtake','multi','chapter');">
<option>Please select:</option>
<option value="oneshot">Oneshot</option>
<option value="outtake">Outtake</option>
<option value="multi">Original Multi-Chapter</option>
<option value="drabbles">Drabbles</option>
<option value="outline">Outline Preview</option>
<option value="chapter">Chapter Preview</option>
</select><BR><BR>
<div id="oneshot" style="display: none;">Some fields here</div>
<div id="outtake" style="display: none;">Some different fields here</div>
<div id="multi" style="display: none;">Some other fields here</div>
<div id="chapter" style="display: none;">Some more fields here</div> <BR><BR><BR>
<select name="Atype" onchange="display(this,'romance','adventure');">
<option>Please select:</option>
<option value="romance">Romance</option>
<option value="adventure">Adventure</option>
</select><BR><BR>
<div id="romance" style="display: none;">Some new fields here</div>
<div id="adventure" style="display: none;">Some even newer fields here</div>
</form>
</body>
Is there any way to fuse them and get a second select to work the same? Thanks in advance for the help! I would like to use a JavaScript to fill in the total based on the responses given by the user in this form stub:
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Formstub</title>
</head>
<body>
<form id="theform" id="theform" action="formstub.html" method="post">
<table width="90%" border = "1
" style="margin-left:40px; font-family: helvetica, ariel, sans-serif; font-size: 0.95em; color: #2D8AB9;">
<tr style="height:3em">
<td width="2em"><input type="checkbox" name="skipperReg" id="skipperReg" value="30" /></td>
<td width="12em">Registration Fee</td>
<td width="4em" >$<input type="text" name="skipperFee" id="skipperFee" readonly="readonly" size ="2" value="30" style="text-align:right" /></td>
<td width ="20em"> </td>
</tr>
<tr>
<td ><input type="checkbox" name="guestReg" id="guestReg" value="8" /></td>
<td>Guest Fee</td><td>$<input type="text" name="guestFee" id="guestFee" readonly="readonly" size ="2" value="8" style="text-align:right" /></td>
<td> # Guests <input type="text" name="guestQty" id="guestQty" size="2" /></td>
</tr>
<tr>
<td ><input type="checkbox" value="" name="miscAmt" id="miscAmt" /></td>
<td>Misc</td><td>$<input type="text" name="miscTotal" size ="2" style="text-align:right" /></td>
<td> List details <input type="text" name="miscDetails" size="35" /></td>
</tr>
<tr style="height:2em"><td > </td>
<td>Total</td><td>$<input type="text" id="total" name="total" size ="2" style="text-align:right" ></td>
</tr>
</table>
</form>
</body>
</html>
The script should add the skipperfee to the total if the skipperReg box is checked, multiply the guestFee by the guestQty and add that to the total if the guestReg box is checked, and add the miscTotal to the total if the miscAmt box is checked. Any suggestions on how the javascript below should be changed so it will work with checkboxes that have brackets in the name? (I'm using foreach in php, and can't seem to get the php to work/work correctly without using them.) Thanks! Code: function chktotal(j) {
var total=0;
for (var i=0; i < document.form1.ckbx.length; i++){
if(document.form1.ckbx[i].checked){
total=total+1;
}
if(total>8){
alert("Please only select 8");
document.form1.ckbx[i].checked = false;
total = total -1;
return false;
}
}
document.form1.totalval.value = total;
}
<input onclick="chktotal(2)" value ="Sample Item 1" type="checkbox" name="ckbx[]">
Hey peeps, I'm trying to use wget to access this website that uses javascript. The website is from my work. Basically I made a program that parses information from our payment page. It tells me how much I am being paid for the month. Anywho, the variables on the page are in javascript, and thats one language I'm not proficient at. I need to change the month that it gets the pay for. The default is the current month. But it can be changed to last month, and from the code I can tell that something has to be changed from "THIS_MONTH" to "LAST_MONTH", but I'm not sure how to properly do it. Posted below is the source code from the website. Please let me know how I can change that without actually having to click the button to change the scope to last month. And also, is there any way to change this in the post method, or any other method that wget uses? I only included the parts I thought could be relevant. Thanks guys! BTW, I think it pertains with g_FiltersMenuStr Code:
<title>SupportSpace - Tech Support for Computers, Printer, Security, Gadgets...</title>
<meta name = "description" content = "get immediate tech support for your PC / Computer, Printers, Outlook / Email Setup, Wireless, Networking, Anti-Virus & Security, Spyware, XP, Vista, I-Pod, MP3 Player Setup, Zune, Printer Setup, Backup Services for your Documents & Many other online live support"/>
<meta name = "keywords" content = "online live tech support PC Computer Printers Outlook Email Setup Wireless Networking AntiVirus Security Spyware XP Vista IPod MP3 Player Zune Printer Setup Backup Services hardware software help chat"/>
<meta name = "language" content = "English"/>
<link REL="SHORTCUT ICON" HREF="/support/images//icons/shortcut_icon.ico"/>
<script type="text/javascript">if(!JAWR){var JAWR = {};};;JAWR.jawr_dwr_path='/support/dwr';JAWR.dwr_scriptSessionId='CCA333F742C70F495236AA2C97D653D2';JAWR.app_context_path='/support';</script>
<link rel="stylesheet" type="text/css" media="screen" href="/support/styles/31289092/bundles/common_connection.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/support/styles/1893248551/bundles/sessionHistory.css" />
</head>
<script type="text/javascript">if(!JAWR){var JAWR = {};};;JAWR.jawr_dwr_path='/support/dwr';JAWR.dwr_scriptSessionId='BF92335E3E86FC7586F1F5BFB96E81FB';JAWR.app_context_path='/support';</script>
<script type="text/javascript" src="/support/scripts/122785183/bundles/common.js" ></script>
<body class="supportspace">
<script type="text/javascript">
var jabberConnectorSrc = "/support/extra_scripts/1.23a1.6/flashconnector/jabberConnector.swf";
if (!!(window.attachEvent && !window.opera)){
document.write('\
<OBJECT id="jabberConnector" dontRewriteMe=true codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="1" width="1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">\
<PARAM value="'+jabberConnectorSrc+'" name="Src" />\
</OBJECT>');
}
else{
document.write('<embed swliveconnect="true" name="jabberConnector" id="jabberConnector" src="'+jabberConnectorSrc+'" quality=low height="1" width="1" type="application/x-shockwave-flash"></embed>');
}
</script>
<!--[if lt IE 7]>
<style>
#dSSLogo{position:relative}
</style>
<![endif]-->
<div id="dHeader">
<div id="dHeader_1" class="center s2DarkGray">
<div id="dSSLogo" onclick="document.location = 'http://www.supportspace.com/support/'"></div>
<div class="rightLinks">
<div id="dHeaderLinks" style='display:none;' class='invisible'>
<div class="dHeaderLink"><a class="mainlevel-trans" href="javascript:void(0);" id="dSigninMenu">Sign In</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="https://www.supportspace.com/support/affiliates.s2?aiu=UserRegistration" id="headerSecondMenu">Register</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="http://corporate.supportspace.com/about_us">About Us</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="http://www.supportspace.com/support/faq.s2" id="menuHelp">Help</a></div>
</div>
<div id="dHeaderLinksAfterLogin" class='visible'>
<div id="dHeaderMailNotification">
<a id="nomailNotification" class="s2LightGray nounderline" href="http://www.supportspace.com/support/inbox.s2">(<span class="nbNewOfflineMessagesHeader">0</span>) <img src="/support/images/offline_messages/message_icon_grey_16x14.gif" alt="" title="" width="16" height="14" align="absmiddle" border="0"/></a>
<a id="mailNotification" style="display:none" class="s2Blue nounderline" href="http://www.supportspace.com/support/inbox.s2">(<span class="nbNewOfflineMessagesHeader">0</span>) <img src="/support/images/offline_messages/message_icon_blue_16x14.gif" alt="" title="" width="16" height="14" align="absmiddle" border="0"/></a>
</div>
<div id="dHeaderWelcome" class="dHeaderWelcome">Hello </div>
<div style="float:left;">
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td width="5">|</td>
<td>
<a id="dMySpaceMenu" class="mainlevel-trans" href="#">My Account</a>
<ul id="dMySpaceMenuContent" class="menu" style="display:none;"></ul>
</td>
<td width="5">|</td>
<td><a id="dSignOut" class="mainlevel-trans" href="http://www.supportspace.com/support/j_spring_security_logout">Sign Out</a></td>
<td width="5">|</td>
<td><a class="mainlevel-trans" href="http://corporate.supportspace.com/about_us">About Us</a></td>
<td width="5">|</td>
<td><a id="menuHelpAfter" class="mainlevel-trans" href="http://www.supportspace.com/support/faq.s2">Help</a></td>
</tr>
</table>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<div id="dHeader_2" class="center">
<div id="dHeaderMenus">
<div>
<a href="http://www.supportspace.com/support/" onclick="this.blur()" title="SupportSpace homepage" tabindex="1" id="menuHome">
<img src="/support/images/header/home_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
<div>
<a href="http://www.supportspace.com/support/expert" onclick="this.blur()" id="menuExperts" title="Search for online experts">
<img src="/support/images/header/experts_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
<div>
<a href="http://www.supportspace.com/support/services" onclick="this.blur()" id="menuPackages" title="Search for featured support services">
<img src="/support/images/header/services_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
</div>
<div id="dSearchBox">
<div id="dSearchBoxQuery">
<input type="text" id="searchBoxQuery" style="color:#7C7C7C" name="searchBoxQuery" value="Search" onkeypress="submitEnter(this,event,runExternalSearch)">
</div>
<div id="dSearchBoxGo">
<img id="dSearchBoxGoBtn" width="22" height="22" border="0" alt="Search"
src="/support/images/header/search_icon_regular_22x22.gif"
onmouseout="this.src='/support/images/header/search_icon_regular_22x22.gif'"
onmouseup="this.src='/support/images/header/search_icon_regular_22x22.gif'"
onmouseover="this.src='/support/images/header/search_icon_mouse_over_22x22.gif'"
onmousedown="this.src='/support/images/header/search_icon_pressed_22x22.gif'"
/>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="dTemplateBody" class="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="leftPanel" >
<div >
<div class="getHelp box">
<div class="title"><img src="/support/images/header/menu_get_help.gif" width="170" height="27" alt="Get help on products"></div>
<div class="s2Gray productList content">
<ul>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Virus_-_Spyware" title="Virus - Spyware">Virus - Spyware</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Printers" title="Printers">Printers</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/PC_Support" title="PC Support">PC Support</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Windows" title="Windows">Windows</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Security" title="Security">Security</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Backup" title="Backup">Backup</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/PC_to_PC_Transfer" title="PC to PC Transfer">PC to PC Transfer</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Wireless_Network" title="Wireless Network">Wireless Network</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Email_and_Internet" title="Email and Internet">Email and Internet</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Browsers" title="Browsers">Browsers</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/iPod_and_MP3" title="iPod and MP3">iPod and MP3</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Camera_-_Photo" title="Camera - Photo">Camera - Photo</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Mobile_Phones" title="Mobile Phones">Mobile Phones</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Green_PC" title="Green PC">Green PC</a></li>
</ul>
</div>
</div>
<div class="box howdoesitwork s2Gray">
<div class="title">
<img src="/support/images/left_pannel/menu_how_it_works_170x43.gif" width="170" height="43" alt=" ">
</div>
<div class="steps">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/support/images/left_pannel/3_steps_1_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">1.Choose</span><br/>
a service or an online expert.</p>
</td>
</tr>
<tr height="5"></tr>
<tr>
<td><img src="/support/images/left_pannel/3_steps_2_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">2.Connect</span><br/>
to the expert and watch your problem being solved.</p>
</td>
</tr>
<tr height="5"></tr>
<tr>
<td><img src="/support/images/left_pannel/3_steps_3_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">3.Done</span><br/>
Relax and rate your experience.</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
<td class="panelSpacer" > </td>
<td class="rightPanel" >
<div id="dBodyPage" class="bodyPage" >
<script type="text/javascript" src="/support/scripts/N1461701270/bundles/session_history.js" ></script>
<script type="text/javascript">
var gExternalParameterType = "";
var gSupportSessionId = "";
var gIsSupporter = true;
var gError = false;
var gExternalSessionFatalError = true;
var gDefaultFilterList = {};
gDefaultFilterList['SESSION_DATE'] = "";
gDefaultFilterList['SESSION_STATUS'] = "";
gDefaultFilterList['SESSION_TYPE'] = "";
gDefaultFilterList['SUPPORT_SESSION'] = "";
gDefaultFilterList["SESSION_DATE"] = "THIS_MONTH";
gDefaultFilterList["SESSION_TYPE"] = "PAID";
var gSHistoryStrings = {
error_feedback_add:"You cannot add feedback to this session.",
error_feedback_fatal:"Required session is not availible. You cannot add feedback.",
error_session_report_add:"You cannot edit the solution report for this session.",
error_session_report_fatal:"Required session is not available. You cannot edit the solution report."
}
var g_FiltersMenuStr = {
"SESSION_DATE":"Date",
"SESSION_DATE.TODAY":"Today",
"SESSION_DATE.YESTERDAY":"Yesterday",
"SESSION_DATE.THIS_WEEK":"This week",
"SESSION_DATE.LAST_WEEK":"Last week",
"SESSION_DATE.THIS_MONTH":"This Month",
"SESSION_DATE.LAST_MONTH":"Last month",
"SESSION_DATE.LAST_6_MONTH":"Last 6 months",
"SESSION_DATE.THIS_YEAR":"This year (2011)",
"SESSION_DATE.LAST_YEAR_AND_EARLIER":"Earlier than (2011)",
"SESSION_STATUS":"Status",
"SESSION_STATUS.UNRESOLVED":"Unresolved",
"SESSION_STATUS.ENDED_BEFORE_PAYMENT":"Ended before payment",
"SESSION_STATUS.FORWARDED":"Forwarded",
"SESSION_STATUS.DISPATCHED":"Dispatched",
"SESSION_STATUS.RESOLVED":"Resolved",
"SESSION_STATUS.UNCOMPLETED":"Uncompleted",
"SESSION_STATUS.IN_PROGRESS":"In progress",
"SESSION_STATUS.LEFT_OPEN":"Left Open",
"SESSION_TYPE":"Type",
"SESSION_TYPE.PAID":"Paid",
"SESSION_TYPE.FREE_COUPON":"Free (Coupon)",
"SESSION_TYPE.FREE_EXPERT":"Free (Expert)",
"SUPPORT_SESSION":"Current Support Session",
"DEFAULT_FILTER_MENU":"Back to default",
"NO_FILTERS_MENU":"Clear all filters",
"NO_FILTERS_NOTE":"No filters (All sessions)"
};
var gSessionFeedbackHistoryUrl = "/support/sessionFeedbackHistory.s2";
var gSessionHistory = "/support/sessionHistory.s2";
var gSessionHistoryUrls = {
filter_empty:"http://images.supportspace.com/support/images/common/empty.gif",
filter_X:"http://images.supportspace.com/support/images/session_history/filter_X_mark.gif",
filter_V:"http://images.supportspace.com/support/images/session_history/filter_V_select.gif",
filter_arrow_white:"http://images.supportspace.com/support/images/session_history/filter_arrow_white.gif",
filter_arrow_grey:"http://images.supportspace.com/support/images/session_history/filter_arrow_grey.gif"
}
var g_experts;
</script>
<div id="dSHistoryPage">
<div class="dSmallPreloaderContainer"><div id="dSmallPreloader" style="display:none;"><img src="http://images.supportspace.com/support/images//common/preloader_16x16.gif" alt=""></div></div>
<h1 style="float:left">Session History</h1>
<div class="clearboth"></div>
<div id="dSHistoryContent">
<div id="dListBar" class="listBar">
<div id="dFiltersMenuButton">Filtered by: <img src="/support/images/session_history/filter_arrow_down.gif" alt=""/></div>
<div id="dFiltersSelected"></div>
<div class="displayedCounter">Displaying: 38</div>
</div>
<div id="dFiltersMenuContent"><div id="dFiltersMenuDivToReplace"></div></div>
<div class="clearboth"></div>
<div id="dSHistoryResults">
<script type="text/javascript">
var gSelectedFilters = {};
gSelectedFilters['SESSION_DATE'] = "";
gSelectedFilters['SESSION_STATUS'] = "";
gSelectedFilters['SESSION_TYPE'] = "";
gSelectedFilters['SUPPORT_SESSION'] = "";
gSelectedFilters["SESSION_DATE"] = "THIS_MONTH";
gSelectedFilters["SESSION_TYPE"] = "PAID";
(function(){
var dDisplayedCounter = $("dListBar") ? $("dListBar").down(".displayedCounter") : null;
if(dDisplayedCounter){
dDisplayedCounter.update("Displaying: 38");
}
}).defer();
var gSolutionReport;
</script>
<div class="dThreads">
<div id="dSessionHistoryError" style="display:none;"></div>
<script type="text/javascript">
if (typeof(window.g_experts) == "undefined" || !window.g_experts){
window.g_experts = [];
window.gIsAnExpertIsOnline = false;
}
g_experts.push({
id:193037,
supporterDynamicDetails:{
online4Customer:{
customer:{
id:""
},
customerCookie:""
},
supporterDisplayPresenceStatusForExpectedCustoemr:"online",
supporterDisplayPresenceStatus:"online"
},
displayUserName:"",
jabberUsername:"23a9ea173c4a7923ef41c9d6afa208d36ea1900f",
photoUri:"193037_1273126504113.gif"
});
</script>
Thanks again for answering my questions perfectly previously, this next one really tested my minimal coding knowledge, and bested me. Basically, what I need done is this: This is a form [This is a text Box] [This is a submit button] Users on my website will enter a URL into the text box and press submit. Upon pressing submit it will redirect them to a webpage based on what they inserted into the textbox, sounds easy. But this is where it gets complicated. I need to take out certain parts of the URL they entered and place them inside of another URL. Here is an example www.google.com/images/picture/Download77_75.html I need to take the words in BOLD and Itallics and insert them specifically into another URL. which they will be redirected to after pressing submit. so now redirect to www.Mywebsite.com/Download77-with/GIF/images Basically I have the original string, which like above would be www.Mywebsite.com/Italicized string-with/GIF/Bolded String The original redirect link would stay the same. And taking from what you entered into the form, it would take out the specific bits and add them into the specific bits into another URL and redirect to that URL. Please note that I believe this is only possible becuase the amount of characters between the strings will ALWAYS be the same based on the content that my users are putting into the submit box. I.E the string in the Italicized string will always be 10 characters long, and everything in the Bolded String will always be 8 characters long (Not really, just an example). So maybe the script could tell it to count characters and take out characters from characters 8-15 and characters 19-36 then place them in the specific spots and then redirect them to that compiled link. Thanks for ALL the help! This one really boggled my mind. I could not think of anything that would help. This forum has come out to be my BEST resource %100 of the time. If you could help me with this. I will be AMAZED. Thanks in advance! PS: It doesen't have to be in any particular code language, But I do prefer HTML and Javascript. Hi all, I have a newbie question. I have just started working with javascript and would appreciate some guidance. I have a webpage and there are products for sale on it(this is not live it is merely being used as practice project). Beside each product is a description a price and an 'add to cart' button. My cart is simply a div with an id of 'cart' and it has a text box within it. I need the product name to be displayed within the div (this, I have working), I also need to display the product price in the text box once the button(add to cart ) for that particular product has been pressed. Also when the button for another product is pressed, I want the cost/value for that product to be added to the other value and displayed in the text box in the cart div... I apologise for rambling on but this is the best way of me explaining my needs.... Here's where i am right now.. The HTML snippet Code: <div id ="cart">
<p><img src="images/shopping-cart.png" alt ="cart"/>Your Cart</p>
<div id="sum"><!--(this is the div where the total goes)-->
<input type="text" id="total" value="0" /><p>€ Your Total <input type="reset" value = "reset" /></p>
</div>
</div>
<h2 id ="black">Blackcurrent<br /></h2>
<p>€ 12.00 <input type = "submit" value ="add to cart" onClick = "shoppingCart('Blackcurrent',12)" /></p>
And the javascript: Code: alert ("working");
function shoppingCart (itemName,itemValue)
{
/* var thePrice = Number(itemValue);
return thePrice;*/
document.getElementById ("cart").innerHTML += itemName + "<br/>";
document.getElementById('total').value = Number(document.getElementById('total').value) + itemValue;
}
I hope i have posted correctly and am aware that i have only posted a segment of the HTML.. Please let me know if you need any more code or info.. Thanks a lot in advance for any help... Hello. I need to manipulate with a upper and lower case on STRINGS For example I have string: Code: LALA_KAKA_mama_WIWI I need to conwert it to Code: Lala_kaka_mama_wiwi with first letter upper case. Is it one simple way to do it with JS script/code? Best Regards Fixed.
|
|||||||