Comment puis-je créer un bouton comme 'Digg it' pour mon site?

J'ai un site de blog hébergé sur Windows Sever, ASP.Net 3.5, ASP.Net AJAX, SQL Server en arrière-plan.

Je veux donner aux blogueurs un bouton comme 'digg-it' qu'ils peuvent mettre sur leurs blogs pour que les lecteurs cliquent pour afficher la publication s'ils l'aiment.

Je sais que j'utiliserai Javascript pour faire cela. Que puis-je faire pour: –

  1. Récupérez le code de mon site Web qui affichera le compte actuel du pouce vers le haut.
  2. Augmentez le compte sur mon site si l'utilisateur avance quelque chose.

Comme la plupart de ces blogs sont sur blogger.com/wordpress.com, le code du plugin sera intégré dans le thème du blog. Je suppose que j'utiliserai l'URL de la publication du blog comme identifiant unique. Mon problème est de savoir comment obtenir mon site et javascript sur blogger.com.

Votre aide sera appréciée.

Merci

Vous pouvez examiner les rappels de SCRIPT en chargeant les données JSON au lieu d'utiliser XmlHttpRequest pour contourner les problèmes liés au crossdomain.

function dynScript(url){ var script=document.createElement('script'); script.src=url; script.type="text/javascript"; document.getElementsByTagName('head')[0].appendChild(script); } function handleYourData(json) { // Do something with your response data if you need to, like alter // dom. } function thumbUp(postId) { dynScript('http://yourdomain.com/path/to/thumbHandler?callback=handleYourData&thumbs=up&postId=' + postId); } function thumbDown(postId) { dynScript('http://yourdomain.com/path/to/thumbHandler?callback=handleYourData&thumbs=down&postId=' + postId); } 

Vous pouvez l'utiliser comme ceci dans votre code HTML.

 <a onClick="thumbUp(521);">Thumb up</a> | <a onClick="thumbDown(521);">Thumb Down</a> 

Votre code thumbHandler devrait sortir JSON avec handleYourData() enroulé autour de celui-ci afin que votre rappel soit appelé avec les données JSON comme argument.

Essaye celui-là. Je l'ai trouvé sur Yahoo! Chercher parce que je savais qu'il y avait une version allemande de ce script:

Version anglaise: http://www.socialbookmarkscript.com/

Script allemand: http://www.social-bookmark-script.de/

Bonne chance!

D'accord, j'ai obtenu une réponse et, pendant que j'essayais de cette méthode, je trouvais quelque chose de plus simple.

Ce que je vais utiliser est un iframe. Un iframe est comme une fenêtre de navigateur dans le navigateur. Le code que je rendrai dans l'iframe aura un accès interne à mon site Web comme s'il s'agissait d'une demande de page Web régulière. Je peux donc utiliser mes services Web, mon code ASP.Net de fond et, en général, tout ce que je veux sans se soucier de gâcher le site hôte.

Quand je terminerai, je publierai un code ici. Pendant ce temps, si vous connaissez un piège dans cette approche, dites-moi.

Voici un exemple de code iframe que j'ai écrit

 <script type="text/javascript"> window.onload = function() { alert("http://mysite.com?url=" + window.location.href); document.all.blogvaniframe.src = "http://blogvani.com"; } </script> <iframe id="blogvaniframe" height="100" width="100" scrolling="no" frameborder="0"> </iframe> 

J'utilise javascript pour charger le contenu dans l'iframe parce que je souhaite passer un argument à la chaîne de requêtes de l'URL (encore pas encore testé ceci.

Merci