Bonjour à tous,
Voilà j'ai un problème avec un mini site que j'aimerais voir aboutir. Hors mes compétences en javascript et php sont quasi nulles.
Explication du projet un page avec X vignettes on clic dessus pour l'agrandir jusque la pas de problème mais je souhaite ensuite offrir la possibilité d'envoyer cette image zoom à un destinataire style carte de voeux.
J'ai donc fait mes essaies sur cette adresse http://www.delasoul.fr/test/voeux.php
et sans succès (sinon je posterai pas la
)
pour vous donner un aperçu de mes codes bidouillés
pour ce qui est ma page de présentation (le form à été juste mise en place pour que je puisse comprendre ce qu'il se passe dans mon fichier sendmail )
et le fameux fichier sendmail qui me pose problème
Voila ce que j'en comprends mon echo sur $_POST['url'] est totalement mal ecrit mais après x combinaison je n'ai pas trouvé comment m'assurer que je récupère cette variable.
Comme dis je suis totalement débutant alors j'ai pioché à droite à gauche en ne comprenant que le strict minimum des codes.
Voilà donc ce qui ne marche pas est me rend
ce problème pour récupérer mon image pour l'envoi, mais après peux être qu e je suis parti sur une piste totalement pourri c'est fort possible.
Si une âme charitable passe et surtout a le courage de lire mon message, mieux dit répondre merci d'avance.
Bonnes fêtes à tous[/i]
Voilà j'ai un problème avec un mini site que j'aimerais voir aboutir. Hors mes compétences en javascript et php sont quasi nulles.
Explication du projet un page avec X vignettes on clic dessus pour l'agrandir jusque la pas de problème mais je souhaite ensuite offrir la possibilité d'envoyer cette image zoom à un destinataire style carte de voeux.
J'ai donc fait mes essaies sur cette adresse http://www.delasoul.fr/test/voeux.php
et sans succès (sinon je posterai pas la
)pour vous donner un aperçu de mes codes bidouillés
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css" media="screen">
* {
margin:0;
padding:0;
}
a , a:hover , a:focus {
border: none;
}
a img, a:hover img, a:focus img {
border: none;
}
div#content {
position:absolute;
left: 50%;
top: 50%;
width: 1134px;
height: 665px;
margin-top: -332px;
margin-left: -567px;
background: url('voeux.png') no-repeat;
}
div#logo {
position:absolute;
top: 82px;
left: 30px;
}
div#delasoul {
position:absolute;
top: 584px;
left: 48px;
}
div#galerie {
position:absolute;
z-index:500;
width: 183px ;
top: 179px;
left: 34px;
text-align: center ;
}
ul#galerie_mini {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#galerie_mini li {
float: left ;
}
ul#galerie_mini li a {
margin: 5px;
}
dl#photo {
position: absolute;
margin: 0 auto ;
top: -140px;
left: 240px;
}
dl#photo dd {
margin: 0 ;
}
dl#photo dt {
display: none;
}
a.exp1, a.exp2, a.exp3 {
display: block;
width: 79px;
height: 55px;
text-indent: -500em;
}
a:hover.exp1, a:active.exp1, a:focus.exp1 {
background: url('images/minis/thumb1_on.png') no-repeat;
}
a:hover.exp2, a:active.exp2, a:focus.exp2 {
background: url('images/minis/thumb2_on.png') no-repeat;
}
a:hover.exp3, a:active.exp3, a:focus.exp3 {
background: url('images/minis/thumb3_on.png') no-repeat;
}
a.exp1 {
background: url('images/minis/thumb1_off.png') no-repeat;
}
a.exp2 {
background: url('images/minis/thumb2_off.png') no-repeat;
}
a.exp3 {
background: url('images/minis/thumb3_off.png') no-repeat;
}
</style>
<script type="text/javascript">
/* -- ICI -- */var url = null;/* -- ICI -- */
function displayPics() {
var photos = document.getElementById('galerie_mini');
var liens = photos.getElementsByTagName('a');
url = liens[0].href;
var big_photo = document.getElementById('big_pict');
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
for(var i = 0 ; i < liens.length ; i++) {
liens[i].onclick = function() {
big_photo.src = this.href;
big_photo.alt = this.title;
titre_photo.firstChild.nodeValue = this.title;
/* -- ICI -- */url = this.href;/* -- ICI -- */
return false;
}
}
/* -- ICI -- */
document.getElementById('sendmail').onclick = function() {
var dest = prompt('destinataire :');
var xhr = null;
if (window.XMLHttpRequest || window.ActiveXObject) {
if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
} else {
xhr = new XMLHttpRequest();
}
} else {
alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
return;
}
xhr.onreadystatechance = function() {
if(xhr.readyState == 4 && (xhr.status == 0 || xhr.status == 200)) {
if(xhr.responseText == "ok") {
alert('Email envoyé !')
} else {
alert('Impossible d\'envoyer l\'email');
}
}
};
xhr.open("POST", "sendmail.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("url="+url+"&de st="+dest);
return false;
};
/* -- ICI -- */
}
window.onload = displayPics;
</script>
</head>
<body>
<div id="content">
<div id="logo"><img src="titre.png" alt="" /></div>
<div id="delasoul"><a href="http://www.delasoul.fr"><img src="delasoul.png" alt="" /></a></div>
<div id="galerie">
<ul id="galerie_mini">
<li><a href="images/z1.png" title="Titre de la photo 1" class="exp1">tof1</a></li>
<li><a href="images/z2.png" title="Titre de la photo 2" class="exp2">tof2</a></li>
<li><a href="images/z3.png" title="Titre de la photo 3" class="exp3">tof3</a></li>
<li><a href="images/z1.png" title="Titre de la photo 1" class="exp1">tof1</a></li>
<li><a href="images/z2.png" title="Titre de la photo 2" class="exp2">tof2</a></li>
<li><a href="images/z3.png" title="Titre de la photo 3" class="exp3">tof3</a></li>
<li><a href="images/z1.png" title="Titre de la photo 1" class="exp1">tof1</a></li>
<li><a href="images/z2.png" title="Titre de la photo 2" class="exp2">tof2</a></li>
</ul>
<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><a href="http://www.google.fr"><img id="big_pict" src="images/blanc.gif" alt="" /></a></dd>
</dl>
<!-- ICI --><p><a href="" id="sendmail">Envoyer la photo par email</a></p><!-- ICI -->
<form method="post" action="sendmail.php">
<input name="dest" type="text">
<input type="submit">
</form>
</div>
</div>
</body>
</html>pour ce qui est ma page de présentation (le form à été juste mise en place pour que je puisse comprendre ce qu'il se passe dans mon fichier sendmail )
et le fameux fichier sendmail qui me pose problème
<?php
//-----------------------------------------------
//DECLARE LES VARIABLES
//-----------------------------------------------
$destinataire=$_POST['dest'];
//$image=$_POST['url'];
$_POST['url'];
$email_expediteur='moi@gmail.com';
$email_reply='moi@gmail.com';
$message_texte='Bonjour,'."\n\n".'Voici un message au format texte ';
$message_html='<html>
<head>
<title>Titre</title>
</head>
<body>
echo "<img src='".$_POST['url']."'>";
</body>
</html>;
//-----------------------------------------------
//GENERE LA FRONTIERE DU MAIL ENTRE TEXTE ET HTML
//-----------------------------------------------
$frontiere = '-----=' . md5(uniqid(mt_rand()));
//-----------------------------------------------
//HEADERS DU MAIL
//-----------------------------------------------
$headers = 'From: "Nom" <'.$email_expediteur.'>'."\n";
$headers .= 'Return-Path: <'.$email_reply.'>'."\n";
$headers .= 'MIME-Version: 1.0'."\n";
$headers .= 'Content-Type: multipart/mixed; boundary="'.$frontiere.'"';
//-----------------------------------------------
//MESSAGE TEXTE
//-----------------------------------------------
$message = 'This is a multi-part message in MIME format.'."\n\n";
$message .= '--'.$frontiere."\n";
$message .= 'Content-Type: text/plain; charset="iso-8859-1"'."\n";
$message .= 'Content-Transfer-Encoding: 8bit'."\n\n";
$message .= $message_texte."\n\n";
//-----------------------------------------------
//MESSAGE HTML
//-----------------------------------------------
$message .= '--'.$frontiere."\n";
$message .= 'Content-Type: text/html; charset="iso-8859-1"'."\n";
$message .= 'Content-Transfer-Encoding: 8bit'."\n\n";
$message .= $message_html."\n\n";
$message .= '--'.$frontiere.'--'."\n";
//-----------------------------------------------
//PIECE JOINTE
//-----------------------------------------------
//$message .= 'Content-Type: image/png; name="$_POST['url']"'."\n";
//$message .= 'Content-Transfer-Encoding: base64'."\n";
//$message .= 'Content-Disposition:attachement; filename="$_POST['url']"'."\n\n";
//$message .= chunk_split(base64_encode(file_get_contents('$_POST['url']')))."\n";
if(mail($destinataire,$sujet,$message,$headers))
{
echo 'Le mail a été envoyé';
}
else
{
echo 'Le mail n\'a pu être envoyé';
}
?> Voila ce que j'en comprends mon echo sur $_POST['url'] est totalement mal ecrit mais après x combinaison je n'ai pas trouvé comment m'assurer que je récupère cette variable.
Comme dis je suis totalement débutant alors j'ai pioché à droite à gauche en ne comprenant que le strict minimum des codes.
Voilà donc ce qui ne marche pas est me rend
ce problème pour récupérer mon image pour l'envoi, mais après peux être qu e je suis parti sur une piste totalement pourri c'est fort possible.Si une âme charitable passe et surtout a le courage de lire mon message, mieux dit répondre merci d'avance.
Bonnes fêtes à tous[/i]