[Code]A New Tab like the FMchat pop-up

Code:

<script type="text/javascript" src="http://www.fmquery.com/h1-fmchatjs"></script><div id="FMChatBase" class="chatbase" onclick="openClose(); autoLog();"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" height="100%" width="100%"></iframe></div>

That for the widget box

Code:

/*FMChat Variables*/
var fmchat_toggle = "normal"; //Toggle Type
var fmchat_toggle_duration = "fast"; //Toggle Duration
var fmchat_mod_sign = "#"; //FMChat Mod Sign
var fmchat_title = "TNMAA Forum Chatbox"; //FMChat Title
var fmchat_title_url = "http://tnmaa.forumotion.com/chatbox/index.forum?"; //FMChat Title URL

That's for the javascript

Code:

    /*FMChat Design*/
    .chatbase { /*This can be edited to your liking - (the button)*/
      position: fixed;
      bottom: 2px;
      right: 15px;
      background: #56A0D3;
      border: 2px solid #7BB92B;
      width: 75px;
      height: 20px;
      border-radius: 5px;
      text-align: center !important;
      cursor: pointer;
      color: #ffffff;
    }

    .chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/
      border-color: #D30C3F;
      color: #000000;
    }

    #chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
      border: 2px solid #7BB92B;
      width: 75%;
      position: fixed;
      right: 15px;
      bottom: 27px;
      height: 75%;
      border-radius: 5px;
      z-index: 999;
    }

Now, about teh question. How could I add an additional tab besides this?

Code:

<script type="text/javascript" src="http://www.fmquery.com/h1-fmchatjs"></script><div id="FMChatBase" class="chatbase" onclick="openClose(); autoLog();"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="http//www.facebook.com" height="100%" width="100%"></iframe></div>

This is what I made in teh widget box and it works so basically I need to edit the src=Link so that it could preview the site that was listed in src. But how could I create moar buttons? Pretty please? I am learning basic Java so I think I could edit some.

fuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

So you want another button at the bottom of the forum that opens a pop up?

What are you wanting IN the pop up?

What I want is a button like one that is used on the FMchatbox and your LGchatbox but I want a code for 2 types of button

One if clicked, it will pop-up another tab or a new window of the browser to a specific type of page (whether it is in-site or off-site)
The other if clicked, it will pop-up in the same manner as such the FMchatbox. I'm experimenting something about this features so could you help me?

Thank you Rideem...
Moderators please don't lock this post first. I don't have a key yet.

Anyways... will try it when I go home. After 2 weeks. ~_~

Rideem3 wrote:Put this in the same widget:

Code:

<script type="text/javascript">
function toggle(id) {
var element = document.getElementById(id)
element.style.display == "none" ?  element.style.display = "block" : element.style.display = "none";
}
</script>
<div style="position: absolute; bottom: 2; left: 15; background-color: #FFFFFF; color: #000000; width: 75px; height: 20px;" onclick="toggle('tab_div1')">Test</div>
<div id="tab_div1" style="border: 2px solid #7BB92B; width: 75%; position: fixed;left: 15px;bottom: 27px;height: 75%;border-radius: 5px;z-index: 999;">HTML HERE</div>

do I need to put something on the CSS? because it works but I didn't see the button.

Just need to change this bit: bottom: 2; left: 15;
To this: bottom: 2px; left: 15px;

This is the result. I put it in the same widget

Code:

<script type="text/javascript" src="http://www.fmquery.com/h1-fmchatjs"></script><div id="FMChatBase" class="chatbase" onclick="openClose(); autoLog();"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" height="100%" width="100%"></iframe></div>
<script type="text/javascript">
function toggle(id) {
var element = document.getElementById(id)
element.style.display == "none" ?  element.style.display = "block" : element.style.display = "none";
}
</script><div id="FMChatBase" class="chatbase" onclick="openClose(); autoLog();"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="Testt" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="http://www.facebook.com" height="100%" width="100%"></iframe></div>
<script type="text/javascript">
function toggle(id) {
var element = document.getElementById(id)
element.style.display == "none" ?  element.style.display = "block" : element.style.display = "none";
}
</script><div style="position: absolute; bottom: 2px; left: 15px; background-color: #FFFFFF; color: #000000; width: 75px; height: 20px;" onclick="toggle('tab_div1')">Chatango</div><div id="tab_div1" style="border: 2px solid #7BB92B; width: 75%; position: fixed;left: 15px;bottom: 27px;height: 75%;border-radius: 5px;z-index: 999;"><script type="text/javascript" src="http://www.fmquery.com/h1-fmchatjs"></script><div id="FMChatBase" class="chatbase" onclick="openClose(); autoLog();"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" height="100%" width="100%"></iframe></div>
<script type="text/javascript">
function toggle(id) {
var element = document.getElementById(id)
element.style.display == "none" ?  element.style.display = "block" : element.style.display = "none";
}
</script><div style="position: absolute; bottom: 2px; left: 15px; background-color: #FFFFFF; color: #000000; width: 75px; height: 20px;" onclick="toggle('tab_div1')">Chatango</div><div id="tab_div1" style="border: 2px solid #7BB92B; width: 75%; position: fixed;left: 15px;bottom: 27px;height: 75%;border-radius: 5px;z-index: 999;"><script id="sid0010000008143297096">(function() {function async_load(){s.id="cid0010000008143297096";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:250px;height:360px;";s.async=true;s.text='{"handle":"tnmaachatgroup","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0010000008143297096'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script></div>

That is my code

BUMP

FUUUUUUUUUUUUUUUU HELP ME MAMA!

bump

There is no additional button besides the chatbox button.

make another widget.

Tried that already.

well your widget seems to me your widget is clustered with multiple codes. I know my widget does not look like that for fmchat. SO create your fmchat. and leave that coding out of this topic. Now paste the rest of the code that is involved in what you are looking for! Remember to change the css so that the two buttons do not over lap eachother

BUMP

Okay let me see what are you trying to do exactly i don't follow all i know is you want it so you have fm chats and Lg chats functions.