<php if (strpos($_SERVER['HTTP_USER_AGENT'],"iPhone")) { ?>
... CUSTOM CSS FOR IPHONE...
<php } ?>

This will also work for iPhones and iPod Touch:

<php if (strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) { ?>
... CUSTOM CSS...
<php } ?>

That's great and all – but then suddenly one day it stopped working. Going back through what changed on the site, I realized one thing we added was a cache plugin. DOH! So the page gets cached without the custom CSS for the iPhone – the iPhone calls up the site but gets served the cached page (non-iPhone version)… Yeah, that would do it.

So I found this solution:

<!--[if !IE]>-->
<style type="text/css">
@media only screen and (max-device-width: 480px) {
.... CUSTOM CSS HERE....
}
</style>
<!--<![endif]-->

or of course you can pull in a whole stylesheet for the iphone:

<!--[if !IE]>-->
<link media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" href="iphone.css" />
<!--<![endif]-->

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

First step is to load all the quotes you want into an array:

$quotes[] = "This is line 1";
$quotes[] = "This is line 2";
$quotes[] = "this is line 3";
$quotes[] = "This is another line";
$quotes[] = "This is yet another line";
$quotes[] = "Line 6";

Now get a handful of keys using array_rand:

$rand_keys = array_rand($quotes, 2);

We specified to get two random keys from the $quotes array – (You can grab more if you want, just change the "2")

Now that we have our random keys – you can either list them out one by one like this:

//show the first quote...
echo $quotes[$rand_keys[0]];
//show the second quote
echo $quotes[$rand_keys[1]];

Or you can loop through the keys like this:

foreach ($rand_keys as $value) {
echo $quotes[$value]."<br />";
}

That's all there is to it.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

<?php echo date("Y"); ?>

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

So first things first – since we'll be passing values in the src path – we need to check for them and then pull them into our script using $_GET: (also we'll say we're making a image with header)

