Web Components

Web Components are a set of standards currently being produced by Google engineers as a W3C specification that allow for the creation of reusable widgets or components in web documents and web applications. The intention behind them is to bring component-based software engineering to the World Wide Web. The components model allows for encapsulation and interoperability of individual HTML elements. Support for Web Components is present in Chrome and Opera and is in Firefox (with a manual configuration change). Microsoft's Internet Explorer has not implemented any Web Components specifications yet. Web Components consist of 4 main elements: Custom Elements, Shadow DOM, HTML Imports and HTML Templates.

Share tech news, updates, or what's on your mind.

Sign up to Post

I finished a couple of basic courses dealing with javascript and PHP, though that's really nothing yet.  Going through MySQL essentials and I know understanding and using these scripts wills take time, I learn better visually or just doing it.

What confuses me at this point still is where to save PHP and MySQL.  Let me clarify.

*I create an HTML5 page save it as index,html with a link in the gead section pointing to where I save the CSS file below
*I create a CSS3 page and save it as something like main.css in a separate file in the same folder as the html

This is where I get lost

* I create a PHP page and save it in the same folder as the above two with a PHP extension and point to it in the HTML head?

* I create a database which I'm working on the course, but the PHP will point to the database from the PHP page?

I actually do get that HTML, CSS and Javascript are client side and PHP and MySQL are server side.  I'm using RepairShopr,com as my inspiration and it will take time so I'm patient with the process of crawling before I walk.

I really appreciate the time to help me get through the basics. Only so much you can learn from watching videos if you start from the wrong direction.
0
moved pages from frontpage to asp
add, edit, delete all done and working, displaying all records in web page no problem
===
I would like to add a drop down box and it would select the order ie last name, file number or town
also a text box which if something was imputed it would only list that record(s). if the text box was empty, all records would be displayed.
0
Note: Also a question here would be why doesn't the tfoot tag working as expected as well(Supposed to be placed just after /thead tag )  Instead I had to place it after /tbody tag.

This is using HTML5 standard. I am surprised I have problems with td cell spacing with percentages as well
Note when I specify 80px instead of 20% it works. Why?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>test scrolling Table with no JS needed</title>
</head>

<body>
<table style="border:1;width:350px;background-color:cyan;display:block">
<thead style="width:400px;background-color:brown;">
<tr>
	<td id="number" style="width:20%">Number</th>
	<td id="name"   style="width:80%">Name</th>
</tr>
</thead>
<tbody style="border:2;width:350px;height:105px;display:block;overflow-y:scroll;overflow-x:hidden;" >
<tr>
<td style="width:40%">0001</td>
<td style="width:80%">Joe Money</td>
</tr>
<tr>
<td style="width:20%" headers="number" >0002</td>
<td style="width:80%" headers="name" >Sally Fields</td>
</tr>
<tr>
<td style="width:20%" headers="number">0003</td>
<td style="width:80%" headers="name">Jack Money</td>
</tr>
<tr>
<td style="width:20%" headers="number">0004</td>
<td style="width:80%" headers="name">Jackie Fields</td>
</tr>
<tr>
<td style="width:20%" headers="number">0005</td>
<td style="width:80%" headers="name">Gary Seven</td>
</tr>
<tr>
<td style="width:20%" headers="number">0006</td>
<td style="width:80%" headers="name">James Kirk</td>
</tr>
<tr>
<td 

Open in new window

0
Wondering if its possible to tint a PNG image using script (or component)? If so - how?!
Example -- a white circle on a transparent background - we would want to tint the white circle to a chosen color but retain the background transparency.

Thanks!
0
I have downloaded an .swf file converted to html5 through SWIFFY.

What part of the html code provided do I need to copy and place in page?

 I would like to insert this file into an Adobe Muse page that I created. Is this possible to do in Muse?
0
Hi Experts,
I would like to achieve a text box (edit box) with rounded corners in MFC. Can someone please help me achieve the same using MFC? This is with VS 2010.

