Form ouput with images

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
jackjack
Forum Newbie
Posts: 14
Joined: Sat Jul 16, 2005 11:43 pm

Form ouput with images

Post by jackjack »

Can some one help me point out the errors in my code.

Here's what I was trying to do.

the form has 4 radio buttons. When chosen each button should display a picture.

here's my code

Code: Select all

<?php 

$catgames = $_POST&#1111;&quote;catgames&quote;];
$catflash = $_POST&#1111;&quote;catflash&quote;];
$catvideos = $_POST&#1111;&quote;catvideos&quote;];
$catpictures = $_POST&#1111;&quote;catpictures&quote;];


if (!is_numeric($_POST&#1111;'catgames'])) { 
   echo '<img src=&quote;http://www.domain.com/img/games.gif&quote;>';
	die(&quote;&quote;); 
} 

if (!is_numeric($_POST&#1111;'catflash'])) { 
   echo '<img src=&quote;http://www.domain.com/img/flash.gif&quote;>';
	die(&quote;&quote;); 
} 
if (!is_numeric($_POST&#1111;'catvideos'])) { 
   echo '<img src=&quote;http://www.domain.com/img/videos.gif&quote;>';
	die(&quote;&quote;); 
} 
if (!is_numeric($_POST&#1111;'catpictures'])) { 
   echo '<img src=&quote;http://www.domain.com/img/pictures.gif&quote;>';
	die(&quote;&quote;); 
} 


; 

 
Thanks!  
</p> 
&quote;; 

?>
User avatar
Burrito
Spockulator
Posts: 4715
Joined: Wed Feb 04, 2004 8:15 pm
Location: Eden, Utah

Post by Burrito »

try this:

Code: Select all

<?
if(isset($_POST['pic'])){
  switch($_POST['pic']){
    case 1:
    $img = "firstpic.jpg";
    break;
    case 2:
    $img = "secondpic.jpg";
    break;
    case 3:
    $img = "thirdpic.jpg";
    break;
    case 4:
    $img = "fourthpic.jpg";
    break
  }
echo "<img src=\"".$img."\">";

}

?>
<html>
<body>
<form method="post" name="MyForm">
<input type="radio" name="pic" value="1" onClick="document.MyForm.submit()">first pic<br>
<input type="radio" name="pic" value="2" onClick="document.MyForm.submit()">second pic<br>
<input type="radio" name="pic" value="3" onClick="document.MyForm.submit()">third pic<br>
<input type="radio" name="pic" value="4" onClick="document.MyForm.submit()">fourth pic<br>
</form>
</body>
</html>
f(isset($_POST['pic'])){
switch($_POST['pic']){
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = &quote;thirdpic.jpg&quote;;
break;
case 4:
$img = &quote;fourthpic.jpg&quote;;
break
}
echo &quote;&lt;img src=\&quote;&quote;.$img.&quote;\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
&lt;body&gt;
&lt;form method=&quote;post&quote; name=&quote;MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;2&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;second pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;3&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;third pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;4&quote; onClick=&quote;d($_POST['pic']){
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg&quote;;
break;
case 3:
$img = &quote;thirdpic.jpg&quote;;
break;
case 4:
$img = &quote;fourthpic.jpg";
break
}
echo "<img src=\&quote;&quote;.$img.&quote;\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
&lt;body&gt;
&lt;form method=&quote;post&quote; name=&quote;MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;2&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;second pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;3&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;third pic&lt;br&gt;
&lt;input type=&ququote;firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg&quote;;
break
}
echo &quote;&lt;img src=\&quote;&quote;.$img.&quote;\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
&lt;body&gt;
&lt;form method=&quote;post&quote; name=&quote;MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;2&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;second pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;3&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;third pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&am1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\"".$img."\">";

}

?>
<html>
<body>
<form method="post" name="MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&am1]
<?
if(isset($_POST['pic'])){
switch($_POSTї'pic']){
case 1:
$img = &quote;firstpic.jpg&quote;;
break;
case 2:
$img = &quote;secondpic.jpg&quote;;
break;
case 3:
$img = &quote;thirdpic.jpg&quote;;
break;
case 4:
$img = &quote;fourthpic.jpg&quote;;
break
}
echo &quote;&lt;img src=\&quote;&quote;.$img.&quote;\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
&lt;body&gt;
&lt;form method=&quote;post&quote; name=&quote;MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;2&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;second pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;3&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;third pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;4&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;fourth pic&lt;br&gt;
&lt;/form&gt;
&lt;/body&amp1]
<?
if(isset($_POST['pic'])){
switch($_POST['pic']){
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\"".$img."\">";

}

?>
<html>
<body>
<form method="post" name="MyForm">
<input type="radio" name="pic" value="1" onClick="document.MyForm.submit()">first pic<br>
<input type="radio" name="pic" value="2" onClick="document.MyForm.submit()">second pic<br>
<input type="radio" name="pic" value="3" onClick="document.MyForm.submit()">third pic<br>
<input type="radio" name="pic" value="4" onClick="document.MyForm.submit()">fourthmethod="post" name="MyForm">
<input type="radio" name="pic" value="1" onClick="document.MyForm.submit()">first pic<br>
<input type="radio" name="pic" value="2" onClick="document.MyForm.submit()">second pic<br>
<input type="radio" name="pic" value="3" onClick="document.MyForm.submit()">third pic<br>
<input type="radio" name="pic" value="4" onClick="document.MyForm.submit()">fourth pic<br>
</form>
</body>
</html>
p;quote;>first pic<br>
<input type="radio" name="pic" value="2" onClick="document.MyForm.submit()">second pic<br>
<input type="radio" name="pic" value="3" onClick="document.MyForm.submit()">thih($_POST['pic']){
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\"".$img."\">";

}

?>
<html>
<body>
<form method="post" name="MyForm">
<input type="radio" name="pic" value="1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg&quote;;
break;
case 3:
$img = &quote;thirdpic.jpg&quote;;
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\"".$img."\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
&lt;body&gt;
&lt;form method=&quote;post&quote; name=&quote;MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;2&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;second pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;3&quote$_POST['pic'])){
switch($_POST['pic']){
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\"&quote;.$img.&quote;\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
<body>
<form method="post" name="MyForm">
<input type="radio" name="pic" value="1" onClick="document.MyForm.submit()">first pic<br>
<input type="radio" name="pic" value="2" onClick="document.MyForm.submit()">second pic<br> "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\&quote;&quote;.$img.&quote;\&quote;&gt;&quote;;

}

?&gt;
&lt;html&gt;
&lt;body&gt;
&lt;form method=&quote;post&quote; name=&quote;MyForm&quote;&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;1&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;first pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;2&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;second pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;3&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;third pic&lt;br&gt;
&lt;input type=&quote;radio&quote; name=&quote;pic&quote; value=&quote;4&quote; onClick=&quote;document.MyForm.submit()&quote;&gt;fourth pic&lt;br&gt;
&lt;/form&gt;
&hpic.jpg";
break
}
echo "<img src=\"".$img."\">";

}

