Showing posts with label create website. Show all posts
Showing posts with label create website. Show all posts

Tuesday, March 01, 2011

Jquery 1.51 is released!

email post
Reactions: 

About The Code(Jquery 1.51)

The code itself is written rather cleanly in an attempt to self-document. If you've spotted some areas of code that could be improved, please feel free to discuss it on the Development mailing list. All input is gladly appreciated!
All of the code is available in two formats:

  • Compressed (which allows you to have a significantly smaller file size) and
  • Uncompressed (good for debugging and to understand what is behind the magic).
If you're interested in downloading Plugins developed by jQuery contributors, please visit the Plugins page.
jQuery is provided under the following MIT and GPL licenses.

CDN Hosted jQuery

A number of large enterprises provide hosted copies of jQuery on existing CDN networks that are available for public use. Below are links to the CDN-hosted copies of jQuery that you may hotlink to.

Download jQuery

This is the recommended version of jQuery to use for your application. The code in here should be stable and usable in all modern browsers.
The minified versions, while having a larger file size than the packed versions (note: packed version is not available in current release), are generally the best versions to use on production deployments. The packed versions require non-trivial client-side processing time to uncompress (unpack) the code whereas the minified versions do not. The packed versions of jQuery will take less time to download than the minified or uncompressed versions; however, each time the library is loaded (initially or from the browser cache) it will need to be uncompressed which will cause a non-trivial delay in the execution of any jQuery code each time it is loaded.

Current Release

Sunday, February 20, 2011

How to put a PHP Contact from in the website?

email post
Reactions: 

PHP Contact Form (Captcha) Installation Instructions

This method is recommended if you want to include the contact form on any existing PHP page of your website (say your existing contact page). The limitation of this method is that you can only display a confirmation message and not redirect to any specific thank you page you may have. If you would rather access the contact form as a separate page, skip to Method II. Compared to this method, Method II is bit easier to implement.
Open contact-config.php and edit the below 3 variables:



$to = 'youremail@email.com';
Change youremail@email.com to the email address where you wish the contact form messages to be delivered.
$subject_prefix = 'My Website Contact';
This will be the prefix that'll be attached to the subject of all contact form email messages.
$where_included = '';
You first have to select an existing PHP page on your website where you'll be displaying the contact form. This is the name of the file where you are including the contact form. If you don't have a PHP page, don't worry. You can simply rename your existing HTML page to PHP page. For example:
contact_us.html > contact_us.php
Note: The file where you are including the contact form and the rest of contact form files must be in the same directory.
So if you are including the contact form in a file called contact_us.php, then the above variable will be:
$where_included = 'contact_us.php';
Now open the file where you are going to include the contact form, in this case contact_us.php, and put the below code to the place where you want the contact form to be displayed:
<?php include "contact.php"; ?>
Then add the below code to the very top of the same file:
<?php session_start(); ?>


That's it! Upload all the files to your server. If you load contact_us.php, the contact form should be visible.
Note: The purpose of $where_included variable is to define the action attribute of the form tag:
<form action="contact_us.php#cform">
Setting this variable incorrectly will display the form but give an error on submitting.

Method II

This method is recommended if you want to access the contact form as a separate page and would like to redirect users to a separate thank you page you may have. You can use this method even if you don't want to redirect users to a separate thank you page.
1. Change:
$use_header_footer = FALSE;
to:
$use_header_footer = TRUE;
2. $thank_you_url = '';
Add the url to your thank you page to the above variable. Example:
$thank_you_url = 'http://www.yourdomain.com/thank_you.html';
3. Change:
$where_included = '';
to:
$where_included = 'contact.php';
Open contact-header.php and contact-footer.php and put your site header and footer information in them.
That's it! Upload all the files to your server. You can now access your contact form directly by visiting:
http://www.yourdomain.com/contact.php
or:
http://www.yourdomain.com/form/contact.php
depending on where you have uploaded the contact form files.

Modifying the Looks of Your Contact Form

