Php - Cant check $_SESSION variable. Php - i got this error call to undefined function session_register() Creating A Simple Yet Secured Login/registration With Php5 - PHP Tutorials. Hello everyone here's a new simple tutorial by me, I know that there's a lot of login and registration php script in this section but as I've review them.. some aren't secured and some still uses the php4 functions and some are weak and can be attack using SQL Injection that's why I decided to write up a tutorial that uses some new PHP5 functions that can help you in making your simple yet secured Login and registration script.
The very first thing that you have to do before we start is to create a database into your phpmyadmin CREATE DATABASE `codecalltut` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci; USE `codecalltut`; CREATE TABLE IF NOT EXISTS `users` ( `userID` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(50) NOT NULL, `password` varbinary(250) NOT NULL, PRIMARY KEY (`userID`,`username`)) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=6 ; So we now have our database for this project. <! <! Here's the look of our login and registration page now What is a class? <? <? Learn PHP and mySQL. PHP Login script tutorial. We have a login form in step 2, when a user submit their username and password, PHP code in checklogin.php will check that this user exist in our database or not.
If user has the right username and password, then the code will register username and password in the session and redirect to "login_success.php". If username or password is wrong the system will show "Wrong Username or Password". ############### Code $host="localhost"; // Host name $username=""; // Mysql username $password=""; // Mysql password $db_name="test"; // Database name $tbl_name="members"; // Table name mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select DB"); $myusername=$_POST['myusername']; $mypassword=$_POST['mypassword']; (more detail about MySQL injection) $myusername = stripslashes($myusername); $mypassword = stripslashes($mypassword); $myusername = mysql_real_escape_string($myusername); $mypassword = mysql_real_escape_string($mypassword);
Coding a Pixel-Style Video Game Fansite in HTML5/CSS3. There are not as many newer gaming fansites which utilize the power of HTML5 and CSS3 techniques. Some of the more popular gaming titles such as Final Fantasy and Kingdom Hearts have a devoted following. A large fan base will accompany forums and other online message boards – but this isn’t always the most successful CMS solution. In this tutorial I want to demonstrate how we can build a simple retro Pokemon fansite layout using some newer CSS3 tricks. To keep the template fairly simple I haven’t included any extra jQuery effects. Although admittedly there is plenty of room for such a system of dropdown menus or sliding panels on the home page. Additionally I’ve included a few sprite resources ripped from the first 2 generation games.
Live Demo – Download Source Code HTML5 Doctype and CSS Fonts We can first take a peek at the page header and internal meta tags. A few tags down in the header code I’m including two separate stylesheets. External Page Structure Designing with CSS3 Conclusion. Magazine webdesign et blog collaboratif - Blog Du Webdesign. LazarSoft/jsqrcode. Untitled. Keyframe Animation Syntax. Basic Declaration & Usage For the sake of brevity the rest of the code on this page will not use any prefixes, but real world usage should use all the vendor prefixes from above Multiple steps If an animation has the same starting and ending properties, one way to do that is to comma-separate the 0% and 100% values: Or, you could always tell the animation to run twice (or any even number of times) and tell the direction to alternate.
Calling keyframe animation with separate properties Animation Shorthand Just space-separate all the individual values. Animation: test 1s 2s 3 alternate backwards Combine transform and animation Multiple animations You can comma-separate the values to declare multiple animations on a selector. Steps() The steps() function controls exactly how many keyframes will render in the animation timeframe. If you use steps(10) in your animation, it will make sure only 10 keyframes happen in the allotted time. The math works out nicely there. Browser Support More Resources. Menu déroulant en CSS. Si vous voulez avoir tout de suite un aperçu du type de menu décrit dans cette page, vous pouvez visiter notre page de démonstration.
Et pour garder le script proposé au chaud sur votre PC, vous pouvez aussi le télécharger. Avec ou sans javascript ? Lorsqu'on peut se passer de javascript, il est prudent de le faire. Certains internautes désactivent en effet l'exécution du javascript et pourraient se retrouver dans l'impossibilité de naviguer sur un site utilisant ce langage dans sa gestion de menu. Les principes utilisés pour créer les menus hiérarchiques sont malheureusement incompatibles avec Internet Explorer versions 6 et antérieures. Seul le langage javascript permet de dépasser cette limitation. Notre choix a consisté à mettre au point un menu à 2 vitesses qui fonctionne : Sans javascript pour Firefox, Opera, Mozilla et IE7Avec javascript pour IE 5.5 et 6 Ce choix permet à notre menu de rester pleinement opérationnel pour la quasi-totalité des visiteurs.
Une partie de cache-cache. Sites web utilisant le jQuery, CSS3 et le HTML5. CSS3, jQuery, JavaScript, HTML5 sont tous des termes qui font parties de la réalité du web d’aujourd’hui. En mixant ces technologies, nous obtenons parfois des résultats époustouflants qui sortent de l’ordinaire et qui nous font dire du même coup : « WOW! ». Avez-vous visité ou développé un site web de ce genre?
Si oui, n’hésitez pas à le partager avec nous dans la section commentaires! Cette collection de sites web en javascript a été compilée par Kevin Liew sur Queness.com. Ben the bodyguard Un « must » à voir! Lost Worlds Fairs Excellente utilisation de la propriété CSS « position: fixed » dans cette page web. Pixel Slave Une tonne d’effets de transition et les animations sont très rafraîchissantes.
Nike Better World Si vous n’avez pas encore admirez ce site web, il est temps de le faire immédiatement. Toasted Digital Original, animé, il y a du mouvement, une tonne d’effets… et non, ce n’est pas du Flash! Image Mechanics Duchy Original Cascade Brewery Co. Keyframe Animation Syntax. Mouse Drag and Drop : Mouse Event « Event « JavaScript DHTML. HTML5 Drag and Drop File Upload for PHP Code Example - Runnable. App.
Introduction à AJAX et interaction avec PHP. I-A. Remerciements▲ Un grand merci à Denis Cabasson et Guillaume Rossolini pour leurs conseils avisés, leur rapidité et leur patience pendant la relecture. I-B. Prémbule : qu'est-ce qu'AJAX ? On parle beaucoup d'AJAX en ce moment dans le buzzword Web 2.0. Ce modèle de fonctionnement est fiable car existant depuis très longtemps mais il pose aussi des problèmes d'interaction homme machine et de performances. D'un point de vue utilisateur, le rafraîchissement de toute la page au moindre clic est synonyme de temps d'attente et de scintillement qui n'est pas toujours du meilleur effet dans une application professionnelle.
Du point de vue des performances, à la moindre modification, vous rechargez une page entière avec toutes ses balises HTML, ce qui génère un trafic important. La technologie AJAX n'est pas nouvelle en soi. Les puristes ne vont sûrement pas aimer ce que je vais dire, mais on peut tout à fait faire de l'AJAX au sens large sans forcément faire de l'asynchrone ni du XML. I-C. II-A. Access Management Authentication Class for Static Token login. Introduction Here's how the Static token-based authentication method works: a) The authentication method asks the user name and the password from the user. b) The credentials are checked against the user store. C) If the credentials are valid, the user is prompted to enter a specific token.
The values of the tokens are stored in attributes in the user store. D) If the token that the user entered is matching against the corresponding token in the user store, authentication is successful. The tokens can be hand-out to the users via mail or via a card. Figure 1 - Static token-based authentication process Installation 1. 2. 3. 4. Configuration You'll need to create a new Authentication Class. 1. 2. 3. 4.
Figure 2 - Token Login, General tab Figure 3 - Token Login, Properties tab Troubleshooting I won't go into much detail on troubleshooting here. ? If you don't find any BADEBUG entries, check to see if the jar is present on the server and if the Authentication method has been set up correctly. Move a Cube With Your Head or Head-Tracking with WebGL. This post is about head tracking and how to use it in 3D. It is surprisingly easy to do with the suitable libraries. We will experiment with headtrackr.js and three.js. headtrackr.js is a nice library from auduno to do head tracking in the browser. You will learn how to do head tracking in webgl in only 20lines of javascript. I love the web and how easy it is :) tl;dr; links For a simple example. see the “move a cube with your head” demoTo mess with the code now without any installation, see this jsfiddle examplefor an attempt to make 3d more immersive by using head tracking, see this demo WebRTC is great!
WebRTC starts to get traction. Auduno is part of Opera team. Demo Time !! As usual we did a plugin for tQuery API to make it easy to use in our environement. Another demo where the camera follows your head. Let’s Get Started Ok now lets see how to use this library with tQuery API. Start Tracking Heads First, you instanciate the object with this simple line. Head tracking… Kesaco ? Conclusion. Accelerated Rendering in Chrome: The Layer Model. Introduction For most web developers the fundamental model of a web page is the DOM. Rendering is the often obscure process of turning this representation of a page into a picture on the screen.
Modern browsers have changed the way rendering works in recent years to take advantage of graphics cards: this is often vaguely referred to as “hardware acceleration”. When talking about a normal web page (i.e. not Canvas2D or WebGL), what does that term really mean? This article explains the basic model that underpins hardware accelerated rendering of web content in Chrome. Big, Fatty Caveats We’re talking about WebKit here, and more specifically we’re talking about the Chromium port of WebKit. Also, note that this entire article is discussing a core piece of Chrome’s rendering architecture that’s changing very fast. It’s important to understand that Chrome has had two different rendering paths for a while now: the hardware-accelerated path and the older software path. From the DOM to the Screen. Animate.css | Just-add-water CSS Animations. CSS3 Keyframes Animation Generator. 8 Ways to Create a Secure Login Script in PHP and MySQL.
Edit Article Eight Parts:Configure Your ServerConfigure the MySQL DatabaseCreate Database Connection PageCreate the PHP FunctionsCreate Processing PagesCreate Javascript FilesCreate HTML PagesProtecting PagesCommunity Q&A Nowadays, with more and more stories of cracking in the news, developers are looking for the best ways of securing their sites. If your site has a member system, it could be at risk from being cracked and your users' data could be compromised. This guide will show you one attempt at making a secure login using PHP. Writing a login system is a complex topic and not something to be undertaken by those who are not intimately familiar with a wide variety of security topics.
Following this guide will help guard against many types of attack that crackers can use to gain control of other users' accounts, delete accounts and/or change data. We're continually trying to improve this script. You may also notice that we do not close PHP tags in files containing only PHP code. Steps. CSS Background: There's More To Know Than You Think. You likely use css backgrounds in every site you build. You give an element a background color and tell another element to let a background image repeat. How much do you know about all the other background properties? Did you know you can control where in the background an image is painted or that you can even specify which part of an element is the background? I’d like to run through the different background properties css3 offers us.
Some of what follows I’m sure will be familiar to you. Note: As mentioned in the comments below support for some of what’s in this post is less than I originally thought. The space and round values don’t appear to be working (outside of Opera) for the background-repeat property and issues have been reported with background-position. CSS Background The first thing to understand is what does css consider as background and we’ll turn to the css box model with its content, padding, border, and margin for an answer. background-color background-image background-clip. CSS Background Animations. Background animations are an awesome touch when used correctly. In the past, I used MooTools to animate a background position. Luckily these days CSS animations are widely supported enough to rely on them to take over JavaScript-based animation tasks. The following simple CSS snippet animates the background image (via background position) of a given element.
We'll use CSS animations instead of transitions for this effect: With the animation code in place, now it's time to apply it to an element with a background image: The cloud background image within the sample element will elegantly scroll from left to right over a duration of 40 seconds, seamlessly repeating an infinite number of times. How epic is it that we don't need to use JavaScript to manage these animations anymore? A Basic HTML5 Template. What follows is an excerpt from HTML5 & CSS3 for the Real World, by Alexis Goldstein, Louis Lazaris and Estelle Weyl. This post was originally published in 2013 and was updated in April 2016. As you learn HTML5 and add new techniques to your toolbox, you’re likely going to want to build yourself boilerplate, from which you can begin all your HTML5-based projects.
We encourage this, and you may also consider using one of the many online sources that provide a basic HTML5 starting point for you.[] In this project, however, we want to build our code from scratch and explain each piece as we go along. Of course, it would be impossible for even the most fantastical and unwieldy sample site we could dream up to include every new element or technique, so we’ll also explain some new features that don’t fit into the project. Let’s start simple, with a bare-bones HTML5 page: <! The Doctype First, we have the Document Type Declaration, or doctype. And for HTML4 Transitional: Simple, and to the point. Incorporer des graphes interactifs dans une page web - Courbe simple. PHP, MySQL, Ajax Game Website Need Information - JavaScript. Window.scrollBy. Méthode : window.scrollBy()Déroule les ascenseursCompatible : Syntaxevoid window.scrollBy(Integer x, Integer y) DescriptionActive l'ascenseur horizontal de x pixels et l'ascenseur vertical de y pixels.
Voir aussi scrollTo() pour fixer une position aux ascenseurs. Exemple Ascenseur Code source <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>Partie pour allonger la page<BR><BR><BR><SCRIPTlanguage=javascript>function Scroller(){window.scrollBy(0,100);}setTimeout("Scroller()",500);</SCRIPT> Résultat Partie pour allonger la page ExplicationCe script allonge la page en ajoutant des retours à la ligne et fait descendre le scrolling de 100 pixels au bout de 500 millisecondes.
Social Network of Entrepreneurs, Business Leaders, and Creative People | 40Billion.com. Sign Up | 40Billion.com. Element Index. PHP Connect to the MySQL Server. jQueryUI: draggable + selectable | transmote speaks... Capturing Audio & Video in HTML5. Three.js - JavaScript 3D library. Javascript Animation Scripts with Example Source Code. Iconizr · CSS & Sass icon kit creator · SVG & PNG sprite generator. Visualizing the Semantic Web « Quasipartikel.