?>
<html>
<body>
<form method="post" name="MyForm">
<input type="radio" name="pic" value="1" onClick="document.MyForm.submit()">first pic<br>
<input type=&am
<?
if(isset($_POST['pic'])){
switch($_POST['pic']){
case 1:
$img = "firstpic.jpg";
break;
case 2:
$img = "secondpic.jpg";
break;
case 3:
$img = "thirdpic.jpg";
break;
case 4:
$img = "fourthpic.jpg";
break
}
echo "<img src=\"".$img."\">";

}

?>
<html>
<body>
<form method="post" name="MyForm">
<input type="radio" name="pic" value="1" onClick="document.MyForm.submit()">first pic<br>
<input type="radio" name="pic" value="2" onClick="document.MyForm.submit()">second pic<br>
<input type="radio" name="pic" value="3" onClick="document.MyForm.submit()">third pic<br>
<input type="radio" name="pic" value="4" onClick="document.MyForm.submit()">fourth pic<br>
</form>
</body>
</html>
jackjack
Forum Newbie
Posts: 14
Joined: Sat Jul 16, 2005 11:43 pm

Post by jackjack »

Cool, thanks I've got yours to work.

I kinda got it working with checkbox buttons too.:wink:

Code: Select all

<?php 
 
if ($_POST&#1111;'catgames']) { 
   echo '<img src=&quote;http://www.domain.com/img/games.gif&quote;>';
} 
 
else if ($_POST&#1111;'catflash']) { 
   echo '<img src=&quote;http://www.domain.com/img/flash.gif&quote;>';
} 
else if ($_POST&#1111;'catvideos']) { 
   echo '<img src=&quote;http://www.domain.com/img/videos.gif&quote;>';
} 
else if ($_POST&#1111;'catpictures']) { 
   echo '<img src=&quote;http://www.domain.com/img/pictures.gif&quote;>';
} 
 
echo &quote;Thanks!</p>&quote;; 
?>
Post Reply