To modify the looks of your contact form - background color, border, fonts, etc. please modify the variables under the "COSMETICS" section in contact-config.php file. All the variables are self-explanatory.

Thursday, February 17, 2011

Introduction to jQuery

email post
Reactions: 
[Introduction]

jQuery is a JavaScript, Library, therefore, the basis you have a bit of JavaScript, at least wrote some JavaScript is rather easy to use, and can read the follow-up teaching. jQuery's core programs is not packet hills the sea, anything can help you do the contrary, jQuery DOM document is mainly used in the operation, including the "Quick select elements (Element)" and "do something" quickly select the elements can once you select a single or multiple elements, then you can use these elements to be selected to make some changes, such as hide, show, and so on. In addition jQuery core program also strengthened the non-synchronous transfer (AJAX) and event (Event) of the features that make it easier to operate remote files and events.

For more see that jQuery is JavaScript to enhance the inherent deficiencies, you still need to write some code to accomplish the various functions you need, the difference is, the correct use of the jQuery can make your code more concise, more elegant The express, which can be seen in subsequent examples, more importantly, should also make you more rapid development of the function you want.

Perhaps you might want to say, in this era of Web 2.0, I need some more beautiful, brilliant Widgets to decorate my site, like Yahoo UI or functionality as those provided by ExtJS, jQuery there? In fact, the design of jQuery has taken into account issues such expansion, the current jQuery's plugin has hundreds, and you do not have to completely write their own hands, look around on the jQuery website, perhaps you need the function of others has been to help you get out. In terms of UI, jQuery UI associated with the plugins have already done some integration, the current independent published as jQuery UI (http://ui.jquery.com/), if you have not heard before the jQuery UI, I suggest you go website shows an example of speaking about, ah, although there may be some bug exists, but overall the standard has been a considerable, and perhaps you will be more interested in jQuery.

The following teaching content, is to acquire the jQuery John Resig's a presentation of "Building Interactive
Prototypes with jQuery "to adjust the content and comments, hoping to compare the true way to render the design implications of jQuery.


[Of]

jQuery how to "quick select elements" and "do something" mean? Please take a look at the code:

    
$ ("Div"). AddClass ("special");

$ Token money is the jQuery object, use $ ("div") is to use jQuery to select elements, you can select the file in this example all the <div> elements. Followed by the. AddClass ("special") is used to do something, this example is that all previously selected elements to add a file called "special" in the class. That is, through the $ ("div"). AddClass ("special") syntax, allowing you time to help document some <div> adding special elements of the class.

Please note that Oh, just the examples have been selected for a number of elements to do a batch operation, that is, if the document has three <div>, it will be time to find the three <div> and all subsequent action apply . That you had to use JavaScript to write in their own very different, had to write their own may need to use a loop like the syntax, and jQuery has a function of most of the batch processing function, this alone can make a more concise your program.

$ Tokens will be on the money you use jQuery in the process of learning and the most important objects (or you want $ as a function can, indeed, do), use just as you can see, by looking for elements are used, the parameters can bring. Perhaps you are not used to the money as a function name can be tokens, you can also use the name of jQuery, the money is seen as tokens jQuery an abbreviation, make you look more simple and some of the function, if you want to set yourself another acronym For example, $ j, is possible, this part of the follow-up to explain, take a look at the example has been under the result will be, and the above example is exactly the same:

    
jQuery ("div"). addClass ("special");


[Select elements]

Use the previous example $ ("div") to select elements, the parameters into the div element is that you are looking for, this is CSS selectors (CSS Selector) syntax, like CSS layout and appearance are making use of selector syntax. jQuery's CSS Selector supported include CSS 1, CSS2, and has not yet been released CSS3, also supported through the plugin can be used in XPath syntax, use the CSS, XPath syntax can easily find your page elements to be addressed , take a look at more examples below.

This is a raw HTML:

    
<div id="body">
      
<h2> Some Header </ h2>
      
<div class="contents">
        
<p> ...</ p>
        
