JavaScript - Arto8 Javascript Framework

Hi All,
I am working on dot net framework 1.1.4322.
From my html code of aspx file i have called a javascript function like 'onlick =javascript:saveorder()'. I have two copies of same code(identical - compared wit file compare tool) on different machine. When i run my code on one of the machine i get an error ';' expected which is a Javascript error and same time i wont get this error on another machine. When i searched on line number provided from error i saw few auto generated script which i have not putted there. Can anyone help me with the error at least with the reason.

Thanks
Mishigun

Hey All,
Recently, I finished making the first version of my own JavaScript framework. Basically, I like Prototype and jQuery so I made one that has what I personally like the best about both of them. Regardless, I'm hoping someone can guide me in the right direction to finding a nice JavaScript documentation creator. Or something that can at least parse my code and get me a decent start on creating the docs. I would also love to easily stylize the pages too. Thanks everyone!

Rick

Hello JavaScripters! I was hoping you could help me with an application I'm working on using C# and the .NET Framework that incorporates Javascript. I'm trying to do something similar to to the FireBug / Firefox Inspect Element featu



I came across http://www.selectorgadget.com/ which is exactly what I'm trying to do. It's in Javascript and after looking through the source code for the past 2 hours I still don't have a clue how to incorporate it into my program...

From what I can tell it uses tokenizing and recursive analysis of DOM elements to figure out CSS selector paths: http://www.selectorgadget.com/stable/lib/dom.js.



Here is what I have so far. The javascript code highlights HTML elements such as a <table> tag and changes the border and background color.


Code:

  document.onmouseover = dohighlight;
  document.onmouseout = dohighlightoff;

  var BGCOLOR = "#444444";
  var BORDERCOLOR = "#FF0000";

