|
JavaScript - Need Help With Js Code. Want To Assign A Variable Two Values One By One....
EDIT: goto post #7
here goes JS code: (keep an eye on codes of type: document.getElementById('footerX').innerHTML=X Code: function details()
{
var choo = document.getElementById("choo");
aa = choo.chooserver.value;
bb = choo.chooversion.value;
if(aa==1) {k=0}
else if(aa==2) {k=1}
else {k=false}
pa= domain[k].getElementsByTagName("server") ;
pb="";
pc = domain[k].getElementsByTagName("version");
pd= domain[k].getElementsByTagName("date");
pe= domain[k].getElementsByTagName("month");
pf= domain[k].getElementsByTagName("year");
ta = (bb==1)? " T4 ":(bb==2)? " T3.6 " :(bb==3)? " T2.5 " : 100 ;
versions(ta);
document.getElementById('footer1').innerHTML='one';
}
function versions()
{
for (i=0;i<=pc.length;i++)
{
a = pc[i].childNodes[0].nodeValue;
b = pa[i].childNodes[0].nodeValue;
comparedate(d,g,f);
dates(i, a);
document.getElementById('footer2').innerHTML='two';
if (a==ta)
{
addto()
document.getElementById("mc"+i).innerHTML= txt ;
document.getElementById("md"+i).innerHTML= txt2 ;
}
document.getElementById('footer3').innerHTML='tee';
}
document.getElementById('footer4').innerHTML='fou';
}
HTML: Code: <div id = "conten2"> <table id="tb1" border="1px"> </table> </div> <div id = "footer"> feet </div> <div id = "footer1"> feet1 </div> <div id = "footer2"> feet2 </div> <div id = "footer3"> feet3 </div> <div id = "footer4"> feet4 </div> <div id = "footer5"> feet5 </div> Desired Output: feet one two tee fou feet5 Output: feet feet1 two tee feet4 feet5 Area of error predicted: inside the for loop, the statement immediately after loop is not executed once loop ends, nor does it return to original function for execution of other statements which were written after the function containing the loop was called.... Similar TutorialsHi! I am quite new to the world of JavaScript as I have done basic corse for it... and I have learnt that best way to understand it is to play around with it... but now I am stuck with on of the problem!! Problem: How can we assign text box input values by user to a variable and display that variable back on another element of the same HTML document(dynamically)... Conditions: The value has to be stored as a JavaScript variable only. No server-side script is to be used and has to be done locally. Please help! I'm having problems with selecting values from array. I have a dropdown box where you choose what fruit you want to buy. When selected the array should assign 2 values to that fruit. I don't know how to do that. Here's what I have.. I added comments. Javascript part: Code: <script type="text/javascript">
function Fruits() {
var selectfruit = newArray( //assigning values to fruit selected from dropdown box
newArray("Banana", 1, 1),
newArray("Apple", 1.2, 0.5),
newArray("Mango", 1.1, 0.9),
newArray("Orange", 0.1, 9.99));
var howmanyfruits = Number(document.getElementById("howmanyfruits").value); // how many fruits are you buying
var totalfruitsowned = Number(document.getElementById("totalfruitowned").value); // How many fruits do you already have
/* cash and coupons needed to buy fruits.
cash is cpst for 1 fruit.
coupons is cost for 1 fruit
cash_all is cost for all fruits you're buying
coupons_all is cost for all fruits you're buying
each fruits requires cash AND coupons to be bought. Cash and coupons are tied to the first values in Array.
Eg. If you choose Apple that value would be 1.2
The 'fruitsmaxtobuy' variable is not tied to the first value, but the second one in array.
If you choose Apple that value would be 0.5.
*/
var cash = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 700)*10)/10;
var coupons = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 850)*10)/10;
var cash_all = Math.round((howmanyfruits * cash)*10)/10;
var coupons_all = Math.round((howmanyfruits * coupons)*10)/10;
var fruitsmaxtobuy = Math.round((totalfruitsowned * 0.12 * selectfruit)*10)/10;
/*
Display Error if nothing is entered or if you forget to enter total fruits
*/
if (((howmanyfruits=="" || howmanyfruits==null) && (totalfruitsowned=="" || totalfruitsowned==null)) || ((howmanyfruits==Number(document.getElementById("howmanyfruits").value)) && (totalfruitsowned=="" || totalfruitsowned==null)))
{document.getElementById("cash").innerHTML = "Error";
document.getElementById("coupons").innerHTML = "Error";
document.getElementById("cash_all").innerHTML = "Error";
document.getElementById("coupons_all").innerHTML = "Error";
document.getElementById("fruitsmaxtobuy").innerHTML ="Error"}
else {
document.getElementById("cash").innerHTML = cash;
document.getElementById("coupons").innerHTML = coupons;
document.getElementById("cash_all").innerHTML = cash_all;
document.getElementById("coupons_all").innerHTML = coupons_all;
document.getElementById("fruitsmaxtobuy").innerHTML =fruitsmaxtobuy}
}
</script>
HTML part: Code: <form action="" id="fruitcost">
<table align="center" width="37.5%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th colspan="2" align="center">Fruit cost calcultor</th>
</tr>
<tr>
<td>Select Fruit:</td>
<td align="center"><select id="selectfruit">
<option>Banana</option>
<option selected>Apple</option>
<option>Mango</option>
<option>Orange</option>
</select>
</td>
</tr>
<tr>
<td>Total Fruits Owned:</td>
<td align="center"><input id="totalfruitsowned" type="text" /></td>
</tr>
<tr>
<td>How many fruits are you buying:</td>
<td align="center"><input id="howmanyfruits" type="text" /></td>
</tr>
<tr>
<td>Money Needed to buy 1 fruit:</td><td><font id="cash"></font></td>
</tr>
<tr>
<td>Coupons Needed to buy 1 fruit:</td><td><font id="coupons"></font></td>
</tr>
<tr>
<td>Money Needed:</td><td><font id="cash_all"></font></td>
</tr>
<tr>
<td>Coupons Needed:</td><td><font id="coupons_all"></font></td>
</tr>
<tr>
<td>Nr. of fruits you can buy:</td><td><font id="fruitsmaxtobuy"></font></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="button" value="Submit" onclick="Fruits()" /></td>
</tr>
</tbody>
</table>
</form>
hi guys i hava gridview gvcustomers with following fields latitude,longitude,customer and i have a javascript function in my aspx page fucntion Customer() { AddCustomer(lat1,long1)--- row1 of gridview lat long AddCustomer(lat2,long2)--row2 of gridview lat long } in the above function i would like to loop through the gridview and get the latitude and longitude colmns in the function instead of hardcoding as i have been doing now...thank you i advance I have to update the rowid(assigned to checkbox) whenever the textbox value is updated and this needs updating value of document.getElementsByName('rf_select[]') when checkbox value matches the textbox id. There can be mutliple number of rows each with a uniqueID (checkbox value) that matches with the textboxID onload. Code :- <td align="center"><input type='checkbox' name='rf_select[]' id='rf_select' value="rowId" CHECKED border="none"/> <td align="left"><input type='text' name='policy_no' id="rowId" size='25' value="test" onBlur=handleRowId('policy_no'); /></td> <script language="javascript"> function handleRowId(){ var arr = new Array(); var rowarr = new Array(); arr = document.getElementsByName('policy_no'); rowarr = document.getElementsByName('rf_select[]'); for(var i = 0; i < arr.length; i++) { var obj = arr.item(i); //alert(obj.id + " = " + obj.value); for(var j=0; j< rowarr.length; j++){ if(rowarr[j].value == obj.id){ document.getElementsByName('rf_select')[j].value = rowarr[j].value+"#@#"+obj.value; } } } } </script> I am having problem assigning values here - document.getElementsByName('rf_select')[j].value = rowarr[j].value+"#@#"+obj.value; Any help is appreciated. Hello, I'm Stephen Martin, an undergraduate Psychology student and researcher. Although I am a self-proclaimed tech geek, the extent of my knowledge ends abruptly at any sort of coding. I need help from anyone who is willing. The paradigm: I am currently investigating the decision making strategies in a particular population (I cannot reveal too much, lest our study be scooped by competing researchers in the field). The paradigm that we use is built through a package called MouseLabWeb (http://www.mouselabweb.org/). MLWeb basically provides an interface for researchers to create a html/php/js/css website that presents a grid (table). A small example is shown on the aforementioned website. The javascript functions allow each participant's events to be recorded, timestamped, and written to a MySQL database. This allows the researcher to know which cells the participant viewed, in what order, for how long, and ultimately to which decision the participant came. Additionally, the PHP/HTML creates the table, but the data within it is populated by the javascript. This is a blessing and a curse. Here is why. The problem: The javascript offered by MLWeb allows the cells to be randomized. This is necessary, because in such paradigms, counter-balancing is required, otherwise there would be order effects (e.g., people tend to automatically read from the upper left) that are not controlled for. So the order of the columns and rows are randomized, the data which is then placed into the html/php table. For the current study, we want the cells corresponding to particular types of information to be shaded differently. For example, we'd want cells that contain bad information to be dark, cells that contain neutral info to be grey, and cells that contain good information to be white. The problem is that setting these values (style="background-color: #XXXXX) only applies to the table as created by the PHP. It only affects the position, and does not consider the information that it is filled with. We want the information that a cell is filled with to dictate what background-color the cell is. Example of the problem (A,B,C are the different types of info, with the surrounding character implying shading) What we want: Unrandomized: [.A.] [|B|] [#C#] Randomized: [#C#] [.A.] [|B|] What the problem is: Randomized: [.C.] [|A|] [#B#] Again, thank you for reading this long post. I'm up for any suggestions! TL;DR The website uses PHP to render a table and javascript to populate it. Javascript randomizes the column and row order upon each visitation, thus randomizing the cells. How do I make javascript issue a background-color change to each cell according to the information that it is populated with. If I assign an array to another variable, any changes to the array change both variables. Is it a pointer instead of a copy? Try this: Code: <script type="text/javascript">
Arr=['a','b','c'];
Arr2=Arr;
Arr[1]='_';
alert('Array 1: '+Arr);
alert('Array 2: '+Arr2);
// Both arrays become 'a','_','c'
</script>
Why's this happen? Is it to be expected? Variables don't do this but it's happening for arrays in IE and FireFox, maybe all others. var s="attr" var i=$(s) // jQuery(elem).attr(attr,eval("elm"+attr)); jQuery(elem).$(s)(attr,eval("elm"+attr));//i tried this. how to assign a variable name in the above code(in place of s) so that i need to add an attribute to the element "elem". Can someone please tell me how I would modify the following function to get it to check if a url variable is present and if so to add it into the string variable for the url. Code: function ajaxFunction(pagenum){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
var drop_1 = document.getElementById('drop_1').value;
var model = document.getElementById('model').value;
var mileage = document.getElementById('mileage').value;
var colour = document.getElementById('colour').value;
var age = document.getElementById('age').value;
var min_price = document.getElementById('min_price').value;
var max_price = document.getElementById('max_price').value;
var min_engine_size = document.getElementById('min_engine_size').value;
var max_engine_size = document.getElementById('max_engine_size').value;
//var pics = document.getElementById('pics').value;
if (document.getElementById("pics").checked==true) {
var photos = "Yes";
}
else {
var photos = "No";
}
var keywords = document.getElementById('keywords').value;
var queryString = "?drop_1=" + drop_1 + "&model=" + model + "&mileage=" + mileage + "&colour=" + colour + "&age=" + age + "&min_price=" + min_price + "&max_price=" + max_price + "&min_engine_size=" + min_engine_size + "&max_engine_size=" + max_engine_size + "&photos=" + photos + "&keywords=" + keywords + "&page=" + pagenum;
ajaxRequest.open("GET", "filtered.php" + queryString, true);
ajaxRequest.send(null);
}
If my url is index.php?make=Apolo then I need to get this added into the var queryString part of the function so that the ajax returns the correct values. Any help would really be appreciated, I'm fairly new to js. Hello, I am new here, and I will probably break some of the forum rules on accident and I apologize ahead of time, but please go easy on me. I have a problem with a question in a Javascript class I am taking currently. The book explains how to detect the smallest values the user inputs but does not explain how to detect already declared variables that have values in them and how to detect which of these declared variables has the smallest number. For example: Code: double aA = 3.7;
double aB = 5.8;
double aC = 1.9;
double aD = 7.2;
double aMin; // this is the variable I want the program to detect and stick
// the smallest variable into.
I want the code to detect the variable containing the smallest number and it has to be able to detect negative numbers as well. I am completely lost on how to do this! Any help would be appreciated! Thank you! I am fairly new to coding HTML with Javascript. I am hitting my head onto the table because i cannot figure out how to pull the variable value out in a document.write statement. Basically, I am calling a function to give me a random number between 1-4. I use that randomNumber to attach to different .jpg, descriptions, and URL's. So far, i have only got the image to display, but unable to get the link and description to display. Basically, i am trying to diplsay random ads and links like the one at the top of this page. p.s. I know I am getting the randomNumber out of my function becasue I can call a simple document.write(randomNumber) and it works. Substitute adDesc and adURL in place of randomNumber and I also get the description and link respectively. Code: <div id="main">
<div id="ads">
<script type="text/javascript">
// generate a random integer from 1 to 4
var randomNumber = randInt(4);
// description of the random ad
var adDesc = adDescription(randomNumber);
// URL of the random ad
var adURL = adLink(randomNumber);
document.write("<a href=adURL >");
document.write('<img src="ad' + randomNumber + '.jpg" title=adDesc >');
document.write("</a>");
</script>
</div>
If you haven't guessed it, I am pretty new. Reading a book and trying to put code into action are completely different. Thanks for any help! I like to store into database with PHP values from Javascript. How to do this as I like to test local values from visitor. PHP Code: <script type="text/javascript"> document.write("Browser CodeName: " + navigator.appCodeName); document.write("<br /><br />"); document.write("Browser Name: " + navigator.appName); document.write("<br /><br />"); document.write("Browser Version: " + navigator.appVersion); document.write("<br /><br />"); document.write("Cookies Enabled: " + navigator.cookieEnabled); document.write("<br /><br />"); document.write("Platform: " + navigator.platform); document.write("<br /><br />"); document.write("User-agent header: " + navigator.userAgent); </script> Hi , I made a table that retrieves some Data from the Database also I did some calculations for this data using Javascript and It works fine , but I can't see the calculated values in the source code . That's the Problem , cause I can't print it or export it without these values. and the source code doesnt show it... so , what can I do , to view the generated values from JS in the source code ?? Thanks , I'm afraid this is a task related to my job and I need ur Help Urgently I'm using IE 6 only as a web browser and the Javascript Calculations are functions and Classes in a seperated file and I linked it to the Report page ... HI every one i want to disallow users to change a text input values . I don't want to use disabled tag of text input because of some problem . I just want to disallow users to enter or change a text input value . How can I do so ? thanks How come the below code is not woring for me? when someone comments on my facebook comments plugin I want to get an email. This is what i have Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>
<div id="fb-root"></div>
<script> window.fbAsyncInit = function() {
FB.init({
appId : '220041184732123', // App ID
channelUrl : '//http://www.corkdiscos.com/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.subscribe('comment.create', function(response){
// Here you need to do a call to some service/script/application
// to notify your administrator about new comment.
// I'll use jQuery ajax to call server-side script to illustrate the flow
$.post('mail.php', {
"action": "comment created",
"url_of_page_comment_leaved_on": response.href,
"id_of_comment_object": response.commentID
});
});
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
<div class="fb-comments" notify="true" data-href="http://www.corkdiscos.com/testimonials.html" data-num-posts="30" data-width="544"></div>
</body>
</html>
I then have this php code to send me a mail in a mail.php file PHP Code: <?php $admin_email = 'corkdjs@gmail.com'; $commentID = $_REQUEST['id_of_comment_object']; $page_href = $_REQUEST['url_of_page_comment_leaved_on']; $message = "hello"; mail($admin_email, You have a new comment", $message); ?> what could be wrong and is there anyone that knows how to fix this to make it work? I have a webpage where I have declared a variable as Code: <input type="hidden" id="Edits_OK" /> I set the value of this variable within a Javascript function to either "T" or "F". In my code-behind, I have a btnSubmit_Click() event that calls this Javascript function. In this code-behind event, I also check the value of the "Edits_OK" variable, however, the value is always "". The Javascript function will always put a value in this variable whether it's "T" or "F". I also declare the "Edits_OK" variable within the code-behind as this: Code: Private Edits_OK As New HiddenField Here is the Javascript Function. Code: function CheckEdits() {
var msg;
document.getElementById("Edits_OK").value = 'T';
if (document.getElementById("txtName").value == '') {
msg = msg + '\nName';
document.getElementById("Edits_OK").value = 'F';
}
if (document.getElementById("txtOrganization").value == '') {
msg = msg + '\nOrganization';
document.getElementById("Edits_OK").value = 'F';
}
if (document.getElementById("txtSubject").value == '') {
msg = msg + '\nSubject';
document.getElementById("Edits_OK").value = 'F';
}
if (document.getElementById("txtNote").value == '') {
msg = msg + '\nNote';
document.getElementById("Edits_OK").value = 'F';
}
if (document.getElementById("Edits_OK").value == "F") {
var msg2;
msg2 = "Please provide the following information:\n";
error_occurred = true;
alert(msg2 + msg);
}
}
Here is the code-behind Procedu Code: Private Sub btnSubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmit.Click
Try
If Edits_OK.Value = "T" Then
FormatEmail()
End If
Catch ex As Exception
lblErrMsg.Text = "btnSubmit_Click() Event - " & ex.Message
End Try
End Sub
Not sure why the value is always "". Please help! Thanks! I have the following code, where I am inputting a word and on clicking the button , i am setting the value of the text box in div class="twit" which is hidden. now I have to access the value of this hidden text box (name=q) using php.Say I want to print using php .How do I do this ? Code:
<html
<head>
<title></title>
<link rel="stylesheet" href="search.css" type="text/css" media="screen" />
<script type = "text/javascript">
function gettweet()
{
document.getElementById("src").value= document.getElementById("searchbox").value;
}
</script>
</head>
<BODY>
<form align="center">
<div id="top">
<h3>Search </h3>
<input type ="text" name="q1" id = "searchbox"\>
<input type ="button" value="ClickMe!" id = "b1" onclick="gettweet();"\>
</div>
<div id= "twit">
<input type ="text" name="q" id = "src"\>
<?php
?>
</div>
</form>
</BODY>
</HTML>
Hi, I have some javascript that I am using to get information from a SharePoint Site Options table (name and value) and I am adding this to my sharepoint sites (headers, title bar etc.). the javascript code in the heading of the document is as follows: Code: <script language="'javascript'" type="text/javascript">
//wait until client object model dependencies are loaded before executing our code
ExecuteOrDelayUntilScriptLoaded(getWebProperties, "sp.js");
var webProperties;
function getvalue(value)
{
return webProperties.get_item((value));
}
function getWebProperties()
{
var clientContext = new SP.ClientContext.get_current();
webProperties = clientContext.get_web().get_allProperties();
clientContext.load(webProperties);
clientContext.executeQueryAsync(Function.createDelegate(this, this.getWebPropertiesSucceeded),
Function.createDelegate(this, this.onQueryFailed));
}
function getWebPropertiesSucceeded() {
var allProps = webProperties.get_fieldValues();
document.getElementById('lblName').innerHTML= webProperties.get_item('ProjectName');
document.getElementById('link').innerHTML= webProperties.get_item('siteURL');
var customProp = "";
//make sure the property is there before using it.
if(webProperties.get_fieldValues().CustomSite_Version != undefined)
{
var customProp = webProperties.get_fieldValues().CustomSite_Version;
}
}
function onQueryFailed(args, sender)
{
//handle errors here
}
</script>
Could it be because I am trying to call two sets of values in a row? I have the following lines: Code: document.getElementById('lblName').innerHTML= webProperties.get_item('ProjectName');
document.getElementById('link').innerHTML= webProperties.get_item('siteURL');
and maybe it is because I am trying to get more than one set of information? now in the aspx part of the document, I want to call one of the variables in a couple of places and I am using this: Code: <div id="lblName"></div> It works great in the first instance but when I try to use it again, it doesn't show up and I don't know why. If I delete the first one, it shows up in the second location. does anyone who is a programmer see where I may be going wrong? Our SharePoint programmer quit and I am now in the frying pan so to speak. thanks all. Hello again eveyone it is the new guy with yet again asilly question. OK here goes.... ..... is it posable to have JS assign a sequental value as the ID for rows in a table. As some of you might know I have an MS Excel spread sheet with data in it that I am wanting to load into a web page. I have worked out how to get the data from Excel but I want to create a JS Function that will read the file then create a table using a template like Clone table but I will need each row entered from the Excel file to have a different ID from the prev entry and different than the next entry. Here is an example of what I'm talking about so that I am as clear as I can be. Quote: Function read () { Reads row 1 from Excel file} Function filltemplatetable (){ Take the data from Function read and placed it in a template table that I have created} Function fillmaintable() {Takes the newly created table object and inplant it in the maintable as a row} Function assignrowid () {assign the newly added row to the maintable as ID 1} Loop back to Function read () untill the last row in the Excel file is copied over to the web page. I was hopeing that the loop could creat a sequenchal numbering system that I could use later on for collaps/expand not to mention filtering but I need to make this an onload so that when I update teh Excel spreadsheet this web page will update the changes. I KNOW I KNOW I just droped a chunk on ya'll and I'm not asking for you guys to do the work for me but I am begging for some direction. I wish I had some CODE to show you guys but I don't have any that pertains to this stage in my work because i'm not even sure it is posable if it isn't then I will need to rethink my creation steps. THANKS AGIN in advance I have a randomly generated Language file that corresponds to keys, the reason Ii say randomly generated is that the letter to key values used are not standard assignments. It seems the language coding is DEC in sets of 3 values by 5 .i.e. "248 036 034 036 248" = A "036 084 084 084 120" = a (See attached : ENGLISH-1.txt) How would I assign these values to a sentence lets say: All great : 248 036 034 036 248 ll gre 036 084 084 084 120 t but convert all characters to their correspondnig sets of 5 ? This then needs to get sent to a database where it is interpreted into sets of Binary to turn on and off LEDs' ... I have never worked with Javascript or LED's before, so any help is so appreciated. hey man,i write this code , Code: <html>
<head>
<script type="text/javascript">
function Do()
{
winow.location.assign("http://www.google.com");
}
</script>
<script type="text/javascript">
function replaceDoc()
{
window.location.replace("http://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Google" onclick="Do()" />
<input type="button" value="Replace document" onclick="replaceDoc()" />
</body>
</html>
i want to see if i click Google button |
|||||||