I want to add a share button to my website but notice I have two similar options:
Share button
Share dialog
Are they different and how could I show a share button for the dialog option?
Also, for the button code it says HTML5/data-href "defaults to the current URL" which I want, so would I simply delete data-href from the button code or just leave the URL empty?
Share Button
Social Plugin that comes with a predefined button, you cannot change the appearance. Simple to include.
Share Dialog
Use your own button/link/whatever and call FB.ui to open the Dialog.
Related
I have a one page website with different sections and few simple popup which are triggered when user clicks on link/button on a page. I want same popup to open when user access website with a specific url example
www.example.com/#menu
www.example.com/#privacy-policy
I found setting under Elementor popup when arriving from specific URL but this option is not working for me.
I can do same using custom JavaScript unless it will not work with elementor feature.
I tried different combination of url such as https://www.example.com/#menu #menu https://example.com/#menu
its not working for any combination.
I did keep condition setting also as Entire site etc..
Just need a point as i could not find any specify article regarding this as most of the article are about how to trigger popup from link.
Set a class on the section you want.
Go to Popup triggers
Check "On scroll to element" en put the class in.
Now the pop up show op when you scroll on the section.
I would like to put a button on my one page web application that allows a user to send a link through Gmail. I found that some websites such as addthis.com provide such a button, however this button automatically uses the link from the url bar. Since I have a one page web application the link in the url bar will always be the same. I need to be able to to put the link in the button myself (which is possible with, for example, the Facebook and Twitter share buttons).
How can I create a Gmail button that can be used to share a link?
Thank you.
On Button click write a function and do this inside the function
let url = 'https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=&su=Your+Subject+here&body='+msgbody+'&ui=2&tf=1&pli=1';
window.open(url, 'sharer', 'toolbar=0,status=0,width=648,height=395');
The url will generate a link to open a gmail tab with auto filled subject and in in place of msgbody you can put your url you want to share.
Gmail Sharable Link Creator
Site Link: GmailLink.GitHub.io
Steps to Follow to generate the Link
Get the Message ID Of Mail Thread (Mail > 3 dot menu in Right side (⋮) > Click on Show Original > See the MessageID).
Copy the Message-Id
Use the MessageId & click On Submit to generate the Mail Sharable Link.
Try the official Google+ Share button. There's a field there where you'll specify the "URL to share". Since you're only using one URL, this might work in your favor.
I am using Magento Community, and there are product detail tabs on each products listing page. I have created a Make Offer form and put this in a product detail tab. I have a "make offer" button right under the "add to cart" button. I want this "make offer" button to have a function that directs the buyer to the Make Offer tab below (which is NOT currently opened to) by scrolling down the page and opening this product tab.
How would I do this?
Please let me know if additional information is needed.
Thanks!
To "direct" the buyer to that specific area in the page you could use an achor pointing to the specific div using the id:
Make Offer
To open the tab you would have to add some JavaScript (either in a .js file included in the page or in a template file). If you know how the tabs js works, you could reuse some code. If not you can trigger the click using jQuery or something similar:
function openMakeOfferTab(){
jQuery(".make-offer-tab").click();
}
I am using Pinterest share button for my website. The expected behavior i want is whenever i press pin it button it shall show me all iamges on the page and give me an option to pin one from them.
Just like pin it button on http://www.dogster.com/the-scoop/minkyu-lee-adam-and-dog-nominated-for-an-oscar
However, pin it api present at http://pinterest.com/about/goodies/ needs a hardcode media url for pinning.
I am not sure how to grab this behavior from Pinterest, can anyone help me with this ?
Found it:
http://business.pinterest.com/widget-builder/#do_pin_it_button
It does give me the desired behavior. It was totally hidden from dev stuff at Pinterest
I am making a blog app in Django and I want to do the following things
When the user submits the preview button I want to open the partially completed blog in a new tab in the same window.
Secondly if the user does not close the tab and again presses preview button, I want to display the updated blog in the tab which was previously opened.
How can I do this?
Edit:
As told in the answer below I am trying to use this code snippet to open it in a new window, but this does not work
<script>
var current_link = $(location).attr('href');
$('.preview_button').onClick(function() {
window.open(current_link,'preview_tab');
});
</script>
Also I currently have 3 submit buttons and I want to provide this feature only for 1 submit button i.e. preview So I cannot directly do (#form).onSubmit. For the the other two buttons, one updates the content via Ajax and the other redirects to a new page.
Try using a Javascript onSubmit to open the appropriate preview page with window.open, passing a name as the second parameter. It does almost exactly that. (If you want to support having different preview tabs associated with different editing tabs, include something in the name based on a tab ID of some kind -- maybe the article ID plus a random number, or something.)
You'll have to also send the updated content into the server via AJAX.