Image on HTML page

sixseven

Hello,

Fairly new to PHP and was curious if someone might know how to solve a fairly simple request.

I am currently passing the name of an end user (who types their name in a form field) to a URL which is then passed along and placed into an html page to personalize the page for them to print. Is there a way that I could use PHP to use a specific image for a specific name typed in the field?

Example would be:

Name typed in field: Bob
Picture used: Baseball

Name typed in field: Alison:
Picture used: Cat

Not sure how difficult this would be to do, but I would appreciate any help that isout there. If you need me to paste some of the code up let me know.

Thanks

dagon

ver simple example


if ($name=='Bob'){
echo '<img src="Baseball.jpg">';
}elseif($name=='Alison'){
echo '<img src="Cat.jpg">';
}

etully

Choosing the right way to do this (Dagon's method is fine) will depend on how many name/image pairs you have. Bob and a baseball and Allison and cat is very easy and I'd stick with Dagon's solution.

If you had 10-30 names and images, I might suggest setting up an array and using the person's name to find the image that should be displayed.

But if you are going to have more than 30, I'd suggest doing it with a database.

Another factor is how often the names/images will change. Today the name Bob is connected to a baseball but will it be connected to a duck tomorrow? Will it change every day? Every month? Year? Hour? The more often it changes, the more it makes sense to do this with a database so that you can easily associate new images with the name Bob.

Also, you're going to want to consider what to display when someone's name is not one that you've planned for. My sister's name is Qkdrovrosmowemwxpws. I bet you don't have an image picked out for that one yet.

sixseven

etully,

I would imagine I would have to use a database because the number of people using it is going to be around 50 people. The images won't change. Bob would always be a baseball unless they are OK with the default image.

This doesn't sound like it would be too difficult, but I am not that experienced with PHP. Used it on a few things here and there.

Here is the code from the form that the end user types in their name:

          <label>Gallery Name:<br />
          <input type="text" name="name" id="name" />
          </label>
          <br />
          <label>
          <input type="submit" name="Submit" id="Submit" value="Submit" />
          </label>
        </form>

Here is the code that receives the post from above file:
<?php

$Gallery = Trim(stripslashes($_POST['Gallery']));

// redirect to success page
if ($success){
print "<meta http-equiv=\"refresh\" content=\"0;URL=path to file/comp_pass_exhibitor.php?name=$Name\">";
}
else{
print "<meta http-equiv=\"refresh\" content=\"0;URL=path to file/comp_pass_exhibitor.php?name=$Name\">";
}
?>

_____Below is code from the html page I want personalised____

Here is the bit of code that places the name in the html page:
<p><strong>
<span style="text-transform:uppercase;"><?php echo $_GET['name']; ?></span> <br>
some text that doesn't change</strong> </p>

Here is the bit of code for the image on the html page:

sixseven

Ooops. Couple things were changed from code above. This is updated as to not confuse anyone.

Here is the code from the form that the end user types in their name:

<label>Gallery Name:<br />
<input type="text" name="name" id="name" />
</label>
<br />
<label>
<input type="submit" name="Submit" id="Submit" value="Submit" />
</label>
</form>

Here is the code that receives the post from above file:
<?php

$Name = Trim(stripslashes($_POST['Name']));

_____Below is code from the html page I want personalised____

Here is the bit of code that places the name in the html page:
<p><strong>
<span style="text-transform:uppercase;"><?php echo $_GET['name']; ?></span> <br>
some text that doesn't change</strong> </p>

Here is the bit of code for the image on the html page:

etully

sixseven:

Maybe I picked the number "30" a little carelessly.  What I should have said is that 30 would be [B]MY[/B] cut off point.  If I were doing this and there were more than 30, then I would use a database.  But the truth is that if you were going to use the array method,  you could do 50, 70, or even 100 without any real performance impact.

So the real factor that should make you decide between an array and a database is whether or not you want to use this as a practice project to make your database skills better.

If you want to do this with an array, it might look like this:

$name_picture_array = array("bob"=>"baseball.jpg","allison"=>"cat.gif","betty"=>"football.jpg");

$name = $_POST['name'];

$name_lower_case = strtolower($_POST['name']);

echo "$name: <img src=\"" . $name_picture_array[$name] . "\">";

Weedpacket

sixseven, please use the formatting codes described in the FAQ to make your posts easier to read.

sixseven

Will do weedpacket. I'm new to this and didn't read over the faq before I posted.

Thanks for the post etully. Looks like I should be able to get this working with all of your help.

sixseven

I'm still having issues with this code.

On the re-direct it shows the image but doesn't place it into the html cell I need it to on my html page. Here is a link so you can see what it is doing. http://www.67creative.com/testing/start.html

This seems so simple to fix, but I can't figure it out.

Here is the starting code for the form where user places name.

<form id="form1" name="form1" method="post" action="http://www.67creative.com/testing/test-redirect.php">

          <label>Gallery Name:<br />
          <input type="text" name="Name" id="Name" />
          </label>
          <br />
          <label>
          <input type="submit" name="Submit" id="Submit" value="Submit" />
          </label>
        </form>

Here is the php code that posts that name and also shows the array for images assigned to names.

<?php

$Name = Trim(stripslashes($_POST['Name'])); 

$name_picture_array = array("Bob"=>"http://www.67creative.com/testing/img_1.jpg","Allison"=>"http://www.67creative.com/testing/img_2.jpg","betty"=>"football.jpg");

$picture_name = $name_picture_array[$Name];

echo "$Name: <img src=\"" . $picture_name . "\">"; 

if ($picture_name = '')
{
	$picture_name = "default.jpg";
}



// redirect to success page 
if ($success){
  print "<meta http-equiv=\"refresh\" content=\"0;URL=http://www.67creative.com/testing/test_email.php?name=$Name\">";
}
else{
  print "<meta http-equiv=\"refresh\" content=\"0;URL=http://www.67creative.com/testing/test_email.php?name=$Name\">";
}
?>

This is the final html page where I want the image assigned to a certain name to be placed into the data cell and show up on screen.

<td><?php echo "$Name: <img src=\"" . $picture_name . "\">"; ?></td>

darkgr33n

Just before the missing image page, the image does flash up. I think you need to store $picture_name as a session variable for use after the refresh

so $_SESSION['picture_name'] = $name_picture_array[$Name];

and then use the session the next page:
<td><?php echo "$Name: <img src=\"" . $_SESSION['picture_name'] . "\">"; ?></td>

don't forget to set session_start(); right at the top of each page.

darkgr33n

actually, you'll need to set $Name as a session too, if you want to use it on the next page:

$SESSION['Name'] = Trim(stripslashes($POST['Name']));

$name_picture_array = array("Bob"=>"http://www.67creative.com/testing/img_1.jpg","Allison"=>"http://www.67creative.com/testing/img_2.jpg","betty"=>"football.jpg");

$SESSION['picture_name'] = $name_picture_array[$SESSION['Name']];

and then:

odesseyceaser

am a beginner in php programming, pls i need necessary help, guideline and advice to be professional like you people