jscript

Learning JavaScript

String methods

Misc links:

Migrate apps from Internet Explorer to Mozilla

http://www.webdeveloper.com/javascript/javascript_js_tutorial_part3.html

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_document.asp

http://www.pageresource.com/jscript/jframe2.htm http://www.quirksmode.org/js/frameintro.html


 document.getElementById('calendar').getElementsByTagName('td') 
  document.forms.formName.elements.elementName     

 document.forms.pes.inputs.eta_min="50"

            alert('myfield exists');

http://www.activewidgets.com/javascript.forum.1717.0/how-to-refresh-the-grid.html

window.opener.obj.refresh();

http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Objects_and_Properties


 function validate(obj, lowval, hival) {
    if ((obj.value < lowval) || (obj.value > hival))
       alert("Invalid Value!")
 }

 <INPUT TYPE="text" NAME="age" SIZE=3
    onChange="validate(this, 18, 99)">





 <FORM NAME="myForm">
 Form name:<INPUT TYPE="text" NAME="text1" VALUE="Beluga">
 <P>
 <INPUT NAME="button1" TYPE="button" VALUE="Show Form Name"
    onClick="this.form.text1.value=this.form.name">
 </FORM>



js> var d = Date.prototype;
js> d.__defineGetter__("year", function() { return this.getFullYear(); });
js> d.__defineSetter__("year", function(y) { this.setFullYear(y); });

http://www.irt.org/script/711.htm

for (i=0;i

if (document.forms[0].radios[i].checked) { user_input = document.forms[0].radios[i].value; } }

document.forms[0].radios[i].checked = true;

http://www.quirksmode.org/js/forms.html

http://developer.mozilla.org/en/docs/

DOM

http://www.w3schools.com/htmldom/dom_obj_textarea.asp

http://developer.mozilla.org/en/docs/Gecko_DOM_Reference

Ajax

XHR vs. iframe! http://ajax.sys-con.com/read/188390.htm

http://www.sitepoint.com/article/remote-scripting-ajax ...... ??

demos from there: http://www.standards-schmandards.com/exhibits/ajax/

http://developer.mozilla.org/en/docs/AJAX:Getting_Started

http://developer.mozilla.org/en/docs/AJAX

http://developer.apple.com/internet/webcontent/xmlhttpreq.html

Note: It is essential that the data returned from the server be sent with a Content-Type set to text/xml. Content that is sent as text/plain or text/html is accepted by the instance of the

http://advajax.anakin.us/index-en.htm

http://rajshekhar.net/blog/archives/85-Rasmus-30-second-AJAX-Tutorial.html

http://www.adaptivepath.com/publications/essays/archives/000385.php

http://www.quirksmode.org/blog/archives/2005/03/ajax_promise_or.html

advanced ajax:

http://ajaxpatterns.org/

httpConnection portable IE & FF: http://www.xml.com/pub/a/2005/02/09/xml-http-request.html

Warning: (mmc) If IE has no language-preference set, it fails, with error 12150


var req;

function loadXMLDoc(url)
{
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}




function processReqChange()
{
    // only if req shows "complete"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
        } else {
            alert("There was a problem retrieving
               the XML data:\n" + req.statusText);
        }
    }
}


<?php
header('Content-Type: text/xml');

function nameInUse($q)
{
  if (isset($q)){
    switch(strtolower($q))
    {
      case  'drew' :
          return '1';
          break;
      case  'fred' :
          return '1';
          break;
      default:
          return '0';
    }
  }else{
    return '0';
  }
}
?>

<?php echo '<?xml version="1.0" encoding="UTF-8"
  standalone="yes"?>'; ?>
<response>
  <method>checkName</method>
  <result><?php
    echo nameInUse($_GET['q']) ?>
  </result>
</response>

prototype

Karetta uses it!
And also Sortable! (Fuchs)

Docs on prototype: (as image)

TIme:

http://mikewest.org

JSON

kahua can output it?

http://en.wikipedia.org/wiki/JSON

 var http_request = new XMLHttpRequest();
  var url = "http://example.net/this/is/a/fake/url/"; // This URL should give us JSON data.

  // Download the JSON data from the server.
  http_request.onreadystatechange = handle_json;
  http_request.open("GET", url, true);
  http_request.send(null);

  function handle_json() {
         if (http_request.readyState == 4) {
                 if (http_request.status == 200) {
                         var json_data = http_request.responseText;
                         var the_object = eval("("+json_data+")");
                 } else {
                         alert('There was a problem with the URL.');
                 }
                 http_request = null;
         }
  }

{"menu": {
   "id": "file",
   "value": "File",
   "popup": {
     "menuitem": [
       {"value": "New", "onclick": "CreateNewDoc()"},
       {"value": "Open", "onclick": "OpenDoc()"},
       {"value": "Close", "onclick": "CloseDoc()"}
     ]
   }
 }}

   XML:

 <menu id="file" value="File">
   <popup>
     <menuitem value="New" onclick="CreateNewDoc()" />
     <menuitem value="Open" onclick="OpenDoc()" />
     <menuitem value="Close" onclick="CloseDoc()" />
   </popup>
 </menu>

http://log4js.sourceforge.net/

http://www.backpackit.com/api/

demo for drag-n-drop: http://demo.script.aculo.us/shop

Yahoo! UI http://developer.yahoo.net/yui/

http://24ways.org/