Bonjour,
Voila maintenant quelques temps que j'ai un petit problème, je me lance enfin ^^
Je dois développer une application Facebook, une des fonctions qu'elle doit réaliser est la suivante :
Lorsque je clique sur une image de la page (il y a 6 images en tout) je dois pouvoir publier cette image sur mon mur (fonction partager). J'ai vu les différents bouton de partage que propose Facebook mais cela ne me convient pas, vu que leurs boutons ne peuvent pas comprendre d'image.
J'ai donc essayé de créer une sorte de formulaire en Javascript, et j'ai eu l'erreur suivante :
"HTML error while rendering tag "img": Relative URLs not allowed here"
Je ne vois vraiment pas d'autre manière de faire ce que je souhaiterai autrement, please help me !
voici la copie conforme de ce que je souhaiterai avoir
https://apps.facebook.com/login/?next=https%3A%2F%2Fapps.facebook.com%2Fmeteodumoral%2F
et voici mon code (qui n'est pas de moi je l'ai seulement modifié) :
<script>
function enlight_div(num)
{
for(i=0;i<5;i++)
{
document.getElementById('div_piky_'+i).style.backgroundColor = "";
}
document.getElementById('div_piky_'+num).style.backgroundColor = "#3b5998";
document.getElementById('radio_piky_'+num).checked=true;
}
function setTokens()
{
var radioSelected;
var imgSelected;
var comment_data;
var comment = document.getElementById('commmentaire').value;
if(comment == "Rédige un commentaire facultatif...")
comment = "";
else
comment = "Note personnelle : <br/>"+comment;
for(i=0;i<5;i++)
{
if (document.getElementById('radio_piky_'+i).checked == true)
{
radioSelected=document.getElementById('radio_piky_'+i);
imgSelected=document.getElementById('img_piky_'+i);
break;
}
}
comment_data =
{
"humeur" : imgSelected.title,
"comment" : comment,
"lienhome" : 'http://apps.facebook.com/MON_APPLY/',
"lienenvoi" : 'http://apps.facebook.com/MON_APPLY/',
"images":[{'src': imgSelected.src,
'href':'http://apps.facebook.com/MON_APPLY/'}]
}
return comment_data;
}
function callback_piky ()
{
document.getElementById("formchoisirpiky").submit();
}
/* DEPRECATED, use acceptpublish3 */
function acceptpublish()
{
FB_RequireFeatures(["XFBML"], function(){
FB.Facebook.init('5ca7ea417bc563deda13af418c466d8e', 'receiver.html');
var comment_data = setTokens();
FB.Connect.showFeedDialog(91258371695,comment_data, '', '', FB.FeedStorySize.shortStory, FB.RequireConnect.promptConnect, callback);
});
}
function acceptpublish3(){
for(i=0;i<5;i++){
if (document.getElementById('radio_piky_'+i).checked == true){
radioSelected=document.getElementById('radio_piky_'+i);
imgSelected=document.getElementById('img_piky_'+i);
break;
}
}
var comment = document.getElementById('commmentaire').value;
if(comment == "Rédige un commentaire facultatif...")
comment = "";
else
comment = "Note personnelle : "+comment;
stream_ensure_init(function() {
var titre="Piky est "+imgSelected.title;
var attachment = {'media':[
{"type":"image", "src":imgSelected.src, "href":"
https://apps.facebook.com/login/?next=https%3A%2F%2Fapps.facebook.com%2FMON_APPLY%2F "}],
'name':titre,
'href':'http://apps.facebook.com/MON_APPLY/',
'description':comment
};
var actionLinks = [{ "text": "J'affiche mon Piky", "href": "
https://apps.facebook.com/login/?next=https%3A%2F%2Fapps.facebook.com%2FMON_APPLY%2F "}];
FB.Connect.streamPublish('', attachment, actionLinks, null, titre, callback_piky, false);
});
}
var commentcleaned=0;
function cleancomment()
{
if(commentcleaned == 0)
document.getElementById("commmentaire").value = "";
commentcleaned++;
}
</script>
_____________________________________________________________
<form id="formchoisirpiky" action="?a=definirpiky" method="post">
<div id="definirpiky" class="definirpiky">
<div id="div_piky_0" class="zonepic" style="" onclick="enlight_div(0); changeetape(1);">
<img id="img_piky_0" src="yourpiky/Facebook_PikyAdvice_1.png" title="de bonne humeur"/>
<input id="radio_piky_0" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="1" />
</div>
<div id="div_piky_1" class="zonepic" style="" onclick="enlight_div(1); changeetape(1);">
<img id="img_piky_1" src="yourpiky/Facebook_PikyAdvice_2.png" title="dépourvue d'humeur"/>
<input id="radio_piky_1" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="12" />
</div>
<div id="div_piky_2" class="zonepic" style="" onclick="enlight_div(2); changeetape(1);">
<img id="img_piky_2" src="yourpiky/Facebook_PikyAdvice_3.png" title="coupable"/>
<input id="radio_piky_2" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="15" />
</div>
<div id="div_piky_3" class="zonepic" style="" onclick="enlight_div(3); changeetape(1);">
<img id="img_piky_3" src="yourpiky/Facebook_PikyAdvice_4.png" title="de mauvaise humeur"/>
<input id="radio_piky_3" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="26" />
</div>
<div id="div_piky_4" class="zonepic" style="" onclick="enlight_div(4); changeetape(1);">
<img id="img_piky_4" src="yourpiky/Facebook_PikyAdvice_4.png" title="déchirée"/>
<input id="radio_piky_4" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="27" />
</div>
<div id="div_piky_5" class="zonepic" style="" onclick="enlight_div(5); changeetape(1);">
<img id="img_piky_5" src="yourpiky/Facebook_PikyAdvice_5.png" title="déchirée"/>
<input id="radio_piky_5" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="28" />
</div>
<div id="div_piky_6" class="zonepic" style="" onclick="enlight_div(6); changeetape(1);">
<img id="img_piky_6" src="yourpiky/Facebook_PikyAdvice_6.png" title="déchirée"/>
<input id="radio_piky_6" type="radio" class="inputradio" style="visibility:hidden" name="humeurPiky" value="29" />
</div>
<div style="clear:both; margin-left:20px; margin-top:5px;">
<div style="float:left; color:#3b5998; vertical-align:6px" ><textarea id="commmentaire" cols="68" style="color: #777; height:2em;" onfocus="changeetape(2); cleancomment();">Rédige un commentaire facultatif...</textarea></div>
<input style="float:left; margin-left:5px; margin-top:7px;" type="button" class="inputbutton" value="Publie sur ton mur" onclick="acceptpublish3()"/>
</div>
<div style="clear:both; height:5px">
</div>
</form>
Merci s'avance à ceux qui peuvent me consacrer un peu de temps cela fait 3 jours que je suis sur ce problème et je n'en voit pas le bout !
Afficher la suite
