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. |
Reply
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.
Reply
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.
Reply
delivi
Oct 13 2007, 02:34 PM
great script jlhaslip, very useful and brilliant. 
Reply
Similar Topics
Keywords : faux, ajax, loading, css, pretend, site, ajax, based
- Make A Flat Based Shoutbox, With Auto Refresh.
(0)
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 <style type="text/css"> </stlye> Ok
lets start CODE <style type="text/css"> p { font-family: "Tahoma";
font-size: 9; color: "red"; } </style> So when you come to put in
CODE <p>Hi!</p> The text will appear red and will be in Tahom....
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.
(11) 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 (4) This is pretty simple but very useful if you don't want people to swear. We will be using
str_replace for this. CODE <?php 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 <?php
str_replace("swear", "replacement"); str_replace("swear",
"replacement"); str_replace("swear", "replacement");
str_replace("swear", "....
Background Image Swap Script
Change a Background Image based on clock time (13) 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 <?php $hour =
date('H'); if ($hour < 12 ) { $image =
"morning.png"; } ....
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 <!DOCTYPE HTML PUBLIC ....
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 Menu Bulding Script And Site Template
available for download (0) A Php Menu-builder Tutorial This Sidebar Menu-builder code and the php scripts are adapted from
a Tutorial on the Astahost.com Forum titled : CMS101 - Content Management System Design .
Since the original tutorial's author (vujsa) did such a marvellous job of describing the system
in the original Topic posting, I will not attempt to explain it here, rather, I invite you to have a
look at his Topic and learn from it. The Basic tutorial provided coding for developing a table-based
web-site template which used php includes and embedded data to create a &....
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 sugg....
How To: Make A Simple Php Site
Making one file show up on all pages using php (20) 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....
Css Based Photo Gallery Code
Fluid design for layout (3) Fluid Design Photo Gallery There are quite a few Topics here on the Trap17 Forum about how to
set-up and use Photo Galleries and about the link code for getting from a Thumbnail Image to a full
size Image and all that stuff, so I would like to take this "Photo Gallery" concept one step further
without covering what others have already supplied instruction for. Usually, when there is a
solution posted here for the code on "how-to-do-this", there are tables involved and the Links are
placed inside Table cells. Tables are not neccesarilly a bad thing, but they were n....
Php Navigation
How to make your navigation based on php (7) I have re-constructed my last PHP Navigation system and it works great. So I have it here for you
guys. Here are the instructions. INSTRUCTIONS: Open your main page for your site in your text
editor and paste in the following code where the main content goes. CODE <?php
error_reporting (E_ALL ^ E_NOTICE); if(!$page){ $page =
$HTTP_GET_VARS['page']; } //You can change 'page' to whatever you want.
//Default Page if($page == "" or $page == "index"){
include("main....
Not To Be Banned By Google
Take care that your site is not banned (2) /sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> Strategic search engine
optimization involves far more than keyword research, META tags and content. If you want to mange an
SEO program, you need to be aware of any issue that can affect your success. Domain name management
is one of the big factors. Effective domain name management is critical because you could end up
getting banned from Google and other search engines if you take the wrong approach. Why would
Google ban you? In the spirit of fair play and providing depth in its results, Google ....
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....
How To Make A Very Simple Wap Site
A quick tutorial about WML language (40) 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 ....
A Php Loginscript For Your Site
For everybody (19) Many people want to make logins to their site. The easiest way to do this is using PHP. I will
describe here all steps creating one. You can copy and paste the code and save it as the name of the
file given above the code. Save everything in the same directory. NOTE: However the code can be
copied its still no basic php anymore. If you have questions you can ask them but a little knowledge
of php is useful. First of all we need to make a login form. This can be an htmlpage. We are
going to ask the user for his username and his password. File is named: "login.html....
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 ....
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!!! (18) 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 // <form
action="/phpBB2/login.php" method="post" target="_top"> <table
width="25%" cellspacing="2" cellpadding="2" border="0"
align="center"> <tr> <td align="left"
class="nav"><a href="/phpBB2/index.php" class="nav">Prank Place
Forum Index</a></td>....
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. (16) 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 <?php $qid = "Quiz ID-00"; ?>
<html> <head> <title><? echo "Gamers Pub $qid";
?></title> </head> <body> <p><h3><? echo "....
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 <?php $Name =
$_POST['Name']; $Subject = $_POST['Subject'];
$Email = $_POST['Email']; $Site =
$_POST['Site']; $Message=$_POST['Message'];
$align = $_POST[&#....
Looking for faux, ajax, loading, css, pretend, site, ajax, based
|
|
Searching Video's for faux, ajax, loading, css, pretend, site, ajax, based
|
advertisement
|
|
May 17, 2008
