jlhaslip
Oct 5 2007, 01:17 AM
| | Link: http://www.jlhaslip.trap17.com/samples/misc/ajax/index.html
Check that out. The first page has information and the second and has the actual example of its use with sample CSS code.
I find that when you visit a site which has a slow server and attempt to view 'large' Image files, it is pretty boring to sit and stare at a blank screen, so this little snippet of code can be used to give the visitor something to see to indicate that the image is being downloaded. I built a small animated gif that sits in the background of the space allocated for the image and it 'rotates' while the Image loads. Once the image is downloaded, the background gif is gone.
Hope you find this helpful. |
Comment/Reply (w/o sign-up)
hitmanblood
Oct 5 2007, 11:29 AM
Yeah man this is really cool I wanted to have somethign like this. But I don't think that this might get some wider use in nthe times of broad band connections and those who are making their sites for picture and image hosting and storage will probably find some fast servers instead of the slow ones.
Comment/Reply (w/o sign-up)
suberatu
Oct 7 2007, 02:19 AM
That is actually pretty cool. It would be really useful for large images as you said (even with bandwidth connections) since it kind of acts as a placeholder and avoids that sort of 'empty' feeling you get when an image is loading and you just see a blank spot on a page.
Comment/Reply (w/o sign-up)
delivi
Oct 13 2007, 02:34 PM
great script jlhaslip, very useful and brilliant. 
Comment/Reply (w/o sign-up)
Similar Topics
Keywords : faux, ajax, loading, css, pretend, site, ajax, based
- Reclaim Control Over Your Windows-based Pc
Part 1 (2)
[aef] Most Recent Topics Listing Mod
on your Web-site pages (2) Assuming that you have an AEF Forum software installed on your Hosting Account, and that you need
to display a list of the most Recent Topics to be display, say, on your Index page, then read this
Tutorial. To begin, Define the variables that you need to connect to the Database and also define
the URL to the Forum in the prescribed format as follows: CODE //define db information here
DEFINE ('DB_USER', ' '); // required info DEFINE ('DB_PASSWORD',
' '); // required info DEFINE ('DB_HOST', 'localhost'); // required....
How To Install Opengeu In Ubuntu
OpenGEU is a distro based on Enlightenment and derived from Ubuntu (2) First of all please note well that E17 is in beta phase, and can make your computer segfault
(which by contrary - WILL NOT ERASE YOUR DATA - your computer will be restored to the statein which
it was before it segfaulted), and if you don't want this to happen then don't install this!
I'll now tell you how to install OpenGEU when you already have Ubuntu (or Kubuntu and
Xubuntu ) installed already on your machine. First of all I need to introduce you to OpenGEU,
it's a relativelly new Linux distro which uses Enlightenment instead of ....
How To Make An Ultimate Game List.
If you're making a site on video games or such. (0) Hello. I am BuBBaG. You can call me Bubba for short. I'm going to show you how to make an
Ultimate Game List. First off, we need to make a database, we are going to call this database
`my_db`, leave out the `'s. Inside that database we will need to create a table called
`ugl'(Ultimate Game List, duh). To make the table, simply enter this in the Syntax. CODE
CREATE TABLE ugl ( System char(50), Game char(50), ) In the above code, it is stating we are
creating a table called ugl, with two columns, System, and Game. Next, we will need to make a form,
t....
Make A Flat Based Shoutbox, With Auto Refresh.
(8) With this tutorial, you will learn how to create a simple shoutbox, but only uses a .txt file. Also
with auto refresh, and I am going to do a backgound. We will be making 5 files. 1. index.php The
main page 2. msg.php Reading msg.txt 3. msg.txt Note: You must give it 777 4. shout.php Where
it add to msg.txt 5. bg.gif Background. Index.php would be like this: CODE Shoutbox
Name: Message: Let's go over what the code do. -> are just the title.
gets msg.php which gets msg.txt. You will know why I do that later. -> ....
Simple Stylesheet Tutorial
Stylesheet embedded in your site. (2) Hi - ill show you how to make a simple style sheet that will be embedded into your site. OK make
sure your site is set up already (like the standard tags) To start and end off a stylesheet you
need to do the following CODE Ok lets start CODE p { font-family: "Tahoma";
font-size: 9; color: "red"; } So when you come to put in CODE Hi! The text will
appear red and will be in Tahoma. I will now just show you how to change the background colour of
the text. CODE span.hilightred {background-color: "red";} span.hilightblue {backgrou....
How To Set Up A Bookmarking System On Wii
Use your favorite social bookmarking site. (0) This is a simple tutorial on a way to set up a bookmarking system on your Wii with greater stroage
than the Favorites. It is more complicated than the Favorites and requires manual URL typing. Well
let's dive on in. Items Required Nintendo Wii Internet Channel 3 Empty Favorites Internet
Connection An account on a social bookmarking site I will be using delicious as an example.
delicious Ok, if you do not have an account, read on. If you do have an account, go to the
{account} section. Ok, first you need to register an account. This can be done by clicki....
Create A Google Seach Result Page Embed Within Your Site Page.
(12) Create a google seach result page embed within your site page. It is easier to create
web page that embeded the google search result in it. The first step is to go to google apply an
account for the google ad-sense. After that login to you account and choose the create ad-seach
option. Most of time the google search box give all we have the great and powerfull seach ability.
But, have you think every time users get seach with it. They do redirected to another page that is
not within you site. It is easier to create web page that embeded the google sea....
Php Word Filter
Have you accidently sworn on your site? Or do you want to keep visitor (9) This is pretty simple but very useful if you don't want people to swear. We will be using
str_replace for this. CODE str_replace ("curseword, "replacemet"); ?> Thats pretty simple,
just fill in the curse word and the replacement, and then repeat... heres what it would look like
full size: CODE str_replace("swear", "replacement"); str_replace("swear", "replacement");
str_replace("swear", "replacement"); str_replace("swear", "replacement"); ?> Ok, but how do you
get it to work on your page now? Well, save that file as wordfilter.php and use CODE ....
Background Image Swap Script
Change a Background Image based on clock time (15) Background Image Changer Script To swap the background image from your CSS file according to the
Server Clock Time. 1.) In your CSS file, add the following rule: CODE body { background:
url(time.png); } 2.) Create a "folder" named time.png. 3.) Into the folder, place three images
named morning.png, day.png, night.png. 4.) Also, in the same folder, create an index.php file and
copy/paste the following script. CODE $hour = date('H'); if ($hour $image =
"morning.png"; } elseif ($hour $image = "day.png"; } else { $image = "night.pn....
Making a java based program
(3) Java GUI Making a Little Java Program Sec. 1: Imports and starting it off Sec. 2: Variables Sec.
3: Frame and Stuff Sec. 4: Declaring buttons Sec. 5: Adding buttons Sec. 6: Action Listening Sec. 7:
Using this for a learning experience Section 1 Now, let's think. What imports do we need? We
obviously need GUI imports. We also need the action Listener. So, let's declare this at the very
top: Code: CODE import java.awt.*; import java.awt.event.*; import javax.swing.*; That's
all we need to get all our supplies. Now to start us off. Skip a couple lines ....
Making The Popular Id Browsing For Your Site.
(17) Was just sitting and being bored but then I realized I could show how to create more or less popular
?id=page browsing. It's actually really easy. I know two ways how to do it. First one I learned
was checking the variable and if it's true including the text/file/anything needed and so on. It
was ok, but sometimes I just couldn't make it work so I switched to switch() function and
that's what I'm going to show you guys right now. So, I made a test page which contains the
code needed and here is its source. CODE Untitled Home - P....
Css-based "i-frames" (sort Of)
A couple of ways to do it... (1) I got thinking that it might be nice to have a method to load a bunch of pictures up to a site, but
not have them taking up a lot of space. And without using a bunch of php, while still presenting the
entire picture. And using full-on CSS coding, not tables or frames. So here you go... a "picture in
a picture" method. A CSS framed picture And a "hidden" "picture in a picture" method. A
"hidden" CSS framed picture Sort of a way to 'hide the picture and let the user decide if they
want to actually see the image. All it does is use positioning for placing the....
How To Make A Simple File Based Shoutbox Using Php And Html
(8) A simple tut to make a simple shoutbox. Let me jump right in. First of all you need the standard
equipment for PHP, an IDE like XAMPP and an editor like PHP EDITOR 2OO7. Were going to make a
simple guestbook using three files, webpage.php, shout.php and shout.txt. Webpage.php can be
changed to whatver you want, it will be the page on which the guestbok is shown, you could even use
this code and add it to another php page n your site. Shout.php is the proccessing page and
shout.txt is where the shouts are stored. Firstly we need to make the visual design of the box.....
Cpanel Useful Site Management Tools 2.1
Part 3 of My 7 Part Tutorial (0) This Tutorial will be divided into 7 different parts, and this is the first part, when i get the
other parts together, i will post the links under here /biggrin.gif" style="vertical-align:middle"
emoid=":D" border="0" alt="biggrin.gif" /> Enjoy. Part 1: E-mail Management Part 2: Useful Site
Management Tools Part 4: Analysis/Log Files Part 5: Advanced Tools Part 6: PreInstalled
Scripts, Extras, and Cpanel Options Part 7: Fantastico Detailed Cpanel Tutorial Part 2.1:
Useful Site Management Tools In this tutorial I will, in detail explain all of th....
Cpanel Useful Site Management Tools
Part 2 of My 7 Part Tutorial (0) This Tutorial will be divided into 7 different parts, and this is the first part, when i get the
other parts together, i will post the links under here /biggrin.gif" style="vertical-align:middle"
emoid=":D" border="0" alt="biggrin.gif" /> Enjoy. Part 1: E-mail Management Part 3: Useful Site
Management Tools2.1 Part 4: Analysis/Log Files Part 5: Advanced Tools Part 6: PreInstalled
Scripts, Extras, and Cpanel Options Part 7: Fantastico Detailed Cpanel Tutorial Part 2:
Useful Site Management Tools In this tutorial I will, in detail explain all of t....
Beginner's Guide To Skiing
Based on my own experience. (4) I really like skiing. It is so much fun that you won't know how you could have survived until
your first time. So here are some things you should know before you head over to your lcoal ski
area: Dressing: You should get a few basic things: -Base layer: long underwear, especially
thermals, keep you warm, wick moisture from the skin, keep your legs from getting irritated by your
ski pants -Middle layer: A fleece jacket; or anything aside from wool, which is very itchy. This
will keep you warm in cold weather. If your outer jacket or parka (see below) is insulate....
Loading Movies Technique In Flash
(4) What is loading movies technique? Well for example if you are buildin a 7 section website fully
flash animated, the whole site is flash, one option is to make the 7 sections in the same movie, but
the result will be a huge movie, that will take a lot of time to load, and probably the user wont
stay that long to wait. The other option is to make one main movie and 7 other movies one for every
section and then load does movies dinamically into the main movie, in that case the user its gonna
load the main movie and then just load the section hes gonna navigate. Now lets get....
Templating System Using Php Includes
Building a Dynamic site using Includes and flat-files. (13) Php based Templating System http://jlhaslip.trap17.com/template/index.php The Source Code
for the scripts are included (literally) on the different pages on the Demo, including the Contact /
Email script. The only page not there yet is the Message Script. Maybe tonight I will upload that.
This one uses a little bit of query-string checking to confirm that the contents of the page are
actually available (file_exists())and an allowed page content before serving it up. The
'allowed page content' is done by checking against a flat-file containing an array....
Php Spy Code
Spy on your site! (21) Code Spy Code Description Anyone who comes to ur forum's IP Adress, Site they came From,
Their Browser and the time they came will get saved in a place that only the admin knows the
location of... V.2 More features coming up in V.2!!! POst suggestions/problems... Preview:-
http://s15.invisionfree.com/Spy/index.php ? REFRESH THE PAGE, AND GO HERE:-
http://h1.ripway.com/programming/spy%20code/spy.html ^^^^^^^That shows all the IP's, Browsers,
Time, site and stuff....^^^^^^^^ Code First of all, you'll need to host the files.... I
suggest you make....
How To: Make A Simple Php Site
Making one file show up on all pages using php (21) I have looked all over the site and could not find anything that was like this simple, or just like
this at all.. For some people i know that you are using a basic HTML site...and having a big menu
if you want to add somthing you have to go into every one of the pages and add or remove or edit
what you want to do, but with somthing verry simple all you would have to do is edit one file, and
all of the pages that have the PHP script on them would suddenly change to what that one file is.
So to start off if you are planning on using this little tirck, the page that you a....
Phpbb Forum Site Transfer
How to do it, step by step instructions (20) I'm sure many of you out there have used phpBB at some point. To those who enjoy running forums
and online communities, specifically supporting phpBB, I am about to tell everyone how to restore
the forums database from one website, to another. This is presuming you do not have any mods or
hacks installed. Some of you may find this information useful. Here is the scenario: Let's say
you have forums running phpBB version 2.0.17 (currently the latest one). You have decided that you
want to move your forums to a whole new URL and provider, and as an added bonus, ch....
Css And Javascript Combined For Dynamic Layout
use of different CSS files at same site (9) This tutorial is meant for people that are dealing with problems while coding their site at 100% of
width. Important notice: Some people has JavaScript disabled, so they will not be able to load CSS
file (take this in account when creating your website). How this script works. In the HEAD of your
HTML document will apply this command, so variable.js file will be load at start: CODE
In browser JavaScript file variable.js is loaded. This Javascript file consist of this parameters,
copy this code and name it variable.js CODE // JavaScript Document if (sc....
How To Make A Very Simple Wap Site
A quick tutorial about WML language (43) WAP Site Tutorial : How to Make A Wap site? Before We begin.. Defination from the
Web about Wap. QUOTE WAP is an open international standard for applications that use
wireless communication . Its principal application is to enable access to the Internet from a
mobile phone or PDA .A WAP browser provides all of the basic services of a computer based web
browser but simplified to operate within the restrictions of a mobile phone. WAP is now the
protocol used for the majority of the world's mobile internet sites, known as WAP sites ....
Speed Up Acrobat Reader Loading
(21) hi friends, Do u get irritated when acrobat reader takes 5/10 seconds to load when you want to open
a pdf document. There is a way to speed up the loading. 1. Go to the installation folder of acrobat
reader (C:\program files\adobe\acrobat\reader\.. whatever) 2. Move all the files and folders from
the "plugins" directory to the "Optional" directory. (I repeat.. cut and paste the files NOT copy &
paste). Also make sure that acrobat reader is not open else it will lock the files and not allow
you to move the files). Now your acrobat reader will load very fast and almost....
Checking The Web Site Speed
(10) Did you taking too much time to access your favorite sites? Probably the problem is on the server
used by those sites. To make sure that is the problem, use Windows PING facility. Ping is a small
program, which sends a 32-bit signal to the Web site server. Next, Ping record the time needed by
the server to answer it. To activate Ping: Click on the Start-Run menus, type command, and then
click OK. Type PING "site name" in the MS-DOS prompt window, for example PING www.yahoo.com. In a
moment, the result will appear on the screen. A result less than 300ms is normal spee....
How To Put A Phpbb Login Box On Your Main Site.
Code and .php included!!! (19) I have included my coded file with this... Ok here is the code. CODE // //Create login area,
replace the phpBB2 in /phpBB2/login.php with your forum's //directory // Prank Place
Forum Index Please enter your username and password to log in.
Username: Password:
Log me on automatically each visit:
I forgot my password You can test this out on my....
HTML tags and examples
Condensed form of course from my site... (37) Well, I decided to try and help out some of the users here who might be unexperienced in HTML, so I
condensed the begginer's HTML course at my website. Here it is... Lesson 1 HTML means Hyper
Text Markup Language. HTML is a very common language used for many websites, is the base for more
complicated and powerful langauges like php, HTML can seem hard, but you will find it is one of the
easiest langauges one can learn. The core of HTML is the tag, a tage is just a set of two
arrows-like brackets created by hitting Shift and the comma key, or Shift and the period....
Php Quiz Script
Make quizzes for your site. (29) Hello all, A little bit back I decided to make a quiz scriptjust out of no where lol. However it
doesnt do anything special but I am going to make an email mod for it so that it will email results
to your email address. So here is the basis of it. INSTRUCTIONS: Open a new page in your text
editor and paste in the following code. CODE $qid = "Quiz ID-00"; ?>
Username: 1.) Question number one is? Answer1 Answer2 2.) Question number two is?
Answer1 Answer2 3.) Question number three is? Answer1 Answer2 4.) Question num....
Php Emailer/contact System
An email or contact system for your site (20) Hello all, Here is an easy Emailer or Contact system that allows visitors or members of your site
to email you just by filling out a form. So here is what you need to do to set it up. First open up
a new page in your text editor and paste in the following code. CODE $Name = $_POST ; $Subject
= $_POST ; $Email = $_POST ; $Site = $_POST ; $Message=$_POST ; $align = $_POST ; $to = "$EmailTo";
$subject = "$Subject"; $body = "$Message\n\n\n$Site\nBy: $Name"; $headers = "From: $Email\n";
mail($to,$subject,$body,$headers); // After they've clicked "Send", this is whe....
Looking for faux, ajax, loading, css, pretend, site, ajax, based
|
Searching Video's for faux, ajax, loading, css, pretend, site, ajax, based
See Also,
|
advertisement
|
|