Thanks and regards,
Karrtik
0
I have a website that provides a hyperlink instead of the actual file for download. I want to encode within this link the ability to have a time expiration, and also a limited use method. I have been trying to find a code that will check the link to make sure it is using the domain on file where this hyperlink is being used. I need it to call back and disable the link of the domain name on file does not match. Is there someone who can help me write a coding snippet that will do this?
0
I already have a existing working PHP code that is a login program. This is for a Android Application. So now I want to display the data in the database (MYSQL from my backend server). I am trying to get the information form a particular table in to JSON format so that my listview will be able to show the data.

But I am trying to prepare the php for the data to be converted to JSON format and having some issues.

my List_View.php (the one that I am facing problem presently)

<?php
/** Old code
$host="XXXXX"; //replace with database hostname 
$username="XXXXX"; //replace with database username 
$password="XXXXX"; //replace with database password 
$db_name="XXXXXX"; //replace with database name
 **/

 //private $db;

    //put your code here
    // constructor
    function __construct() {
        require_once 'DB_Connect.php';
        // connecting to database
        $this->db = new DB_Connect();
        $this->db->connect();
    }

    // destructor
    function __destruct() {

    }


/**$con=mysql_connect("$host", "$username", "$password")or die("cannot connect"); 
mysql_select_db("$db_name")or die("cannot select DB");*/
//mysql_select_db("") or die ("cannot select DB");
$sql = "select  bet_id , bet_name, bet_brief, bet_description from bets"; 
$result = mysql_query($sql);
$json = array();

if(mysql_num_rows($result))
{
while($row=mysql_fetch_assoc($result))
{
    $json['bets'][]=$row;
}
}
mysql_close($con);
echo json_encode($json); 
?> 

Open in new window


DB_Connect.php

<?php
class DB_Connect {

    // constructor
    function __construct() {

    }

    // destructor
    function __destruct() {
        // $this->close();
    }

    // Connecting to database
    public function connect() {
        require_once 'include/config.php';
        // connecting to mysql
        $con = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD);
        // selecting database
        mysql_select_db(DB_DATABASE);

        // return database handler
        return $con;
    }

    // Closing database connection
    public function close() {
        mysql_close();
    }

}

?>

Open in new window