<p> ...</ p>
      
</ Div>
    
</ Div>

Below with a series of examples, in blue and show some of the basic syntax to display the file in the dark word will be selected element.

$ ("Div")
<div id="body">
  
<h2> Some Header </ h2>
  
<div class="contents">
    
<p> ...</ p>
    
<p> ...</ p>
  
</ Div>
</ Div>
Explanation: Select all <div>


$ ("# Body")
<div id="body">
  
<h2> Some Header </ h2>
  
<div class="contents">
    
<p> ...</ p>
    
<p> ...</ p>
  
</ Div>
</ Div>
Explanation: Select the element id for the body


$ ("Div # body")
<div id="body">
  
<h2> Some Header </ h2>
  
<div class="contents">
    
<p> ...</ p>
    
<p> ...</ p>
  
</ Div>
</ Div>
Explanation: Select the id for the body of <div>


$ ("Div.contents p")
<div id="body">
  
<h2> Some Header </ h2>
  
<div class="contents">
    
<p> ...</ p>
    
<p> ...</ p>
  
</ Div>
</ Div>
Explanation: Select the class for the contents of which encase <div> <p> all the underlying


$ ("Div> div")
<div id="body">
  
<h2> Some Header </ h2>
  
<div class="contents">
    
<p> ...</ p>
    
<p> ...</ p>
  
</ Div>
</ Div>
Explanation: Select the next layer is enclosed in <div> <div>


$ ("Div: has (div)")
<div id="body">
  
<h2> Some Header </ h2>
  
<div class="contents">
    
<p> ...</ p>
    
<p> ...</ p>
  
</ Div>
</ Div>
Explanation: and the former an example of the contrary, here is to select at least one wrap of <div> <div>


[Do something]

Teaching in the previous paragraph describes how to use jQuery to select elements, which are most of the syntax allows you to quickly select multiple elements of the first, of course, is to come next for these elements to make some changes to the selection Hello. Built-in functions through jQuery, you can:


    
Operate on the DOM, such as new or modified file node
    
Add an event handler
    
To do some basic visual effects, such as hide, show, drop-down display, fade, etc.
    
Use AJAX to send the form to get remote file content or



[Example 1] to select the all target attributes <a>, and include a paragraph in the node text.

    
$ ("A [target]"). Append ("(Opens in New Window)");

This is a raw HTML:

    
<a href="http://jsgears.com"> jsGears </ a>
    
<a href="http://google.com" target="_blank"> Google </ a>
    
<a href="http://amazon.com" target="_blank"> Amazon </ a>

Select a target attribute and the results after adding the text:

    
<a href="http://jsgears.com"> jsGears </ a>
    
<a href="http://google.com" target="_blank"> Google (Opens in New Window) </ a>
    
<a href="http://amazon.com" target="_blank"> Amazon (Opens in New Window) </ a>

[Example 2] to select the element id for the body, and modify the two css properties.

    
$ ("# Body"). Css ({
      
border: "1px solid green",
      
height: "40px"
    
});

This is a raw HTML:

    
<div id="body">
      
...
    
</ Div>

Select the element id for the body and modify the css the results of the (indicative):

    
<div id="body" style="border: 1px solid green; height: 40px">
      
...
    
</ Div>

[Example 3] on the page when the form submission to include a judge, if the username value of this field is empty, then to display help text within the block.

    
$ ("Form"). Submit (function () {
      
if ($ ("input # username"). val () == "")
        
$ ("Span.help"). Show ();
    
});

May be acting similar to the following HTML, the start span.help is hidden, if not enter the username, will show:

    
<style type="text/css">
      
. Help {display: none}
    
</ Style>
    
<form>
      
<label for="username"> Please enter a name </ label>
      
<input type="text" id="username" name="username" />
      
This field is required <span class="help"> Oh </ span>
    
</ Form>

[Example 4] When the user click to open the link id, id for the menu display blocks, and returns false to prevent the browser page is really for.

    
$ ("A # open"). Click (function () {
      
$ ("# Menu"). Show ();
      
return false;
    
});

