Share button with popup

[GalaxyFreak]

Hello,

I'm searching for a option or plugin that make a share button in posts and if you click on it you see a little popup window with the text "share this on:" and you can choose to share it on Facebook or Twitter.

I have seen this on a forum on Vbulletin and I like this option


Is this possible ??

[Fábio Maia]

http://community.mybb.com/thread-82696.html

Take the JavaScript popup menu and put both Facebook and Twitter links there.

[GalaxyFreak]

Thanks!

---

oke, the codes works but is it also possible to fix it that the popup menu shows up when you go over the option with you mouse?? Now you need to klik on it and then jou go over it and the menu shows up

is this possible?

[GalaxyFreak]

(04-06-2012 08:55 AM)GalaxyFreak Wrote:  Thanks!

---

oke, the codes works but is it also possible to fix it that the popup menu shows up when you go over the option with you mouse?? Now you need to klik on it and then jou go over it and the menu shows up

is this possible?

Someone that knows how to fix this ????

[Jovan J.]

Add JavaScript onmouse over event on that button:

http://www.w3schools.com/jsref/event_onmouseover.asp

[GalaxyFreak]

Not Working here!!!

[GalaxyFreak]

Someone with a WORKING sollution for this???

[Jovan J.]

Give us here code of that button, and with that code which i sayed you to put in (onmouseover javascript).

[GalaxyFreak]

Oke here is my code where I want to fix the mouseover:

PHP Code:

<a href="#" id="example_menu2" title="Berichten opties" /><img src="http://www.galaxyfreaks.nl/images/toplinks/berichten.png" alt="" title="Berichten opties" /> Berichten</a> 

<div id="example_menu2_popup" class="popup_menu" style="display: none;">

<div class="popup_item_container"><a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}" class="popup_item">Eigen berichten</a></div>

    <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=getnew" class="popup_item">Nieuwe berichten</a></div>

    <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=unreads" class="popup_item">Ongelezen berichten</a></div>

   <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=getdaily" class="popup_item">Berichten van vandaag</a></div>

   <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=getuap" class="popup_item">Onbeantwoorde berichten</a></div>


</div>

<script type="text/javascript">

// <!--

    if(use_xmlhttprequest == "1")

    {

        new PopupMenu("example_menu2");

    }

// -->

</script> 


And I hacve no code where I tryed the mouseover because I don't understand the link you given and I tryed a 3 a 4 places and nothing works.
I hope you can edit the code so it works!!

[Jovan J.]

Is that a html page or?

Find where your <script> tag begin and add that in begin of tag:

function open(){
window.open ("http://www.yourlinkhere.com","mywindow");
}

And when you do that replace your code with this:

Code:

<a href="#" id="example_menu2" onMouseOver="open()" title="Berichten opties" /><img src="http://www.galaxyfreaks.nl/images/toplinks/berichten.png" alt="" title="Berichten opties" /> Berichten</a>

<div id="example_menu2_popup" class="popup_menu" style="display: none;">

<div class="popup_item_container"><a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}" class="popup_item">Eigen berichten</a></div>

    <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=getnew" class="popup_item">Nieuwe berichten</a></div>

    <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=unreads" class="popup_item">Ongelezen berichten</a></div>

   <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=getdaily" class="popup_item">Berichten van vandaag</a></div>

   <div class="popup_item_container"><a href="http://www.galaxyfreaks.nl/search.php?action=getuap" class="popup_item">Onbeantwoorde berichten</a></div>


</div>

<script type="text/javascript">

// <!--

    if(use_xmlhttprequest == "1")

    {

        new PopupMenu("example_menu2");

    }

// -->

</script>