DB_functions.php (This is another php file which is used for user registration and it is using the same DB_Connect working perfectly fine with out any issues with username or acess denied.


Open in new window

0
Does anyone know what the PHP numbering convention is?

So for example 5.4.3 what do the numbers indicate? Is one of the numbers for functionality, security, major release etc?

Or does the numbers mean nothing.

Thanks.
0
I'm having trouble styling the time/date stamp. Also, now that Google Calendar has upgraded to API v.3 and has discontinued v2, are there any new jquery plugins that might do this for me? Thanks.
0
Hi,

As per my boss advice, i would like to give a blueprint on Architecture  layers.The requirements is there are 60,000 users who would using this application. There would be concurrent users, might be initially 5000 concurrent  user at the peak time. The user should able to browser the application and do the credit on it, The application would be scalable to handle request. and there are 300 GB of data on Oracle.
what I am proposing is a JSF UI, with apache server to handle multithread model, Then an application server like Jboss, and Hibernate as an persistence layer, and for scalibility Load Balancer which will replicate the sessions on the no of the servers if the load increases. The caching option of hibernate.. and also we need to make this application deployed at various location.

Is this the right approach i am taking, Please  suggest

Thanks
0
When running a web application from the root directory of the web server, everything works well. When trying to publish the web site to a virtual directory I get the HTTP Error 404.15 - Not Found.HTTP-Error-404.15.png
0
This is my first time using a RadHtmlChart and I have almost exactly what I need, but the final piece of the puzzle is eluding me. Below is what I'm trying to achieve. It's the red line I'm trying to get. Ideally I would also like the line labeled "Target", but I can live without that. I don't care how it's done. Turning the 90% line red, adding a line over the 90% line, adding another field to my SQL query if that would work, or pretty much any solution that will get me there.

Bar Chart
0
Hi,
I am trying to create a connection factory from websphere application server to connect to
websphere Messaging Queue, the queue manager is running but the following error is shown MQRC_NOT_AUTHORIZED , Iam using  websphere application server  version 7.0
and MQ version: 7.5.0.2
0
Hi,

I have a customer in Ghana who wants to pay with a Ghana Creedit card. PayPal don't support Ghana credit cards. Is there a service we could both sign up to where  she could deposit money using her Credit Card and I could keep the money or transfer it to Paypal or an irish bank account.

Many thanks.
0
Is there a good way to check a phone number is correct on a web form like a postcode lookup to find the address. We already check the digits but is there a better way?
0
I have installed Websphere 7.0 and I am trying to create a MQ server with name RBA.QM.GZ , after creation I clicked on "Test Connection"
button now the error shown is server

"connection test failed for WebSphere MQ queue manager RBA.QM.GZ. CWSJP0050E: An attempt to connect to WebSphere MQ queue manager or queue sharing group RBA.QM.GZ failed. The WebSphere MQ reason code is MQRC_Q_MGR_NOT_AVAILABLE (2059).."

I tried searching for strmqm file to start the messaging server , but this file is not present in my hard drive ,
0
I have SSRS 2008 R2 reports that run in a couple of seconds when run directly on the report server. This is acceptable. However when running thru the reportviewer in remote mode. This time doubles. Any suggestions on how I can reduce this. Running in IE vs Chrome makes no difference. This report is not terribly complex. Any pointers? Ideas? thought?
0
Hi experts,

I have a ASP.NET/VB.NET application and I need that It generate a Powerpoint presentation. It runs on a server that does not have the Office installed.

Basically, the function should create slides, fill them with some text and embed an Excel spreadsheet in a specific slide. Then, save the presentation in .PPTX format, and if possible in .PPSX format too.

Finally, as my budget is small, the suggested solution should be free or low price. Any suggestions?

Thanks in advance,

Marcelo Camarate
0
Dear All,

I want to setup a SaaS(Software as a Service) version of my ERP product. Each of the user who purchases the product can access the product using a url which will be specific for each user (For Example: http://erp.com/user1/). But there will not be a physical folder created for each user, it will be a virtual one and there will be a single copy of the program file will be there and which will be in the root directory.

I have tried with a htaccess file and here with include the code i have written, it is not generic solution it will work only for the case of 'folder1'
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^folder1/(.*)$ /$1 [QSA]
</IfModule>

The problem is when I implement the $_SERVER['SCRIPT_NAME'] returns  'http://erp.com/', instead of this i need to get 'http://erp.com/folder1/' also please suggest me a generic solution for the problem.

Thank you.
0
Dear experts,

I wish to know some concept about htaccess file.

I've tried this code but doesn't work for removing the .php extension:

Options +FollowSymlinks
RewriteEngine on

Redirect /index.html /App/views/login.php

RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule !.*\.php$ %{REQUEST_FILENAME}.php [QSA,L]

I was able to redirect but unable to strip the .php extension

Thanks.
0
Hello,

Does anyone know of a good Learn ColdFusion video tutorial that you can point me to?

Thank you,
Rad
0
I  have a simple interactive excel chart that I need to place on my website.  This chart calculates the utility cost based on water usage.  I have tried saving the file as an .html file and publishing it, but the interactive parts are not saved.  Any thoughts?  I have viewed a few sites using excel 2003 and a choice to include interactivity is part of the process.  In 2010, this is not an option.
Any help would be appreciated.
Thanks!
0
How is the httpd.conf file broken up?

By looking at examples, I cannot tell where in an httpd.conf file one section starts and another starts.  I understand that the global section is different from other sections.  The global section can be the place to have some settings.  I believe there are distinct sections.  Are these sections discrete and marked in the file?

Is a container merely everything from the beginning of a word in <> to its closing tag?  Would this be a container?
<Directory>  various info </Directory>

Open in new window

?  

Is a directive an assignment?  Do Apache directives in httpd.conf files go into containers necessarily?
0
In Wordpress, when I click the Add to Cart button I get a check mark on top of the View Cart words.
0

Web Components

Web Components are a set of standards currently being produced by Google engineers as a W3C specification that allow for the creation of reusable widgets or components in web documents and web applications. The intention behind them is to bring component-based software engineering to the World Wide Web. The components model allows for encapsulation and interoperability of individual HTML elements. Support for Web Components is present in Chrome and Opera and is in Firefox (with a manual configuration change). Microsoft's Internet Explorer has not implemented any Web Components specifications yet. Web Components consist of 4 main elements: Custom Elements, Shadow DOM, HTML Imports and HTML Templates.

Top Experts In
Web Components
<
Monthly
>