Linking another HTML page ,when clicked a facebook share button - html

Do anyone know how to make a facebook share button with 2 actions ? similar like this , I got a html page with an IQ question ,when you click to share and link to answer pages .
Here are the question page look like :
Here is the code of share button:
<a class="btn-u btn-u-lg btn-block btn-u-dark-blue" href="###" target="_blank">
<i class="fa fa-facebook"></i> Facebook
</a>
Thanks for help

Related

How to add attachment of document with whatsapp sharing odoo 12

I am working on odoo12 and trying to attach document/image with whatsApp. Now i'm only able to share message(url link) with whatsapp and try to upload image also.
my code is below:
<a t-att-href="'%s?text=%s' % ('https://api.whatsapp.com/send', survey.public_url)"
target="_blank"
class="">
<i class="fa fa-2x fa-whatsapp"/>
</a>
Thanks in advance.

Unexpected not workable download button

I have the following code based others tutorials (look at the picture):
When I run the code through the browser, the button is appeared but when I click on it the pdf does not downloaded (or appeared to other html page).I have checked if there is any problem with the file link but when I run it through browser is appeared to browser properly. I must note that this code is included to php file ( for example file.php).CODE
HTML:
<button class="etc etc">
<i class="fa fa-download"></i>Katabaste Odygies
</button>
Try changing your anchor tag to look like this:
<button class="etc etc">
<a href="itdb/a.pdf">
<i class="fa fa-download"></i>Katabaste Odygies
</a>
</button>
When people click the <i> tag, it is not inside the <a> so the download is not being triggered.
Also, you are referencing the file incorrectly for a web server.

How to display Linkedin Share in small window

I want to display LinkedIn popup in a small new window, but the share popup keeps opening as a new full screen tab.
This is the piece of HTML I'm using:
<div class="share-block">
<a
href="#"
onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=Excellent review on my website reviews', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;"
><i class="fa fa-fw fa-linkedin"></i> LinkedIn</a>
</div>
I'm using the same code for Facebook and Twitter which opens up the popup in a new small window as it should. This is the Twitter HTML for example:
<div class="share-block">
<a
href="#"
onclick="window.open('https://twitter.com/intent/tweet?text=Excellent review on my website:%20' + encodeURIComponent(document.URL), '', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;"
><i class="fa fa-fw fa-twitter"></i> Twitter</a>
</div>
I can't figure out why doesn't it work with LinkedIn. This is what I want to achieve
How to display LinkedIn share in new window like shown on the image?
The second argument in the window.open is for title. You missed that in your linked in popup. So that it treat as all the _blank, width=500..... everything as title. That is the reason it is not following any property width and height and etc. Add that empty string as the second parameter ''.
Fiddle DEMO
The options for the window.open are in the third parameter instead of in the second, where they should be.

AngularJS: Accordion not loading properly when navigating between pages

I am trying to navigate between two pages in angularJS using href. Both pages have accordions and they aren't loading properly when I navigate from one page to another. The accordion work fine when I refresh the page or when I directly go to the page (without navigating from another page).
Here is my code:
<a href= "{{domainName}}/#/Reports/Reports?subscriptionID={{subscription.SubscriptionID}}">
<div class="pull-right btn btn-xs btn-primary" id="btnEditSubscription">
<i class="fa fa-pencil" aria-hidden="true"></i> Edit Subscription
</div>
</a>
So I want to go to Reports page from this button click. Reports page has accordion. This is how the accordion in Reports page looks when navigating after the button click:
This is how the accordion should look like:
It looks like when navigating between pages I am missing .ui-accordion class.
Please help!!
Thank you

Facebook sharer.php - share text?

I am trying to implement facebook share button in my webpage. Here is my code:
<a class="btn btn-social-icon btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u=test.com" target="_blank">
<i class="fa fa-facebook"></i>
</a>
What are my options if I want to share just a simple text, not an URL ? Is there some kind of text param ?
Facebook allows meta tags to specify some parameters to pass over.
See facebooks developer page for more info.