如何在渲染PHP对象时添加Javascript对HTML的引用？

Question

We use a lot of PHP modules here to create objects that are used to build our web pages.

We have modules for:

• Anchor (ahref)
• Button
• CheckBox
• ComboBox
• DateTime
• Email
• Label
• Note
• Password
• Phone
• RadioButton
• RichTextArea
• SubmitButton
• Text (TextBox)

Each object is converted to HTML for the PHP by calling the item's render() method; however, none of the modules contain javascript.

I want to create a Contact Block module that will contain standard contact elements (name, address, city, state, phone, email, blah-blah-blah).

I have created a javascript file with my jquery syntax to validate the controls in my Contact Block , but I cannot get my tag placed in the HTML's section.

Is there still a way to get the javascript to work?

public function render() {
  $output = '<script type="text/javascript" src="/lib/js/ContactBlock.js"></script>\n';
  // other code ... $output .= '<fieldset><legend>'.$this->groupName.'</legend>\n';
  return($output);
}

UPDATE:

snipped to avoid copyright infringement

This may be too simplified, but basically it renders the HTML to the browser.

I want to add my Contact Block elements with javascript to validate fields.

The line $form = new HTMLForm('Blank Page') creates the HTML page with the tag already in it.

Is there a way for me to add my Contact Block with validating javascript if the tag has already been closed?

UPDATE 2:

snipped to avoid copyright infringement

Answer 1

Without knowing your framework to the full extent I would have to say that you probably need a PhpJsScript class:

<?php

    class PhpJsScript extends BasicHTMLEntity {

        public function __construct($url) {

            // Set element type
            $this->setElementType('script');

            // Specify behavior of element value
            $this->entity_value_as_content = true;

            // Specify default attributes
            $this->attr('type', 'text/javascript');
            $this->attr('src', $url);
        }

        public function render(){
            // Open element
            $output = "<{$this->getElementType()}{$this->renderAttributes()}";

            // Close element
            $output .= "</{$this->getElementType()}>";

            // Return rendered object
            return($output);
        }
    }

?>

So now I think you can call it with:

$script = new PhpJsScript('/lib/js/ContactBlock.js');

Answer 2

Here's how to do it.

First, create this class:

<?php

//Named this way so you can make any element tag
class PhpFreeElement extends BasicHTMLEntity {

    private $strong = false;

    public function __construct($tag_type, $element_name) {

        // Set element type
        $this->setElementType( $tag_type );

        // Specify behavior of element value
        $this->entity_value_as_content = true;

        // Specify default attributes
        if ( !empty( $name ) ) {
            $this->attr('name', $element_name);
            $this->attr('id', $element_name);
        }
    }

    public function setAttribute($name, $value)
    {
        $this->attr( $name, $value );
    }


    public function render(){

        // Open element
        $output = "<{$this->getElementType()}{$this->renderAttributes()}";

        //Add the value if any
        $output .= ">{$this->getValue()}";

        // Close element (This is not always correct. Some tags are self closing)
        $output .= "</{$this->getElementType()}>";

        // Return rendered object
        return($output);
    }
}

?>

Then you create it like this:

//Create script tag
$script = new PhpFreeElement('script', '');

//Set the script source
$script->setAttribute( "src", "/lib/js/ContactBlock.js" );