May be acting similar to the following HTML:

    
<style type="text/css">
      
# Menu {display: none}
    
</ Style>
    
<a id="open" href="#"> control panel </ a>
    
<ul id="menu">
      
<li> <a href="#1"> Control Panel Home </ a> </ li>
      
<li> <a href="#2"> Edit Profile </ a> </ li>
      
<li> <a href="#3"> personal space management </ a> </ li>
    
</ Ul>

[Example 5] The block id for the menu screen of the dynamic effects of the following Club Fast Display:

    
$ ("# Menu"). SlideDown ("fast");

May be acting similar to the following HTML, the hidden dynamic drop-down menu will be displayed the way:

    
<style type="text/css">
      
# Menu {display: none}
    
</ Style>
    
<ul id="menu">
      
<li> <a href="#1"> Control Panel Home </ a> </ li>
      
<li> <a href="#2"> Edit Profile </ a> </ li>
      
<li> <a href="#3"> personal space management </ a> </ li>
    
</ Ul>

[Example 6] all the <div> changed to wide 300px, 20px width of text and border

    
$ ("Div"). Animate ({
        
width: '300px ',
        
padding: '20px '
      
}, 'Slow');

May be acting similar to the following HTML:

    
<div style="width: 100px; border: solid 1px red;">
      
Hello world!
    
</ Div>

PS. JQuery animate function of the core program elements of property does not change much, but through other plugin can provide more dynamic effect.

[Example 7] an example of the dynamic effects of the callback, all the <div> to hide the dynamic effects of 0.5 seconds, and then the dynamic effect of 0.5 seconds to display. hide () the second parameter is a callback function, where $ (this) was originally handled by the various elements of the program.

    
$ ("Div"). Hide (500, function () {
      
/ / $ (This) is each of the other <div>
      
$ (This). Show (500);
    
});

May be acting similar to the following HTML:

    
<div style="width: 100px; border: solid 1px red;">
      
Hello world!
    
</ Div>
    
<div style="width: 100px; border: solid 1px red;">
      
jsGears.com!
    
</ Div>

[Example 8] and find the file made sample.html all <div> fill under the floor of the original document <h1> the element id for the body

    
$ ("# Body"). Load ("sample.html div> h1");

This is a raw HTML:

    
<div id="body"> </ div>

sample.html fragments:

    
<div>
      
<h1> Hello world! </ h1>
      
<h2> This is H2 </ h2>
      
<h1> jsGears.com! </ h1>
    
</ Div>

After the implementation of the results of the code:

    
<div id="body">
      
<h1> Hello world! </ h1>
      
<h1> jsGears.com! </ h1>
    
</ Div>

[Example 9] through getJSON () to obtain information on JSON format and process data through the callback function

    
$. GetJSON ("test.json", function (data) {
      
for (var idx in data)
        
$ ("# Menu"). Append ("<li>" + data [idx] + "</ li>");
    
});

This is a raw HTML:

    
<ul id="menu">
      
<li> Item 1 </ li>
    
</ Ul>

test.json content:

    
[
      
"Hello world!",
      
"JsGears.com!"
    
]

After the implementation of the results of the code:

    
<ul id="menu">
      
<li> Item 1 </ li>
      
<li> Hello world! </ li>
      
<li> jsGears.com! </ li>
    
</ Ul>


[Continuous use function]

jQuery is a very important feature to continuously use the function (Chaining), when you select one or a group of elements, these elements can be more continuous treatment. The following example will hide all the <div>, change the text color to blue, then the effect of <div> the following screen is displayed Club:

    
$ ("Div"). Hide ();
    
$ ("Div"). Css ("color", "blue");
    
$ ("Div"). SlideDown ();

Three lines of code that can replace the following line of code, the result will be exactly the same:

    
$ ("Div"). Hide (). Css ("color", "blue"). SlideDown ();

