Thursday, December 31, 2015

Problem Installing phpBB 3.1 Forum on IIS7 Machine

Anyone having this problem? I tried to install this latest phpBB free web forum into my Windows 7 IIS7 PC but I get this error page: I then download the earlier version which is 3.0 by clicking on a small button on upper right corner: After running 3.0 version in the localhost, it works fine: Anyone having this problem on IIS7 machine before? Maybe switching back to older version is the only...
Read More »
Posted by at No comments:
Labels: , , ,

Simple Captcha Verification Using Javascript and PHP with GD Lib

This is a simple version that uses minimal amount of codes. However, this practice is not suitable for websites that require stringent security protection. The PHP codes make use of the GD library to generate a PNG image file that will be read by the HTML code. The PHP will randomly generate two characters and two numbers with first digit as character followed by a number, then a character and...
Read More »
Posted by at No comments:
Labels: , , ,

Tuesday, December 29, 2015

Sending Multiple MySQL Table Data from PHP to Javascript via AJAX

Note: Please run these codes from a web host, either it is a "localhost" or remote host from a web hosting server. This is an expansion of my earlier post with sending data from only one MySQL table. For multiple table data channeling to browser from MySQL, a query string is used to differentiate the AJAX requirement. You can also create another PHP script to access data from other tables but...
Read More »
Posted by at No comments:
Labels: , , , ,

Large HTML Input Text and Space Suitable for Mobile Device Web Browsing

With the popularity of tablets taking the center stage ever since the launch of the first iPad, web pages were being swayed towards simplicity and user-friendliness. The smartphone revolution then followed suit and mobile web browsing had then become a norm until today. As the screens of tablets and smartphones are a lot smaller than deskstops, web pages are being made simpler with the texts...
Read More »
Posted by at No comments:
Labels: , ,

Friday, December 25, 2015

Sending MySQL Data from PHP to Javascript via AJAX

This is done through AJAX. It should be well supported by most browsers including IE. Everything is quite straight forward. First you need to set up a dummy MySQL database to test out the following javascripts. Here is the SQL to set the database up: USE `testDB`; DROP TABLE IF EXISTS `test`; CREATE TABLE `test` (  `a` tinyint(4) DEFAULT NULL,  `b` tinyint(4) DEFAULT NULL,  `c`...
Read More »
Posted by at No comments:
Labels: , , ,

Monday, December 21, 2015

Casting a Reflection Image Using Pure Javascript

This is mainly for fun or educational purposes only. This is inspired by a carousel javascript plugin with reflection at the bottom of each image which looks like they are standing on a solid marble. Since it is an awesome idea, I tried to do some coding if it is able to be done by just pure Javascript. Yes, they are done and the codes are presented as follows: <html> <body> <a...
Read More »
Posted by at No comments:
Labels: ,

Monday, November 30, 2015

Pop a Message Box in the Center with Freezing and Hiding the Scrollbar

This is the continuation of the previous post with also the codes to freeze the mouse scroll and hide the scroll bar. This is crucial to lock on a page to avoid any scrolling events after a message box popped up to demand a better attention from the visitor. Basically the codes are just added with a the scroll-locking codes I posted earlier here. In addition to that, I included the scrollbar disabling javascript "document.body.style.overflowY = 'hidden';" code. Here are the long combined...
Read More »
Posted by at 1 comment:
Labels: , ,

Pop a Message Box in the Center with Transparent Background Curtain using Fixed DIV and CSS

This is a very popular method to pop up a small window at the center of a page to ask for user's registration or something that requires visitors' special attention. The following codes will not freeze the scroll bars or any movement on the page: <!DOCTYPE HTML> <html> <style type="text/css"> #curtain { left:0px; top:0px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; width:...
Read More »
Posted by at No comments:
Labels: , ,

Fixing Several DIVs At The Same Time for All Browsers Using Only CSS

This post, being similar to the previous ones especially this link, is about creating more than one fixed DIV as in previous examples. Basically more DIV IDs are needed to make this work. Here are the codes: <!DOCTYPE HTML> <html> <style type="text/css"> #fixbot { bottom:0px; } #fixright { right:0px; } #fixtop { top:0px; } div > div#fixbot { position: fixed;...
Read More »
Posted by at No comments:
Labels: , ,

Monday, November 23, 2015

Fix a DIV on Top of Page Only After Certain Scroll via Javascript

Such web page technique is very popular as of now. When a visitor of your web page scroll down to certain level, a new top panel bar will appear so as to make the page navigation more fluent. This could be inspired by the screen limitation of mobile phones and browsing web pages using a smartphone is a norm these days. Beside the benefit of smoother navigation, the logo of the page can appear more often to increase the logo exposure to the reader. Here are the codes: <!DOCTYPE...
Read More »
Posted by at 1 comment:
Labels: , , ,

Friday, November 13, 2015

Fix the Position of a DIV at the Bottom of a Page for All Browsers

This is a pure CSS solution. I have tested the following codes using Chrome, IE7 and an Android internet browser. I believe it should work well on all popular browsers. Here are the codes: <!DOCTYPE HTML> <html> <style type="text/css"> #fixbot { position: absolute; bottom:0px; } div > div#fixbot { position: fixed; } </style> <body bgcolor="#aabbcc" marginheight=0...
Read More »
Posted by at 1 comment:
Labels: , , ,
Subscribe to: Posts (Atom)