Επιλογή φωτογραφιών απο photo gallery

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
sportikus
Δημοσιεύσεις: 10
Εγγραφή: 08 Ιούλ 2010 16:19

Επιλογή φωτογραφιών απο photo gallery

Δημοσίευση από sportikus » 08 Ιούλ 2010 16:27

Έχω μια photo gallery και θέλω ο χρήστης να έχει την δυνατότητα να διαλέγει με add ή με check box ποιές φωτογραφίες του αρέσουν τα στοιχεία να μαζεύονται σε μια φόρμα και να μου στέλνει με mail τα αποτελέσματα.
Μπορεί κάποιος να βοηθήσει αν υπάρχει κάτι έτοιμο ή με ποιό τρόπο είναι εφικτό να γίνει?
Ευχαριστώ για τον χρόνο σας.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Επιλογή φωτογραφιών απο photo gallery

Δημοσίευση από dimsis » 08 Ιούλ 2010 19:38

http://www.plus2net.com/php_tutorial/array_checkbox.php
όπου αντί για τα ονόματα βάζεις τις φωτογραφίες και στο τέλος βάζεις και κώδικα να στέλνει email το array

Πήρα στα πολύ γρήγορα λίγο κώδικα μιας css gallery από το akisplace από εδώ ( http://akisplace.com/html-and-css-tutor ... -tutorial/ ) με λίγες αλλαγές (γιατί χωράει και άλλες!) και το αποτέλεσμα:
http://www.woot.gr/playground/select_images/

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Gallery&#58; Archimidis Mertzanos , Modifications&#58; DimSis" />
<style type="text/css">
* &#123;
	margin&#58;0;
	padding&#58;0;
&#125;
#wrapper &#123;
	width&#58;850px;
	margin&#58; 0 auto;
&#125;
.galleryContainer &#123;
	padding-top&#58;10px;
	padding-left&#58;10px;
	padding-bottom&#58;10px;
	width&#58;736px;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
	font-size&#58; 14px;
	font-style&#58; normal;
	float&#58; left;
	background&#58;#eeeeee;
&#125;
.ourPhoto &#123;
	border&#58; 1px solid #cccccc;
	height&#58; auto;
	float&#58; left;
	background&#58;#ffffff;
	margin-right&#58; 10px;
	margin-bottom&#58;10px;
&#125;
.ourPhoto img &#123;
	margin-top&#58;10px;
	margin-left&#58;10px;
	margin-right&#58; 10px;
	margin-bottom&#58; 10px;
	border&#58; 1px solid silver;
	width&#58;150px;
&#125;
.ourTitle &#123;
	text-align&#58; center;
	font-size&#58;10px;
	width&#58; 150px;
	margin-left&#58; 5px;
	margin-right&#58;5px;
	margin-top&#58;3px;
	margin-bottom&#58;5px;
	height&#58;30px;
&#125;
.message &#123;
	clear&#58;both;
	padding-top&#58;1em;
&#125;
</style>
<title>H CSS GALLERY μας!</title>
</head>
<body>
<div id="wrapper">
  <form method="post" action="">
    <div class="galleryContainer">
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4034/4470000557_92a95a4057_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 1">
          Photo 1</div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4047/4570647581_098d865c77_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 2">
          Photo 2 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4011/4673920699_f517681710.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 3">
          Photo 3 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4025/4570643327_fb26ac47c2_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 4">
          Photo 4 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4029/4571269628_c074dbe788_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 5">
          Photo 5 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4007/4570620067_af40319b0e_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 6">
          Photo 6 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4039/4568465974_990fb4a922_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 7">
          Photo 7 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4071/4469991599_b5d9ee17f8_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 8">
          Photo 8 </div>
      </div>
      <input name="submit" type="submit" value="Select" />
    </div>
  </form>
  <?php
function mail_utf8&#40;$to, $subject = '&#40;No subject&#41;', $message = '', $header = ''&#41; &#123;
  $header_ = 'MIME-Version&#58; 1.0' . "\r\n" . 'Content-type&#58; text/plain; charset=UTF-8' . "\r\n";
  mail&#40;$to, "=?UTF-8?B?".base64_encode&#40;$subject&#41;.'?=', $message, $header_ . $header&#41;;
&#125;
?>
  <div class="message">
    <h2>Επιλεγμένες φωτογραφίες&#58;</h2>
    <?php $box=$_POST&#91;'box'&#93;;
	while &#40;list &#40;$key,$val&#41; = @each &#40;$box&#41;&#41; &#123;  $m=$m."$val,";  &#125; 
	echo &#40;$m&#41;;
	$to = "dimitris@siskopoulos.gr";
	$subject = "Οι επιλεγμένες φωτογραφίες είναι...";
	$message = "Επιλέχθηκαν οι&#58;".$m;
	//Sent Mail 
	mail_utf8&#40;$to,$subject,$message&#41;;

	?>
  </div>
</div>
</body>
</html>
download από: http://www.box.net/shared/nrc390ooql

sportikus
Δημοσιεύσεις: 10
Εγγραφή: 08 Ιούλ 2010 16:19

Επιλογή φωτογραφιών απο photo gallery

Δημοσίευση από sportikus » 09 Ιούλ 2010 15:28

Όντως αυτό ήθελε...php!!!.Ευχαριστώ και κάτι τελευταίο αν έχεις χρόνο πως μπορούν να έρχονται και τα στοιχεία του user μαζί με την επιλογή των φωτογραφιών? :D

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Επιλογή φωτογραφιών απο photo gallery

Δημοσίευση από dimsis » 09 Ιούλ 2010 17:57

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Gallery&#58; Archimidis Mertzanos , Modifications&#58; DimSis" />
<style type="text/css">
* &#123;
	margin&#58;0;
	padding&#58;0;
&#125;
#wrapper &#123;
	width&#58;850px;
	margin&#58; 0 auto;
&#125;
.galleryContainer &#123;
	padding-top&#58;10px;
	padding-left&#58;10px;
	padding-bottom&#58;10px;
	width&#58;736px;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
	font-size&#58; 14px;
	font-style&#58; normal;
	float&#58; left;
	background&#58;#eeeeee;
&#125;
.ourPhoto &#123;
	border&#58; 1px solid #cccccc;
	height&#58; auto;
	float&#58; left;
	background&#58;#ffffff;
	margin-right&#58; 10px;
	margin-bottom&#58;10px;
&#125;
.ourPhoto img &#123;
	margin-top&#58;10px;
	margin-left&#58;10px;
	margin-right&#58; 10px;
	margin-bottom&#58; 10px;
	border&#58; 1px solid silver;
	width&#58;150px;
&#125;
.ourTitle &#123;
	text-align&#58; center;
	font-size&#58;10px;
	width&#58; 150px;
	margin-left&#58; 5px;
	margin-right&#58;5px;
	margin-top&#58;3px;
	margin-bottom&#58;5px;
	height&#58;30px;
&#125;
.message &#123;
	clear&#58;both;
	padding-top&#58;1em;
&#125;

#frm_gal label &#123; width&#58;150px; float&#58;left; text-align&#58;right; margin-right&#58;5px;  &#125;
#frm_gal input&#91;type=text&#93; &#123; width&#58;150px; padding&#58;2px; margin-bottom&#58;10px  &#125;
</style>
<title>H CSS GALLERY μας!</title>
</head>
<body>
<div id="wrapper">
  <form method="post" action="" id="frm_gal">
    <div class="galleryContainer">
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4034/4470000557_92a95a4057_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 1">
          Photo 1</div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4047/4570647581_098d865c77_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 2">
          Photo 2 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4011/4673920699_f517681710.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 3">
          Photo 3 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4025/4570643327_fb26ac47c2_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 4">
          Photo 4 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4029/4571269628_c074dbe788_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 5">
          Photo 5 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4007/4570620067_af40319b0e_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 6">
          Photo 6 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4039/4568465974_990fb4a922_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 7">
          Photo 7 </div>
      </div>
      <div class="ourPhoto"> <img src="http&#58;//farm5.static.flickr.com/4071/4469991599_b5d9ee17f8_m.jpg" />
        <div class="ourTitle">
          <input name="box&#91;&#93;" type="checkbox" value="Photo 8">
          Photo 8 </div>
      </div>
      <div>
      <label for="fullname">Ονοματεπώνυμο</label>
      <input type="text" name="fullname" />
      </div>
      <div>
      <label for="email">Email</label>
      <input type="text" name="email" />
      </div>

      <input name="submit" type="submit" value="Select" />
    </div>
  </form>
  <?php
function mail_utf8&#40;$to, $subject = '&#40;No subject&#41;', $message = '', $header = ''&#41; &#123;
  $header_ = 'MIME-Version&#58; 1.0' . "\r\n" . 'Content-type&#58; text/plain; charset=UTF-8' . "\r\n";
  mail&#40;$to, "=?UTF-8?B?".base64_encode&#40;$subject&#41;.'?=', $message, $header_ . $header&#41;;
&#125;
?>
  <div class="message">
    <h2>Επιλεγμένες φωτογραφίες&#58;</h2>
    <?php $box=$_POST&#91;'box'&#93;;
	while &#40;list &#40;$key,$val&#41; = @each &#40;$box&#41;&#41; &#123;  $m=$m."$val,";  &#125; 
	echo &#40;$m&#41;;
	$to = "dimitris@siskopoulos.gr";
	$subject = "Οι επιλεγμένες φωτογραφίες είναι...";
	$message = "Επιλέχθηκαν οι&#58;".$m."\n\nΟνοματεπώνυμο&#58;".$_POST&#91;'fullname'&#93;."\nEmail&#58;".$_POST&#91;'email'&#93;.".";

	
	//Sent Mail 
	mail_utf8&#40;$to,$subject,$message&#41;;

	?>
  </div>
</div>
</body>
</html>
Καλό θα είναι να βάλει και κανένα captcha να γλιτώσεις από πιθανά spam.

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες