|
JavaScript - Chaining With Return
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? Similar TutorialsI am using the technique below (found on codingforumns.com to chain two select boxes. How would I go about adding a THIRD set of selects to the Array? Essentially, I wish to use this functionality for a Year, Make, and Model lookup I am writing. The current version uses AJAX and makes a round-trip to the server for each stage. I want to adapt it to pull all of the data for each product into a javascript array and then parse that array in the onchange events (essentially what this script does, but I need to add it out to an additional 1 to 2 levels (I will have a total of four levels for some products - year, make, model, and submodel). How can I modify the javascript arrays (and the code that parses them) to achieve this? Code: <html>
<head>
<title>Populate Drop Down List</title>
<script type="text/javascript">
// For: http://www.codingforums.com/showthread.php?t=152899
var SelectInformation = [
['Main 1','Sub 1-1','Sub 1-2','Sub 1-3'],
['Main 2','Sub 2-1','Sub 2-2'],
['Main 3','Sub 3-1','Sub 3-2','Sub 3-3','Sub 3-4'] // Note: no comma on last entry
];
// Above is sample format for information from a database.
function MainList(selObj) {
var selElem = document.getElementById(selObj);
var tmp = '';
selElem.options.length = 0;
// selElem.options[selElem.options.length] = new Option(tmp,tmp); // for blank display
selElem.options[selElem.options.length] = new Option('Select',tmp);
for (var i=0; i<SelectInformation.length; i++) {
tmp = SelectInformation[i][0]
selElem.options[selElem.options.length] = new Option(tmp,SelectInformation[i].join(','));
}
}
function SubList(newObj,info){
var newElem = document.getElementById(newObj);
var Arr = info.split(',');
newElem.options.length = 0;
for (var i=0; i<Arr.length; i++){
tmp = Arr[i];
//window.alert(tmp);
if (i != 0) { newElem.options[newElem.options.length] = new Option(tmp,tmp); }
}
}
function SubList2(newObj, info) {
var newElem = document.getElementById(newObj);
var Arr = info.split(',');
newElem.options.length = 0;
newElem.options.length = 0;
for (var i=0; i<Arr.length; i++){
tmp = Arr[i];
if (i !=0) { newElem.options[newElem.options.length] = new Options(tmp,tmp); }
}
window.alert(newObj + " " + info);
}
</script>
</head>
<body onload="MainList('SBox0')">
<table>
<tr>
<td>
<select id="SBox0" onchange="SubList('SBox1',this.value)">
<option value=""></option>
</select>
</td>
<td>
<select id="SBox1" onchange="SubList2('SBox2',this.value)">
<option value=""></option>
</select>
</td>
<td>
<select id="SBox2">
<option value=""></option>
</select>
</td>
</tr>
</table>
</body>
</html>
Hi, I've been playing around trying to recreate the way in which jQuery chains it's functions for it's "select" then "do" behaviour. Note: I don't want to chain functions with jQuery, I want to chain them like jQuery. So based on the jQuery code what I have so far is (doesn't work in IE): Code: var x = function(string) {
return new x.fn.init(string);
};
x.fn = x.prototype = {
message: '',
init: function(string) {
x.fn.message = string;
},
log: function() {
console.log(x.fn.message);
}
};
x.fn.init.prototype = x.fn;
var start = function() {
x('hello world').log();
};
document.addEventListener('DOMContentLoaded', start, false);
The code works but when I watch '$' in jQuery "fn" & "prototype" show up as being "jQuery()" but in my code when I watch "x": "fn" and "prototype" are both shown as objects containing "message", "init" and "log" and in both cases "init" contains "prototype" which contains my three functions again and the nesting continues seemingly infinitely... I'm clearly missing something here. What are they doing in differently in jQuery to prevent this endless nesting loop? 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'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');
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) ?> <a href="<?php echo url_for('adminservice/index') ?>">Back to list</a> <?php if (!$form->getObject()->isNew()): ?> <?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! Im working on a function where i need to return the active elements ID. the element will have class="main" id="1" onmouseover="showSub()"> Would someone be able to write me a simple function which simply puts the elements ID number in an alert box? I can figure out the rest i need from that . Thanks, Tom 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 want the output to be this way Student: Doe, John eMail: jd@email.com Course ID: COIN-O70A.01 ----------------------- Can any one pls help me with the display. If I use alert instead of return then I works. But I need to display it in the document. Code: <html>
<head>
<title>Variable - Examples 1</title>
<script type="text/javascript">
function Student(firstName, lastName, email,courseID){
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.courseID = courseID;
}
Student.prototype = {
constructor : Student,
toString : studentInfo
};
function studentInfo(){
return this.firstName + "," + this.lastName + '\n'+ this.email + '\n' + this.courseID;
}
var student = new Student("Doe", "John", "Doeohn@gmail.com","COIN 70A.01");
</script>
</head>
<body>
<script type="text/javascript">
document.writeln(student.toString());
</script>
</body>
</html>
I have a javascript that takes information from a form and recompiles that information into a readable shift report. The problem I am having is with returns in the textareas. I tried: Code: theReport = theReport.replace("
","<br>"
but that space puts the rest of the var on a different line and screws with the results. How can I replace a return with <br>? hi, i wanna get the value from javascript to php variable. here is my code, <html> <body> <select name="drop" size="10" onchange="drp_selectd_value(this)"> <option>One</option> <option>Two</option> <option>Three</option> <option>Four</option> <option>Five</option> </select> <?php echo "The PHP value".'<script>value_return();</script>'; $p='<script>y;</script>'; ?> </body> </html? <script> var x; var y=100; function drp_selectd_value(sdf) { x=sdf.value; alert("Value is : " +x); value_return(x); } function value_return(val) { alert("Second Function calling : "+val ); return val; } </script> This code does not working!!! How can i fix tis problem???I m expecting for the reply.. Thanks in advance Have a jsp page with 10 editable fields and in last Add Button.Now when user edit a field from value 10 to 20(example)and click on Add .Value will be changed and focus will return to the same field.similarly for other fields.how to to .any code sample?
hi,i don't understand about the jquery basic example the code is below PHP Code: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $('p').addClass(function(n){ return 'par_' + n; }); }); }); </script> <style type="text/css"> .par_0 { color:blue; } .par_1 { color:red; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Add classes to p elements</button> </body> </html> i want to understand about the how is work function(n){ in the function a and how work return function return 'par_' + n; thanks mate Hello Coders, I am not a coder so this is a problem to me to solve this error. I checked javascript at JSLint and it droped me a error: Code: Problem at line 29 character 17: Unreachable 'break' after 'return'. break; Problem at line 50 character 21: Unreachable 'break' after 'return'. break; and the script is: Code: <html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function keyDown(key) {
if (currentstep == "1") {
switch (key) {
case 17:
if (key1pressed == "") {
changeKeyStyle("key1", "down");
key1pressed = "1";
showobj("step2");
}
break;
case 67:
if (key2pressed == "") {
changeKeyStyle("key2", "down");
key2pressed = "1";
}
if (key1pressed == "1" && key2pressed == "1") {
step1Complete();
return false;
break;
}
break;
default:
}
} else if (currentstep == "2") {
switch (key) {
case 18:
if (key1pressed == "") {
changeKeyStyle("key1", "down");
key1pressed = "1";
showobj("step2");
}
break;
case 68:
if (key2pressed == "") {
changeKeyStyle("key2", "down");
key2pressed = "1";
if (key1pressed == "1" && key2pressed == "1") {
step2complete();
return false;
break;
}
}
break;
default:
}
}
}
</script>
</body>
</html>
Thank you for all your help, Arnas Hi, I currently have a <div> with a <p> and have an edit button that when clicked will transform it into a textarea using jQuery's .html(). I also have a cancel button which allows the user to cancel the edit and return the textarea to the previous content, any ideas how I do this? JavaScript Code: // JavaScript Document
jQuery(document).ready(function(e) {
$('#edit_p').click(function(e){
$('#cancel_p').show();
$('#greeting').html("<textarea id='txt_greeting' cols='20'>" + $('#greeting p').text() + "</textarea>");
$(this).hide();
});
$('#cancel_p').click(function(e){
$('#edit_p').show();
$(this).hide();
});
});
HTML Code: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Textarea/Button Change</title> <script type="text/javascript" src="jquery-1.7.js"></script> <script type="text/javascript" src="txt_area_jquery.js"></script> <link rel="stylesheet" type="text/css" href="txt_area_style.css" /> </head> <body> <div id="greeting"><p>Hello, today is a great day!</p></div> <input type="button" name="edit_p" id="edit_p" value="Edit" /> <input type="button" name="cancel_p" id="cancel_p" value="Cancel" /> <?php ?> </body> </html> I have the following which returns the date in the format I need it in but it does not have the leading zero's Code: var wholeDate = getTheDay();
function getTheDay(){
var d = new Date();
var year = d.getFullYear();
var numMonth = d.getMonth() + 1;
var day = d.getDate();
var whole = year + '-' + numMonth + '-' + day;
alert(whole);
return whole;
}
Would return todays date as 2012-1-5 How do I get the date returned like 2012-01-05 ? Hi Guys, I would like to add a confirmation to this: PHP Code: echo "<a href=\"delete.php?dir=$dir&file=$file\" onclick='return del(this, \"$id\")'><img src=\"images/delete.gif\" border=\"0\" /></a>"; However I seem to be struggling, severely! Any help would be greatly appreciated, especially if spelt out if alphabetti spaghetti. Kind Regards, Drew I'm troubleshooting some issues with menus closing and when I alert the return value from something like: Code: timer = setTimeout("closeMenu(id)",500);
I get 2,3,4. It seems to increment. Does that just represent how many times the timeout code has been executed? How can i return this innerHTML on complete? Code: deleteUser: function( id ) {
elm = $( 'user_' + id );
Effect.Pulsate( elm, {duration: 1, pulses: 2} );
Effect.Fade( elm, {delay: 1, duration: 0.5} );
new Ajax.Request( 'ajax', {
method: 'post',
parameters: {mode: 'deleteUser', id: id},
onComplete: function( transport ) {
innerHTML = "<div class=\"good\"></div>";
}
} );
}
the fade works but i want to return the div to say deleted successfuly. i have this line of code: Code: <a href="#" id="profilelink" name="link2" onClick="viewornot(<?php echo $freechat_id ?>)"><?php echo $freechat_list; ?></a>
//call the JS onclick and if OK was click do the message box and send button here
then i have my JS: Code: function viewornot(id)
{
var e = confirm('Do you want to view this profile?');
if (e == true)
{
window.location.href = "http://www-rainbowcode-net/apps_dev.php/profiles/showprofilepersonal?id="+id;
window.location('http://www-rainbowcode-net/apps_dev.php/profiles/showprofilepersonal?id='+id);
return true;
}
else
{
var e2 = confirm('Do you want to send a message?');
if (e2 == true)
{
//if ok was clicked send value back??
return e2;
}
}
}
on the e2 confirm: if i clicked OK how can i send a value back(so that i know OK was clicked) so that i can then produce the message box and send button and do the rest of the code to send a message??? thank you |
|||||||