share selected image when user clicks on tweet/facebook button - javascript

I've got a feature that allows users to select an image from hundreds of images (artwork submitted by other users, 'creators') that have been dynamically loaded (different images are loaded on page for different users).
When a user clicks on an image: an input box, 'tweet' and 'facebook share' icon fade in. I'm trying to find a way that allows the user to share his/her selected image with their input through whichever social media icon they click like this: http://i.imgur.com/gyJ1PTp.png [twitter example]
Any suggestions as to how I could do this?
P.S.
I'm aware of Twitter Cards but it's not exactly the same thing because I've got to specify each image which is obviously quite inefficient.

I would recommend having a look at AddThis.com as this will let you post to various social networking websites and has a JavaScript API to let you achieve what you want.

Related

How can I collect survey responses through a Chrome Extension?

I want to make a browser plugin that works as follows:
The user enables the plugin. He then has a thumbs up and a thumbs down appear on the screen somewhere. If he clicks thumbs up, it means he likes the current web page he is viewing. If he clicks thumbs down, it means he doesn't — similar to how you vote on YouTube videos
The responses will be collected from many users to a website I setup
The plugin will allow people to see how many people voted a thumbs up and thumbs down for the current page they are viewing
Does anyone know how I am supposed to collect, aggregate, and return the values of the responses? Also, I would need to be able to know the ID of each user because I want to be able to perform future operations based on a user's past behavior. Can I avoid planting a cookie, in case they delete them, and have an ID that is stored in the extension's local files?
I'm sorry if this wasn't clear or if I should unpack it a bit more. I'm familiar with Wordpress, so a solution with that would be great.
From your requirements what i understand is For uniquely identifying a user, you can assign a Unique ID to a user who installs your Extension. For details look this answer https://stackoverflow.com/a/23854032/6428485
You can use content script to add Thumbs Up, and Thumbs Down icons in website. When user clicks thumbs up/down you can use background script of extension to send vote, UserID, and website URL through POST Request to your server to store.
You can collect votes from any user by above method and store it on your server.
Next time when any user visits that URL you can make a GET Request to your server and get number of likes and dislikes against that URL and display them on website using content script.
Hope this helps. Let me know if you need any clarification.

How to share content dynamically from web site using javascript to facebook user wall?

Here is my requirement,
I have a website, which integrates with facebook.
Here I am fetching latest post (description and image) from company facebook page. I have added like, comment and share buttons.
I am using Grapth API calls to fetch the latest posts. Everything(calls) using javascript.
My Question, When a user clicks on Share button, share UI popup comes up with text field and image. But I want to share the description which has been retrieved earlier.
Is there any way to share description and image?
Thanks In Advance.
Khader.

Is it possible to have an interactive div that does not change as the user navigates to other pages of the website?

Okay, so I wanted to try making a website that had a sort of radio feature at the bottom of the page. And I wanted the user to be able to freely navigate through the website while that radio remained with them, not interrupting the song at all, as they clicked through different pages. The radio would also have a "song selector" feature so the menus would need to stay in the same place too. Is this possible? I'm guessing not, but I thought I'd ask anyway.
edit: I'm also thinking of a similar feature but for YouTube videos. Like a div that plays YouTube videos that stays with the user as they navigate through the website.

WordPress : how to add an image upload button to the edit form?

I want to add an image upload button to the WordPress edit form and retrieve the ID of the uploaded media.
If it is possible, I want the user to click the button, choose his image on his computer and then display a tag containing the ID of the media in the textarea. Do you know a way to do that?
Thanks
I found by myself how to add and use a media button. If someone else is searching for that, I wrote a tutorial about doing this on SitePoint. You can also find a French version on my blog.
Basically, it uses the action media_buttons which is currently not listed on the WordPress Codex. This action is called when media buttons are displayed in the WordPress editor: all you have to do is displaying your own button with a dedicated function.
Then, you can open a media window and retrieve the user's selection thanks to a good (but hidden!) API.

how to restrict user to save images from site not by disabling right click

how to restrict user to save images from site not by disabling right click.
I tried disabling right click but it is causing problem for image with link, as we unable to right click on that image to open a lick in a new tab.
Any other good solution or advise??
If the end user can see the image, it's already on his system. Saving it to a system or copying it to the clipboard is trivial and cannot be disabled in any reliable way.
If you want to keep control over the image, don't put it on the internet.
Watermarking is the best solutionyou can do.
Whatever your solution, in the end user can take a screen shot anyway.
Make use of images with water mark of your site.
If a user can see the image on screen you can not restrict the user form saving the image.
1) user can use print screen option.
2)user can save the page with complete html option.this way she/he will get image.
3)user can take the snapshot of image if it is visible in forntend to the user.
You can try to serve images with your logo or string identifying your property so that it renders the image useless unless they are OK using it as is. However you can't prevent the saving of what is served. Another option is to serve only thumbnails or lower quality version of it.
Stay away from disabling normal user actions, like right-click disabling.

Categories