Bouton twitter personnalisé. [Résolu]

[defacta]

Salut,

C'est bête comme choux et je pensais que cela serait facile mais j'arrive pas à faire un bouton twitter pour partager une page dont il me faut personnaliser l'url et l'image de twitter.

J'ai essayé ceci:

Code :

<a href="http://twitter.com/share?url=http://www.monurl.com/book.php?bc=26" target="_blank" data-url="http://twitter.com/share?url=http://www.monurl.com/book.php?bc=26" rel="external"><img src="http://monsite.com/images/share-twitter.png"></a>

Donc j'ai essayé en mettant data-url dans le lien <a... mais ca ne me modifie pas l'url pour autant.

Je me suis basé sur cette aide:
http://www.twoutils.com/installer-bo...replytocom=267

Quelqu'un a déjà fait ça ?

Merci,
Vincent.

[RomainVALERI]

Essaie peut-être quelque chose comme :

Code html :

<a href="http://twitter.com/share?url=http://www.monurl.com/book.php" target="_blank" data-url="http://www.monurl.com/book.php?bc=26" rel="external"><img src="http://monsite.com/images/share-twitter.png"></a>

... histoire d'éviter le double "?" dans le href, que le navigateur ne doit pas trop aimer

[defacta]

Envoyé par RomainVALERI

Essaie peut-être quelque chose comme :

Code html :

<a href="http://twitter.com/share?url=http://www.monurl.com/book.php" target="_blank" data-url="http://www.monurl.com/book.php?bc=26" rel="external"><img src="http://monsite.com/images/share-twitter.png"></a>

... histoire d'éviter le double "?" dans le href, que le navigateur ne doit pas trop aimer

Oui, bien vu, il faut en fait encoder l'url:

Code :

<a href=\"http://twitter.com/share?url=".urlencode(utf8_encode("$link/book.php?bc=$cId"))."&text=".urlencode(utf8_encode($row_book["picbook_name"]." Chapitre ".$current_chapter["chapter_number"].": ".$current_chapter["chapter_name"]))."\" target=\"_blank\" rel=\"external\"><img src=\"$img/share-twitter.png\"></a>

Sans oublier de passer l'url en utf8 pour les caractères spéciaux style "à"...
Voila Voila.

Maintenant je préférerai une popup plutôt qu'une nouvelle fenêtre du navigateur, alors j'ai trouvé ceci en javascript/html sur une page d'un site:

Code :

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
  $(".custom-tweet-button").live("click",function() {
      var url = $(this).attr("href");
      var id  = 995;var largeur=600;var hauteur=400; 
window.open(url,id,'toolbar=0,location=0,directories=0,status=yes,menubar=0,scrollbars=yes,resizable=yes,width='+largeur+',height='+hauteur+',left=50,top=50');
      return false;
                                });
</script>
<a class="actions_news custom-tweet-button" target="_blank" href="http://twitter.com/share?url=monurl.com" title="Partager sur Twitter"></a>

Sauf que chez moi j'ai un message d'erreur comme quoi $ n'est pas défini: "$ is not define" au chargement de la page.

Quelqu'un aurait une idée ?

Merci,
Vincent.

[RomainVALERI]

Envoyé par defacta

Quelqu'un aurait une idée ?

C'est du jQuery ^^
Le site où tu as vu cet extrait importe une librairie js dans le head de sa page, sur laquelle s'appuient les fonctionnalités spécifiques à jQuery, dont la fonction "$" qui fait office de sélecteur (beaucoup plus avancé que getElementById car, comme dans ce cas, on peut sélectionner par classe CSS)

[defacta]

Envoyé par RomainVALERI

C'est du jQuery ^^
Le site où tu as vu cet extrait importe une librairie js dans le head de sa page, sur laquelle s'appuient les fonctionnalités spécifiques à jQuery, dont la fonction "$" qui fait office de sélecteur (beaucoup plus avancé que getElementById car, comme dans ce cas, on peut sélectionner par classe CSS)

oups

Bon cette fois c ok.
Voila tout le lien (avec le php pour le encoder l'url), si ca peut aider:

Code :

<a onClick=\"window.open('http://twitter.com/share?url=".urlencode(utf8_encode("$link/book.php?bc=$cId"))."&text=".urlencode(utf8_encode($row_book["picbook_name"]." Chapitre ".$current_chapter["chapter_number"].": ".$current_chapter["chapter_name"]))."','','toolbar=0,location=0,directories=0,status=yes,menubar=0,scrollbars=yes,resizable=yes,width=600,height=400,left=50,top=50');\" href=\"javascript: void(0)\" ><img src=\"$img/share-twitter.png\"></a>

[RomainVALERI]

Ca ne devait pas être très clair ...désolé ^^'

Si l'extrait cité ne marche pas, c'est parce qu'il fait appel à une fonction "$", qui n'est définie nulle part dans ta page.
Elle fait partie d'un ensemble de fonctions courantes créées pour simplifier et augmenter les possibilités de Javascript, c'est le principe des librairies.
Quiconque peut créer une librairie, il suffit de l'écrire, la diffuser, et espérer que les développeurs web trouvent un intérêt à l'utiliser.

En l'occurrence et pour revenir à nos moutons, il se trouve qu'à vue de nez il me semble bien que c'est la librairie jQuery qui est utilisée ici. Tu pourras en avoir le coeur net en consultant à nouveau la page d'où provient l'extrait, et en inspectant la partie <head> du code source de la page. Il doit y avoir une balise script dont la propriété src pointe sur une version de jQuery (là, ne me demande pas laquelle ).

Si c'est toujours mystique (), n'aie pas peur d'insister ^^'