// Highlight <table> in grey 
  function dohighlight()
  {
    var elem = window.event.srcElement;

    while (elem!=null && elem.tagName!="TABLE")
        elem = elem.parentElement;

    if (elem==null) return;

    if (elem.border==0)
    {
        elem.border = 1;

        // store current values in custom tag attributes
        //
        elem.oldcolor = elem.style.backgroundColor; // store backgroundcolor
        elem.style.backgroundColor = BGCOLOR; // new background color

        elem.oldbordercolor = elem.style.borderColor; // same with bordercolor
        elem.style.borderColor = BORDERCOLOR;

        var rng = document.body.createTextRange();
        rng.moveToElementText(elem);

// Make a red border around <table>
  function dohighlightoff()
  {
    var elem = window.event.srcElement;

    while (elem!=null && elem.tagName!="TABLE")
        elem = elem.parentElement;

    if (elem==null) return;

    if (elem.border==1)
    {
        elem.border = 0;

        // recover values from custom tag attribute values
        elem.style.backgroundColor = elem.oldcolor;
        elem.style.borderColor = elem.oldbordercolor;
    }
  }

Any ideas on how to incorporate the Selectorgadget into my program would be greatly appreciated!

Selectorgadget Source Code: https://github.com/iterationlabs/selectorgadget

Hello, I'm hoping someone can help me with this.

I have 3 pages that I need to put into my framework, they are products, shopping cart and billing. At the moment they work perfectly fine. Here is a live example -

http://www.cems.uwe.ac.uk/~r4-george...g/products.php

Now, I have a framework for a whole website that I need to put these pages into. (http://www.cems.uwe.ac.uk/~r4-george/wp4/index.php) The index uses a switch statement to go between pages.

Here is the index.php

PHP Code:
<?php # index.php

/* 
 *    This is the main page.
 *    This page includes the configuration file, 
 *    the templates, and any content-specific modules.
 */

// Require the configuration file before any PHP code:
require_once ('./modules/config.inc.php');

// Validate what page to show:
if (isset($_GET['p'])) {
    $p = $_GET['p'];
} elseif (isset($_POST['p'])) { // Forms
    $p = $_POST['p'];
} else {
    $p = NULL;
}

// Determine what page to display:
switch ($p) {

    case 'about':
        $page = 'about.inc.php';
        $page_title = 'About This Site Again';
        break;
        
    case 'products':
        $page = 'products.inc.php';
        $page_title = 'Products on this site';
        break;

    case 'this':
        $page = 'this.inc.php';
        $page_title = 'This is Another Page.';
        break;
    
    case 'that':
        $page = 'that.inc.php';
        $page_title = 'That is Also a Page.';
        break;
    
    case 'contact':
        $page = 'contact.inc.php';
        $page_title = 'Contact Us';
        break;
    
    case 'search':
        $page = 'search.inc.php';
        $page_title = 'Search Results';
        break;
    
    // Default is to include the main page.
    default:
        $page = 'main.inc.php';
        $page_title = 'Site Home Page';
        break;
        
} // End of main switch.

// Make sure the file exists:
if (!file_exists('./modules/' . $page)) {
    $page = 'main.inc.php';
    $page_title = 'Site Home Page';
}

// Include the header file:
include_once ('./includes/header.inc');


echo "<div id=\"content\">";

// Include the content-specific module:
// $page is determined from the above switch.
include ('./modules/' . $page);

// Include the footer file to complete the template:
include_once ('./includes/footer.inc');

?>

It uses the .inc.php files located in the modules folder to switch between pages.

Here is my products.inc.php -

PHP Code:
<?php # index.php

/* 
 *    This is the main page.
 *    This page includes the configuration file, 
 *    the templates, and any content-specific modules.
 */

// Require the configuration file before any PHP code:
require_once ('./modules/config.inc.php');

// Validate what page to show:
if (isset($_GET['p'])) {
    $p = $_GET['p'];
} elseif (isset($_POST['p'])) { // Forms
    $p = $_POST['p'];
} else {
    $p = NULL;
}

// Determine what page to display:
switch ($p) {

    case 'about':
        $page = 'about.inc.php';
        $page_title = 'About This Site Again';
        break;
        
    case 'products':
        $page = 'products.inc.php';
        $page_title = 'Products on this site';
        break;

    case 'this':
        $page = 'this.inc.php';
        $page_title = 'This is Another Page.';
        break;
    
    case 'that':
        $page = 'that.inc.php';
        $page_title = 'That is Also a Page.';
        break;
    
    case 'contact':
        $page = 'contact.inc.php';
        $page_title = 'Contact Us';
        break;
    
    case 'search':
        $page = 'search.inc.php';
        $page_title = 'Search Results';
        break;
    
    // Default is to include the main page.
    default:
        $page = 'main.inc.php';
        $page_title = 'Site Home Page';
        break;
        
} // End of main switch.

// Make sure the file exists:
if (!file_exists('./modules/' . $page)) {
    $page = 'main.inc.php';
    $page_title = 'Site Home Page';
}

// Include the header file:
include_once ('./includes/header.inc');


echo "<div id=\"content\">";

// Include the content-specific module:
// $page is determined from the above switch.
include ('./modules/' . $page);

// Include the footer file to complete the template:
include_once ('./includes/footer.inc');

?>

This is EXACTLY the same code as the working example. The products get listed correctly but the problem I have is the 'Add to Cart' button fails to work.

Live example - http://www.cems.uwe.ac.uk/~r4-george...php?p=products

Everything is in the right directory. When I inspect the 'Add to Cart' button in chrome I get the following -

Quote:
Uncaught TypeError: Cannot set property 'value' of undefined
addtocartindex.php:51
(anonymous function)index.php:83
onclick
Any help is really appreciated, I'm struggling to see what I have done wrong. I don't know whether it's a Javascript problem.

If you need any of the code from other pages I can post it too.

Thanks in advance.

There are other similar topics, but this one is different. I am making an external js file and I want to use prototype.js with it. I don't want it in the html file that is referencing the .js file, I actually want to use prototype in the .js file. I'd just rather not copy the 4,000 lines of prototype if there is an easier way to do it. Sorry if I'm not being clear, but thanks for the help in advance.

Jazzo