It was very amazing? In the design of jQuery's architecture, most of the functions will be in processing the thing to do after the introduction of elements of the original and then return back to, so such a function can be followed by a continuous use. Remember at the outset of the jQuery can make your code more concise it? After reading some of the above examples, it should now be feeling a little bit.

Continuous use jQuery functions mentioned, there are two very important functions must be in this introduction. The first is the end (), this function is executed, will return "element found in the former group." The other is the find (), usage of this function as the use of $ () to find the elements of the document as a CSS selector into the implementation of the elements found after the return, the difference is $ () is to find the file, and find () is based on elements previously found elements find their bottom, like a re-filtering function.

    
$ ("Ul.open") / / [ul, ul, ul]
      
. Children ("li") / / [li, li, li]
      
. AddClass ("open") / / [li, li, li]
      
. End () / / [ul, ul, ul]
      
. Find ("a") / / [a, a, a]
      
. Click (function () {
        
$ (This). Next (). Toggle ();
        
return false;
      
}) / / [A, a, a]
      
. End (); / / [ul, ul, ul]

This piece of code above the continuous use of multiple functions, and through the end () and find () to respectively operate on different elements, detailed steps are explained as follows:


    
Find the file class to open all the <ul>
    
Under the layer of filtering out all the <li>
    
Add a class to these <li>
    
Back to previous search results, that is all <ul>
    
Then find the bottom of all <a>
    
Add an event handler for <a>
    
Back to previous search results



[Continued]

jQuery Basics of teaching this Hello, I hope to be helpful for beginners, if any misuse wrong place, I hope you feel free to correct me. Follow-up plan should be re-introduced a number of jQuery plugin useful, as a basis for the continuation of articles, so stay tuned.

Wednesday, January 12, 2011

Attention adsense publishers: Unoriginal contents are not allowed by Adsense!

email post
Reactions: 
AdSense Facts & Fiction Part V: Unoriginal content - Inside AdSense

The latest “AdSense Facts & Fiction” from the Google AdSense Blog states an issue about many of adsense publishers turned-mass web site developers:
Fiction: Publishers can put ads on auto-generated pages or other copied content that was not created by them. Fact: We don’t allow sites with auto-generated or otherwise unoriginal content to participate in the AdSense program. This is to ensure that our users are benefiting from a unique online experience and that our advertisers are partnering with useful and relevant sites.
As you read the rest of the post it’s not clear if this applies to sites that republish syndicated content. In additions:
Sometimes we come across sites that are using software to generate automated content. These sites might look like normal news sites, but the information is completely plagiarized. Scraping content and passing it off as one’s own is not only wrong, but it also happens to be a serious violation of our policies There’s a good amount of content that can be copied and republished per the author’s guidelines. So it seems that this directive if mostly pointed to splogs, such as the many “blogs” that copy content from Domain Name Wire and republish it in its entirety.
The post also said that sites should build "long term" users. Which means adsense encourage publishers to run forum or community sites. However, those kind of sites are kind of hard to manage. If you ask me which system would I use, I would suggest Drupal. However, Drupal is same as Google which means developer friendly. Millions of normal users feel that is hard to use since to first step to use it is hard. It is because majority of users are not familiar with Linux based system. From now on, I will publish a few tutorials for everyone about how to deploy and activate a drupal7 web site!

Friday, January 07, 2011

Difference Between jQuery and AJAX | Difference Between | jQuery vs AJAX

email post
Reactions: 

Difference Between jQuery and AJAX | jQuery vs AJAX | AJAX vs jQuery Difference Between AJAX and jQuery


