JavaScript - Clientside Database And Return From Function

Please help, I have been looking at this all day and I know there must be a simple fix!

How do I pass results back to textService so that I can make a call such as
textResult = textService(text to pass in);

I don't want to use a global variable if I can avoid it.
This is the code

Code:

function textService(text){
	req.open("GET", "http://....?text="+text, true);
	req.onload = showResults;
	req.send(null);
}

function showResults() {
	results = req.responseXML.getElementsByTagName("Result");
}

Thank you in advance

Ok, guys. I'm new to JavaScript, so go easy. I'll be asking bunches of "dumb" questions for a while.

1st question, and the only one for now ...

Say I have the following function:

Code:

function SwapValues(SwapVal1,SwapVal2)
{
TempSwapVal=SwapVal1;
SwapVal1=SwapVal2;
SwapVal2=TempSwapVal;
}

I don't care about the return value of the function itself, but I do need the new values of SwapVal1 and SwapVal2. In ASP when I do this, the values get returned. How do I get this to work in JS?

I am trying to figure out that if the function "xmlhttp.onreadystatechange=function()" returns true the whole function "function checkUser(str)" should return true as well....so not sure how to do it. i have banged my head since long so please advise!

Here is the code below:

--------------------------------------------------------



function checkUser(str)
{
var sp = document.getElementById("msgs");

if (str=="")
{
document.getElementById("msgs").innerHTML="Username cannot be empty.";
return false;
}

if (str.length <= 6)
{
document.getElementById("msgs").innerHTML="Username cannot be less than 6 characters and must not start with a number or a special value";
return false;
}


if (window.XMLHttpRequest)
{ //code for IE7+, firefox, chrome, opera, safari
xmlhttp=new XMLHttpRequest();
}
else
{ //code for old IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if (xmlhttp.responseText === 'FOUND')
{
sp.style.color = "red";
sp.innerHTML = "[ERROR]: The username \"" + str + "\" already exist. Please try a different name.";
return false;
}

else if (xmlhttp.responseText === 'NOT FOUND')
{
sp.style.color = "blue";
sp.innerHTML = "Username: VALID";
return true;
}

}
}

xmlhttp.open("GET", "checkUser.php?q="+str,true);
xmlhttp.send();

}

Hi All,

I have a button in my html form that will process some functions when user clicks on the button. The problem is after processing the functions, the result is not displayed in the form where I want it to be displayed. I want to ask whether we can create table in the function and display the result in the table row/column but in the same form. Is this possible to be done? And how to do this?

In this form cpiM, the input button will call function showIndex.
Code:

<tr>
 <td><input type="button" value="Enter" onclick="showIndex(document.cpiM.currFrom.options.selectedIndex, document.cpiM.currTo.options.selectedIndex, document.cpiM.base.options.selectedIndex, document.cpiM.country.options.selectedIndex)">
  </td>
  <td><input type="button" onclick="frmResetM()" value="Reset form" />
  </td>
</tr>

In this function, I want to display the result of calcIndex right below the button Enter in the form cpiM.
Code:

function showIndex(frm, to, base, country)
{
     for (i=frm; i<=to; i++)
     {
          document.write(calcIndex(i, base, country));
          document.write("<br/>");
     }	  
}

Good morning Guru's and Experts,

I really need your help with this one.


It seems that the function this_week('end') is returning a bad date of 12/33/2014 (mm/dd/yyyy) where it should properly read:

01/02/2015

Code:

function this_week(x) {

    var today, todayNumber, fridayNumber, sundayNumber, monday, friday;
        today = new Date();
        todayNumber = today.getDay();
        mondayNumber = 1 - todayNumber;
        fridayNumber = 5 - todayNumber;

        if (x === 'start') {
            //var start_dd = today.getDate() + mondayNumber
            var start_dd = today.getDate()
            var start_mm = today.getMonth() + 1
            var start_yyyy = today.getFullYear()

            return start_mm + '/' + start_dd + '/' + start_yyyy
        }
        if (x === 'end') {
            var end_dd = today.getDate() + fridayNumber
            var end_mm = today.getMonth() + 1
            var end_yyyy = today.getFullYear()

            return end_mm + '/' + end_dd + '/' + end_yyyy
        }


}

Reply With Quote




12-29-2014, 07:43 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

I understand that you are trying to get the date next Friday. Try this script:-

Code:

<span id = "info"></span>

<script type = "text/javascript">
var curr = new Date(); // get current date
var first = curr.getUTCDate() - curr.getUTCDay(); // First day is the day of the month - the day of the week
var last = first + 5; // last day is the first day + 5  = Friday
var lastday = new Date(curr.setDate(last));
var yy = lastday.getUTCFullYear();
var mth = lastday.getUTCMonth()+1;
if (mth<10) {mth = "0" + mth}
var dy = lastday.getUTCDate();
if (dy<10) {dy = "0" + dy}

// now manipulate the display of year,month,date as desired
var result = mth + "/" + dy + "/" + yy;
document.getElementById("info").innerHTML = "Week Ending Friday " + result;
</script>

Lottery: A tax on people who are bad at math.

Hi All,

This is in ASP.Net

Im creating a task loggin system and this allows the user to raise tasks and update them, im using javascript for validation and if the fields are empty it then changes the fields back ground to Red which is fine but then it goes on to update the data in SQL which i dont want, any suggestions or how i can achieve no post back is the result from the function is False (for fields in error)

Html Code where im calling the function

Code:

<asp:button runat="server" id="btnChangeCommentsAuth" CSSclass="RaiseButton" OnClientClick="CommentsCheck('MainDisplayContentChange_txtAuthCommentsArea');" PostBackUrl="~/RaiseTaskChange.aspx" Text="Auth" />

Javascript function

Code:

function CommentsCheck(comments) 
{
    var com;
    var result = new boolean();
    com = document.getElementById(comments);
    if (document.getElementById(comments).value == '') {
        com.style.backgroundColor = "#B20635";
        result = 0;
    }
    else 
    {
    result = 1
    }
}

Thanks in Advance look forward to your reply.

I don't understand the logic of Break, Return False, Return True. It was never really covered in our college class, and I see everyone using it. I got an A in the class, if that 'proves' that I really tried to apply myself.

NOTE: I understand what the function is doing. I just don't understand WHEN to use break, return false or return true if the the translator can determine the conditional statements.


PHP Code:
function submitForm(){
var ageSelected = false;

for (var i=0; i<5; ++1){
if (document.forms[0].ageGroup[i].checked == true) {
ageSelected = true;
break; 
  }
}

if (ageSelected == false){
window.alert("You must select your age group");
return false;
}

else
return false;
} 




if the the translator can determine the conditional statements, why not write it like this:

PHP Code:
function submitForm(){
var ageSelected = false;

for (var i=0; i<5; ++1){
if (document.forms[0].ageGroup[i].checked == true) {
ageSelected = true;
break; // what's the point for the 'break'? Won't the rest of the code be ignored since it passed the first condition?
  }
}

if (ageSelected == false){
window.alert("You must select your age group");
return false;
}
// why not leave the last else out? is it just a 'safety' catch, in case something other than true or false is inputted?
else
return false; // what's the point?
} 




Questions:
Why use return true, if the translator knows it's ture? Why use "return false" if the translator knows it's false and the alert window has already gone up? why not use "break" to stop the code? Why use the "return false" at the end "else" statement?

Hi room,

Hey, I opened up the source code for this page in google chrome and since i'm learning javascript, i wanted see if i could "read" it and figure out what was going on. I'm am having the hardest time understanding "return false" and "return true". Could someone step me through this via interpreting this code (in bold typeface):

Code:

	var DefaultValue = 'Search';						
	function clearSearch() {
	  if (document.searchForm.q.value == DefaultValue) {
		document.searchForm.q.value = '';
	  }
	}						
	function validateSearchHeader() {
		if ( document.searchForm.q.value == '' || document.searchForm.q.value.toLocaleLowerCase() == DefaultValue.toLocaleLowerCase() ) {
			alert('Please enter at least one keyword in the Search box.');
			document.searchForm.q.focus();
			return false;
		}
	  return true;
	}

Thanks!

i have this in my javascript code but have no idea on how a returned value works/where does it return to???? what do i do/or can i do with a value that gets returned???

i am asking this so i can learn on how to use it cos i am new to all this and dont know how it works...please show/explain to me please?

thanks
here my full code:
PHP Code:
<?php use_stylesheets_for_form($form) ?>
<?php use_javascripts_for_form($form) ?>