if (isset($_GET['cur']) && isset($_GET['goal']) && isset($_GET['height']) && isset($_GET['width']) ) {
header("Content-type: image/png");
//setting the values we'll use in our script pulled in from GET
$height = trim($_GET['height']);
$width = trim($_GET['width']);
$goal = trim($_GET['goal']);
$current = trim($_GET['cur']);

Next – for the text to be displayed on the bar graph – we'll want to say what percent towards the goal we are. (Or if the goal is reached – just say 100%)

if ($current > $goal) {
//if we've reached the goal - just max out current value and say 100% achieved
//if you don't mind text saying over 100% then you can remove the next two lines
$current = $goal;
$percent= "100%!";
} else if ($current == "" || $current == "0") {
//if no donations - just say 0%
$percent = "0%";
} else {
//otherwise calculate the percent to goal text
$percent = round(($current/$goal)*100) . "%";
}

Now lets start building our bar graph. First we create an image and assign a variable name so we can apply stuff to it. Then, to create colors we can use on our image, we use the ImageColorAllocate function in PHP – so that it understands it's a color.

$im = @imagecreate($width,$height)
or die("Cannot Initialize new GD image stream");
$bg = imagecolorallocate($im,200,200,200); // grey
$fg = imagecolorallocate($im,255,0,0); //red
$text_color = imagecolorallocate($im, 0, 0, 0); //black

(Side note: The first color that is called with imagecolorallocate… this is the color which is used as the default background of the image even though it isn't SPECIFICALLY "applied" to the image as such in any particular function.)

Now we need to calculate the "fill" box. The box I'm creating in this example grows UP. This part for some reason I had the toughest time trying to understand what the values were and how to calculate it. What "x" and "y" were in relation to my graphic. So now that I have a basic understanding of how it works, I'll try to explain it in the way that I understand it.

We're going to use the imagefilledrectangle function to create the box in our graphic that shows how many donations we have. PHP.net shows the function like this:

imagefilledrectangle ($image, $x1, $y1, $x2, $y2, $color)

x1 and y1 are coordinates on our image. It starts at 0 at the top and then works across our width for our x value, and down our height for y value. x1,y1 are coordinates of the left point of our rectangle, and x2,y2 are the coordinates of the right point which is on the opposite/diagonal side of our rectangle. If we wanted to fill in our image completely and our image was 20pixels WIDE and 100pixels HIGH: the top left of the image x,y coordinate value is 0,0. Then we tell it the second x,y coordinate – again we go across the full width of the image for the x value (20pixels) and go down the height of the image to get the y value (100pixels). And if that didn't confuse you, I made a diagram that should make all that clear as mud:

In our thermometer/goal graph – that box is dynamic – so we need to calcuate that first x,y coordinate based on our donations. Specifically – the y coordinate – because that tells us how filled up our thermometer is. Here is how I calculate it. (Because you actually are still here even after my convoluted coordinate explanation I'll spare you the explanation of how the calculation works and you can take my word for it that it will figure out the correct height based on the goal and current achieved donation values.)

$fill = $height-(($current/$goal)*$height);

And now we make our rectangle:

imagefilledrectangle($im, 0, $fill, $width, $height, $fg);

Now lets write on our picture what the percentage is. imagstring has a few parameters that get passed – first is of course the image variable, then a "font" number (default fonts are 1-5), then another x , y coordinate. This will be the top left corner of where the text will show up. For simplicity sake I just have it a little off the corner at the top., then our text (we defined this earlier), and then our text color – (also defined earlier)

imagestring($im, 3, 2, 2, $percent, $text_color);

Then we output our image to the browser:

imagepng($im);

Clean up our mess and close our "if" statement:

imagedestroy($im);
}

Here's a demo.

Here's the whole thing in one file (rename it with a .php extension).

Call it in your html like this:

<img src="goalgraph.php?cur=1650&goal=3000&width=30&height=100" alt="Help us get to our goal" />

Bonus Tip
Now position your bar graph over another image with css.
(I removed the text in that last example because it was too thin…)

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

I've seen variations on it, as I said, I always have to look it up for the exact syntax – but today I found that from here. Also here - which seems to list a bunch of other useful snippets.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

side note: difference between a session cookie and a regular cookie – session cookies only last as long as your browser is up and running. They will "timeout" after a while too – how long before it times out is a setting in PHP itself (that php.ini file) on the server. Usually it's a few minutes. If it's not long enough – then session cookies probably aren't appropriate for what you need to do! Regular cookies are stored on the users machine. You can set the "lifespan" of this cookie to be several minutes or even several years. So obviously it doesn't go away if the user closes their browser, etc. Since we're only using this information for a moment, we probably wouldn't want the browser to remember it forever and ever – which is why session cookies are perfect.

Ok, so here's how you put all the post values into a session cookie.

First thing – you need to tell the page you're using sessions. Start the session by putting this snippet of code above ANY html tags (including doctype declarations)<?php
session_start();
?>

In this next step we'll want to iterate through that $_POST array and store each piece of information in a similar session cookie array.

To create the session cookies – very easy:<?php
foreach($_POST as $k=>$v) {
$_SESSION['post'][$k]=$v;
}
?>
(I've actually mentioned this method before)

What that says is – for each piece of information we have in the $_POST array – $k will be the index name and $v will be the value – So if you have a field with the name "First_Name" it's value is now stored in this session cookie: $_SESSION['post']['First_Name'].

Another side note – the reason why I'm storing them in a sub-array $_SESSION['post']['FIELDNAME'] as opposed to just $_SESSION['FIELDNAME'] is in the event that the field name overlaps with something else that might be used. In fact, you can rename 'post' to be specific to the form you're working on to ensure it's not overlapping with anything else… ie. $_SESSION['myContactForm']['FIELDNAME']

Ok – once you do all the above (start the session – get all the data into a session cookie, etc.) you can then display each piece by using the session cookies. For example if you want to do a "confirm" page that spits back all the data that was entered before it gets submitted. You just echo all the session cookies like this: echo $_SESSION['post']['First_name']

On this "confirm" page – you can have a simple form with just a "confirm" and "go back" button. If you want people to be able to go back and edit their entries, you can make the fields in the form pages be "pre-populated" using the session cookie values like this:
First Name: <input type="text" name="First_Name" value="<?= $_SESSION['post']['First_Name']; ?>">

Unfortunately – checkboxes and dropdowns need to be handled differently. Because we're not displaying the value – we need to check each option – and if that's what had been selected, then we echo the text selected="selected"

To do the check you could do it "long hand" like this:<option value="NEW YORK" <?php if ($_SESSSION['post']['state'] == "NEW YORK") {
echo 'selected="selected"';
} ?> >NEW YORK</option>

and do that for each item – or you can do it the "shorthand" way – which I prefer for this much repetition – makes the code cleaner too:<option value="NEW YORK" <?php echo $_SESSION['post']['state']=='NEW YORK'?'selected="selected"':''; ?> >NEW YORK</option>

Another side note: the way that shorthand works is this:

CONDITIONAL_STATEMENT ? Do_this_if_true : Do_this_if_false

Once we're done updating the database, we'll want to clear out our session cookie:

<?php
unset($_SESSION['post']);
?>

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

First, above the loop I added this:
<?php
$count = 0;
?>
This is to count the number of posts we're on.

Then just after the end of the loop call (<?php while (have_posts()) : the_post(); ?>) but before you start the code for the posts, I added this:
<?php
if ($wp_query->get("page") || $wp_query->get("paged")) {
$onFirstPage = false;
} else {
$onFirstPage = true;
}
?>
That bit of code I got basically from this post on the support boards.

Then to determine if we should call the text for the ad (in this case I wanted it displayed only on category id #29), and to then display the ad…
<?php
if (is_category('29') && $count == 2 && $onFirstPage) {
?>
...ADVERTISEMENT TEXT OR IMAGE GOES HERE...
<?
}
$count++;
?>

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Connect to MySQL and to the database – mysql_connect
$connect = mysql_connect("localhost", "mysqluser", "userpassword") or die(mysql_error());

Select the database – mysql_select_db
mysql_select_db("databasename", $connect) or die(mysql_error());

Close connection – mysql_close
mysql_close($connect) or die(mysql_error());

Select data from the database – mysql_query
$myquery = "SELECT tablefield, tablefield2 FROM tablename WHERE tablefield = '" .$variable. "' AND tablefield2 = '" .$variable2. "'";
(or)
$myquery = "SELECT * FROM tablename WHERE tablefield = '" .$variable. "' AND tablefield2 = '" .$variable2. "'";
$myresult = mysql_query($myquery ) or die(mysql_error());

Selecting, Grouping, and Ordering the data
SELECT [ALL | DISTINCT] column1[,column2] FROM table1[,table2] [WHERE "conditions"] [GROUP BY "column-list"] [HAVING "conditions] [ORDER BY "column-list" [ASC | DESC] ]

Display Data – mysql_fetch_array
while ($row = mysql_fetch_array($myresult)) {
echo $row["tablefield"] . " and " . $row["tablefield2"] . "<br />";
}

Insert data
$query_insert = "INSERT INTO tablename(tablefield, tablefield2) VALUES('" .$variable. "', '" .$variable2. "')";
$result_insert = mysql_query($query_insert) or die(mysql_error());

Insert data, multiple rows
$query_insert = "INSERT INTO tablename(tablefield, tablefield2) VALUES ('" .$variable. "', '" .$variable2. "'),
('" .$variable. "', '" .$variable2. "'),
('" .$variable. "', '" .$variable2. "')";
$result_insert = mysql_query($query_insert) or die(mysql_error());

Update data
$query_update = "UPDATE tablename SET tablefield = '" .$variable. "', tablefield2 = '" .$variable. "' WHERE tablefield3 = '" .$variable3. "'";
$result_update = mysql_query($query_update) or die(mysql_error());

Delete a row from a table
$query_delete = "DELETE FROM tablename WHERE tablefield = '" .$variable. "'";
$result_delete = mysql_query($query_delete) or die(mysql_error());

Some good references:
http://sqlcourse.com
http://www.w3schools.com/sql/

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

I was basically following the instructions from this page: SomeCoders.com (Retrieving database information with AJAX, PHP and MySQL)

Take a look…

Here's what the heart of the "user" page looks like.

At the top – before the HTML tag – I open a connection with the database:

<?php
$dbconnection = mysql_connect ("localhost", "mysqlusername", "mysqlpassword") or die ('I cannot connect to the database because: ' . mysql_error());
mysql_select_db ("mydatabase", $dbconnection) or die("Couldn't open database: ".mysql_error());
?>

Then inside the page…

<h1>Store Locator</h1>
<p>To locate a store, select a state from the list below.</p>
<form name="selectastore">
<?php
$result = mysql_query("SELECT DISTINCT state from storelocator order by state");
?>
<div class="row">
<div class="label">State:</div><div class="field"><select name="state" onchange="getcities(this.value)">
<option value="" selected="selected">Select a State...</option>
<?php
while ($row = mysql_fetch_array($result)) {
?>
<option value="<?=$row['state']; ?>"><?=$row['state']; ?></option>
<?php } ?>
</select></div>
</div>
<div id="cities" class="row">
</div>
<div id="stores" class="row">
</div>
</form>

I used the javascript from the example. There's probably a way to combine it into one function, but because I'm still sorting my way through this, I just duplicated the function to pull cities, and then pull store names…

This is the function to grab the list of cities… (I've removed the comments, please see their post for a more detailed explanation on how this function works.)

function getcities(state){
document.getElementById('stores').innerHTML = "";
/*
doing this in case someone changes their mind and wants to select a different state. When they do - any stores that are already listed will be cleared.
*/
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
xmlhttp = new
ActiveXObject('Microsoft.XMLHTTP');
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
var file = 'getcities.php?state=';
xmlhttp.open('GET', file + state, true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
var content = xmlhttp.responseText;
if( content ){
document.getElementById('cities').innerHTML = content;
}
}
}
xmlhttp.send(null)
return;
;
}

This is the function (almost exact duplicate of the above) to grab the list of stores… This time, I'm passing in the selected city, and the selected state.

function getstores(city, state){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
xmlhttp = new
ActiveXObject('Microsoft.XMLHTTP');
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
xmlhttp.open('GET', 'getstores.php?state=' + state + '&city=' + city, true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
var content = xmlhttp.responseText;
if( content ){
document.getElementById('stores').innerHTML = content;
}
}
}
xmlhttp.send(null)
return;
}

Now onto the PHP pages I'm calling with the javascript…

"getcities.php" will populate the storelocator page with another dropdown box of cities it pulls from the database. Here's what that looks like:

<?php
$dbconnection = mysql_connect ("localhost", "mysqlusername", "mysqlpassword") or die ('I cannot connect to the database because: ' . mysql_error());
mysql_select_db ("mydatabase", $dbconnection) or die("Couldn't open database: ".mysql_error());
$result = mysql_query("SELECT DISTINCT city from storelocator where `state`= '".$_GET['state']."' order by city");
echo "<div class=\"label\">City:</div><div class=\"field\"><select name=\"city\" onchange=\"getstores(this.value, document.selectastore.state.options[ document.selectastore.state.selectedIndex ].value)\">";
echo "<option selected=\"selected\" value=\"\" >Select a City...</option>";
while ($row = mysql_fetch_array($result)) {
echo "<option value=\"".$row['city'] ."\">" . $row['city'] ."</option>";
}
echo"</select></div>";
?>

When you select a city, a second php script gets called… "getstores.php". This one grabs all the store data for the selected city and state and updates the page with the listing of stores…

<?php
$dbconnection = mysql_connect ("localhost", "mysqlusername", "mysqlpassword") or die ('I cannot connect to the database because: ' . mysql_error());
mysql_select_db ("mydatabase", $dbconnection) or die("Couldn't open database: ".mysql_error());
$result = mysql_query("SELECT * from storelocator where `city`='".urldecode($_GET['city'])."' AND `state`='".$_GET['state']."';");
while ($row = mysql_fetch_array($result)) {
echo "<p>";
if ($row['url'] != "") {
echo "<a href='".$row['url']."' target='_blank'>";
}
echo $row['store'];
if ($row['url'] != "") {
echo "</a>";
}
echo "<br>";
echo $row['address']."<br>";
if ($row['address2'] != "") {
echo $row['address2']."<br>";
}
echo $row['city'].", ".$row['state']." ".$row['zip'];
if ($row['phone'] != "") {
echo "<br>".$row['phone'];
}
echo "</p>";
}
?>

I haven't done much with AJAX, so if you see any issues, feel free to let me know and I'll update the post with the corrections…

If I get some free time (*cough*HA!*cough*) I'll try to package it all up into a downloadable .zip file – including the "admin" side which has the adding/editing/deleting store functionality.

5/26/2008 Update Since there's still some interest in this, here is a download for the store locator. It includes the sql to create the store locator table, the admin pages, etc. There's no "design" to the pages – and the "login" for the admin pages is pretty bare-bones.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.