1. Go to this page and download the library: Download sy/webcomponent library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
sy / webcomponent example snippets
use Sy\Component\WebComponent;
class MyComponent extends WebComponent {
public function __construct() {
parent::__construct();
// Add CSS links
$this->addCssLink('/web/path/to/style1.css');
$this->addCssLink('/web/path/to/style2.css');
// Add CSS links with media parameter
$this->addCssLink('/web/path/to/screen_style1.css', 'screen');
$this->addCssLink('/web/path/to/screen_style2.css', 'screen');
$this->addCssLink('/web/path/to/print_style1.css' , 'print');
$this->addCssLink('/web/path/to/print_style2.css' , 'print');
// Add JS links
$this->addJsLink('/web/path/to/script1.js');
$this->addJsLink('/web/path/to/script2.js');
}
}
$myComponent = new MyComponent();
$css = $myComponent->getCssLinks();
$js = $myComponent->getJsLinks();
print_r($css);
print_r($js);
use Sy\Component\WebComponent;
class MyComponent extends WebComponent {
public function __construct() {
parent::__construct();
// Add CSS code
$this->addCssCode(file_get_contents(__DIR__) . '/style.css');
// Add JS code
$this->addJsCode(file_get_contents(__DIR__) . '/script.js');
// You can also do that but it's not very clean
$this->addJsCode('
function javaScriptTest() {
alert("Test");
}
');
}
}
use Sy\Component\WebComponent;
// Component A
class A extends WebComponent {
public function __construct() {
parent::__construct();
// Add CSS/JS links
$this->addCssLink('/web/path/to/A/style.css');
$this->addJsLink('/web/path/to/A/script.js');
// Add the component B
$this->setComponent('SOMEWHERE', new B());
}
}
// Component B
class B extends WebComponent {
public function __construct() {
parent::__construct();
// Add CSS/JS links
$this->addCssLink('/web/path/to/B/style.css');
$this->addJsLink('/web/path/to/B/script.js');
}
}
$a = new A();
$css = $a->getCssLinks();
$js = $a->getJsLinks();
print_r($css);
print_r($js);
Loading please wait ...
Before you can download the PHP files, the dependencies should be resolved. This can take some minutes. Please be patient.