<html>
<head>
<script type="text/JavaScript">
function refreshPage(s) 
{ 
window.location.reload(); 
if((s.options[s.selectedIndex].value) = "zed-catcher")
{
var $index = s.selectedIndex;
var $value = s.options[$index].value;
alert (s.selectedIndex); 
alert ($value);
window.location.reload(); 
[COLOR="Red"]return &value; //where does it return to ???? how/what to do with a return value???[/COLOR]
}
} 
</script>
</head>
</html>

<body> 
<form action="<?php echo url_for('adminservice/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" '?>>
<?php if (!$form->getObject()->isNew()): ?>
<input type="hidden" name="sf_method" value="put" />
<?php endif; ?>

<table >
<tfoot>
<tr>
<td colspan="2">
<?php echo $form->renderHiddenFields(false) ?>
&nbsp;<a href="<?php echo url_for('adminservice/index') ?>">Back to list</a>
<?php if (!$form->getObject()->isNew()): ?>
&nbsp;<?php echo link_to('Delete', 'adminservice/delete?id='.$form->getObject()->getId(), array('method' => 'delete', 'confirm' => 'Are you sure?')) ?>
<?php endif; ?>
<input type="submit" value="Save" />
</td>
</tr>
</tfoot>
<tbody>
<?php echo $form->renderGlobalErrors() ?>
<tr>
<th><?php echo $form['name']->renderLabel() ?></th>
<td>
<?php echo $form['name']->renderError() ?>
<?php echo $form['name']?>
</td>
</tr>

<tr>
<th><?php echo $form['logo_url']->renderLabel() ?></th>
<td>
<?php echo $form['logo_url']->renderError() ?>
<?php echo $form['logo_url'] ?>
</td>
</tr>
<tr>
<th><?php echo $form['call_center_number']->renderLabel() ?></th>
<td>
<?php echo $form['call_center_number']->renderError() ?>
<?php echo $form['call_center_number'] ?>
</td>
</tr>
<tr>
<th><?php echo $form['catcher_id']->renderLabel();
$catcher_id = $form->getObject()->getCatcherId();
$catcher = LpmCatcherPeer::getByCatcherId($catcher_id);
$catcher_name = $catcher->getName();
?></th>
<td>
<?php echo $form['catcher_id']->renderError() ?>
[COLOR="Red"]<select name="services" onchange="refreshPage(this.form.services)">[/COLOR]
<?php
$catcher_names = LpmCatcherPeer::getByAllNames();
foreach($catcher_names as $row)
{
?>
<option value="<?php echo $row->getName()."/".$row->getId();?>" <?php if($row->getName() == $catcher_name) echo ' selected="selected"'; ?> ><?php echo $row->getName();?></option> 
<?php
}

[COLOR="Red"]if ($row->getName() == "zed-catcher") //just thought with the return in my java script i can pass the newley selected value back to here and if it meets the if i echo these lines??
{
echo $form['service_code']->renderLabel(); 
echo $form['service_code']->renderError(); 
echo $form['service_code'];
} [/COLOR]
?>
</select> 
</td> 
</tr>
<tr>
<th><?php echo $form['price_description']->renderLabel() ?></th>
<td>
<?php echo $form['price_description']->renderError() ?>
<?php echo $form['price_description'] ?>
</td>
</tr>
</tbody>
</table>
</form>
</body>

thanks!

i'm trying to get some information with this code from my database:

Code:

function getTableSize(tableName){
    db.transaction
    (
        function(tx)
        {
            tx.executeSql
            ('SELECT * FROM '+ tableName,[] , function(tx, r)
                                                      {
                                                          return r.rows.length;
                                                      }
            );    
        }
    );
}

but it doesnt work and i cant figure why
what i want is that this function return the table size to one variable in another function...something like:

Code:

var groupTableSize = getTableSize('groups');

Hello, How can this be made to return confirmation?
<form id="score_form" method="post" action="addscore.php"><input id="score" name="score" value="" type="hidden"><img id="collect" style="cursorointer;height: 37px; width: 100px; margin-top: 13px;" src="./collectlive.gif" onclick="collect_points();"></form>
Letsay the confirmation window would say"ARE YOU SURE"

i achieved to make a chain:

Code:

function getId(id) {
  id_elem = document.getElementById(id);
   return {
      color:function(e){
   id_elem.style.color = e;
}
   };
}

so this can be getId("test").color("red");

but what happens if i want to do that?

Code:

function getId(id) {
  id_elem = document.getElementById(id);
return id_elem;
   return { ????......

how can i chain if i use return in the first place?