Sandbox Development and Consulting Inc. » Javascript http://www.sandboxdev.com Building Solutions for Your Business Needs. Thu, 04 Mar 2010 16:44:01 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Remove Initial Flicker With Smooth Gallery http://www.sandboxdev.com/blog/406/remove-initial-flicker-with-smooth-gallery/ http://www.sandboxdev.com/blog/406/remove-initial-flicker-with-smooth-gallery/#comments Tue, 04 Nov 2008 01:51:50 +0000 jzelazny http://www.sandboxdev.com/?p=406
I recently created a site (in beta testing now) with Smooth Gallery and the client loved it. The Problem: The only issue was that upon the initial page load - all items in the gallery would flicker for a second or two while the first image loaded - causing this to not look professional at [...]]]>

I recently created a site (in beta testing now) with Smooth Gallery and the client loved it.

The Problem:
The only issue was that upon the initial page load - all items in the gallery would flicker for a second or two while the first image loaded - causing this to not look professional at all.

The Solution:

  1. HTML: I took the example code:
    PLAIN TEXT
    PHP:
    1. <div id="myGallery">
    2. <?php $featured_posts = get_posts('numberposts=5&order=DES&orderby=date&category=1');
    3. $i = 0;foreach( $featured_posts as $post ):
    4. setup_postdata($post);  $i++;?>
    5.    <div class="imageElement" id="element<?php echo $i;?>">
    6.       <h3>Item 1 Title</h3>
    7.       <p>Item 1 Description</p>
    8.       <a href="#" title="open image" class="open"></a>
    9.       <img src="images/brugges2006/1.jpg" class="full" />
    10.       <img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
    11.    </div>
    12.  <?php endforeach; ?>
    13.  </div>

    I then added an ID to each div (id="element1") so that each div had a class of "imageElement" and a unique ID (element1, element2, etc).

  2. CSS: Now that I had IDs to style, I added the following to my style sheet:
    PLAIN TEXT
    CSS:
    1. #element2 {display: none;}

By adding the 2 bits of code mentioned below, I was able to initially hide the content in the second div so that only the content in the first div appeared on page load. Once the script started running, it then changed the display from none to block automatically. Problem solved.

]]> http://www.sandboxdev.com/blog/406/remove-initial-flicker-with-smooth-gallery/feed/ 3 Upgrade Google Analytic Tracker Code http://www.sandboxdev.com/blog/javascript/182/upgrade-google-analytic-tracker-code/ http://www.sandboxdev.com/blog/javascript/182/upgrade-google-analytic-tracker-code/#comments Fri, 18 Jan 2008 21:56:52 +0000 jzelazny http://www.sandboxdev.com/blog/javascript/2008/01/18/upgrade-google-analytic-tracker-code.php
If you use Google Analytics on your web site, you should update your tracker code that is placed in your code. The new tracker is faster, and offers added tracking functionality (See Google's announcement) New Code: (put your tracker ID in where you see the X's) PLAIN TEXT HTML: <script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script> <script type="text/javascript"> var pageTracker=_gat._getTracker('UA-XXXXXX-X'); pageTracker._initData(); pageTracker._trackPageview(); </script> While you are updating your [...]]]>

If you use Google Analytics on your web site, you should update your tracker code that is placed in your code. The new tracker is faster, and offers added tracking functionality (See Google's announcement)

New Code: (put your tracker ID in where you see the X's)

PLAIN TEXT
HTML:
  1. <script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
  2. <script type="text/javascript">
  3. var pageTracker=_gat._getTracker('UA-XXXXXX-X');
  4. pageTracker._initData();
  5. pageTracker._trackPageview();
  6. </script>

While you are updating your code, you might also want to consider moving this and any other javascript to the bottom of your web site for improved performance.

]]> http://www.sandboxdev.com/blog/javascript/182/upgrade-google-analytic-tracker-code/feed/ 0 Terms of Use Javascript http://www.sandboxdev.com/blog/79/terms-of-use-javascript/ http://www.sandboxdev.com/blog/79/terms-of-use-javascript/#comments Wed, 31 Jan 2007 23:37:55 +0000 jzelazny http://www.sandboxdev.com/blog/2007/01/31/terms-of-use-javascript.php
Need: A script that a client could easily call within a URL to force the users to agree to their terms of use before downloading a file. Solution:Either put the following code in the header, or in a .js file to include: PLAIN TEXT JAVASCRIPT: <script type="text/javascript"> function terms(){     question = confirm("Terms of Use text here")  if (question !="0"){     [...]]]>

Need: A script that a client could easily call within a URL to force the users to agree to their terms of use before downloading a file.

Solution:Either put the following code in the header, or in a .js file to include:

PLAIN TEXT
JAVASCRIPT:
  1. <script type="text/javascript">
  2. function terms(){
  3.     question = confirm("Terms of Use text here")
  4.  if (question !="0"){
  5.         document.URL()
  6.     }
  7.   }
  8. </script>

Then, call this code in your HTML code by using:

PLAIN TEXT
HTML:
  1. <a href="http://www.sandboxdev.com" onclick="terms();return false;" value="Display Terms of Use" />Download Link</a>

]]> http://www.sandboxdev.com/blog/79/terms-of-use-javascript/feed/ 2