There are multiple of languages that can be used in making a web page nowadays, some are even not even unique but just a derivative of another language. jQuery is one of these derivatives. It is a lightweight library of JavasScript that focuses more on interactions with HTML elements. AJAX, on the other hand, is not a specific technology but a combination of varying technologies to provide a new functionality. Whenever you request a new set of data from web site, it clears the whole page and loads the new one. AJAX is used to circumvent this behavior and allow new data to be retrieved without modifying the whole page. AJAX is a very powerful tool to use but it can’t be utilized with simple HTML since HTML doesn’t allow the page to be changed after it has fully loaded. In order to use AJAX, you would need a client side scripting language that allows you to detect the actions of the user and modify elements on the page accordingly. jQuery does that exactly, that is why both are often used together to present web pages that a user can interact with easily without repetitive loading. jQuery does all the work on the front end, therefore you would need to have a full understanding of it in order to properly set-up your page. You would not need to learn the exact mechanisms of AJAX in order to utilize it as jQuery gives you an AJAX command to retrieve whichever data you need from the server. Although the use of jQuery and AJAX makes the browsing experience a lot better for the user, the effect to the server hosting these files are not as desirable. Every time you make another AJAX request, a new connection to the server is made. Too many connections can sometimes be difficult for the server to cope with. Most hosting companies have made steps in order to prevent overloads since jQuery and AJAX are truly here to stay.

Summary: 
1. JQuery is a lightweight client side scripting library while AJAX is a combination of technologies used to provide asynchronous data transfer
2. jQuery and AJAX are often used in conjunction with each other
3. jQuery is primarily used to modify data on the screen dynamically and it uses AJAX to retrieve data that it needs without changing the current state of the displayed page
4. Heavy usage of AJAX functions often cause server overload due to the greater number of connections made

Thursday, January 06, 2011

Drupal 7 - Easier and more powerful than ever

email post
Reactions: 

Drupal 7 - Easier and more powerful than ever

| drupal.org:

"Friendly and powerful: Drupal 7
We are proud to present to you our best work yet – Drupal 7, the friendly and powerful content management platform for building nearly any kind of website: from blogs and micro-sites to collaborative social communities. Get started with Drupal 7

Tuesday, January 04, 2011

Drupal core 7

email post
Reactions: 

Drupal 7.0 RC 4 Released

Help test the forthcoming Drupal 7.0!

7.0-rc4 release: Download | Notes
7.x-dev snapshot: Download | Notes

Get started by downloading the official Drupal core files. These official releases come bundled with a variety of modules and themes to give you a good starting point to help build your site. Drupal core includes basic community features like blogging, forums, and contact forms, and can be easily extended by downloading other contributed modules and themes.
Before installing Drupal, please review the system requirements and the Installation Guide.
If you are using Internet Explorer and WinZip, save the file first, as otherwise IE will corrupt the file's extension.
Information on version numbers can be found in the handbook.

When will Drupal 7 be released?

January 5, 2011. Come celebrate the release!

Downloads

Recommended releases

Version Downloads Date Links
6.20 tar.gz (1.05 MB) | zip (1.23 MB) 2010-Dec-15 Notes
5.23 tar.gz (750.26 KB) | zip (852.87 KB) 2010-Aug-11 Notes

Other releases

Version Downloads Date Links
7.0-rc4 tar.gz (2.59 MB) | zip (3.05 MB) 2010-Dec-30 Notes

Development releases

Version Downloads Date Links
7.x-dev tar.gz (2.6 MB) | zip (3.05 MB) 2011-Jan-03 Notes
6.x-dev tar.gz (1.05 MB) | zip (1.23 MB) 2010-Dec-16 Notes
5.x-dev tar.gz (750.34 KB) | zip (854.89 KB) 2010-Aug-12 Notes

Thursday, December 02, 2010

Scribus 1.3.9

email post
Reactions: 

Scribus 1.3.9

Scribus - 47.45MB (Open Source)

Scribus is an open-source program that brings professional page layout to Linux/Unix, MacOS X, OS/2 and Windows.
It is powerful software that helps you create great looking documents of all kinds. It also comes with a lot of support options to help you achieve the best result. There is an enthusiastic and friendly community around Scribus that assists beginner and pro alike through our mailing list, IRC channel, wiki, contracted support, and the bugtracker.
Scribus supports professional features, such as CMYK color, spot color, separations, ICC color and robust commercial grade PDF.


Direct Download Link is below: