The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by cHaSwWind04 on September 2nd 2012, 3:33 am

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.

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 5th 2012, 12:56 am

fuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by LGforum on September 5th 2012, 2:40 am

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

What are you wanting IN the pop up?

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

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

Post by cHaSwWind04 on September 5th 2012, 5:02 pm

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?

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 7th 2012, 9:16 am

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. ~_~

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 8th 2012, 3:33 pm

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.

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by LGforum on September 8th 2012, 8:33 pm

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

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

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

Post by cHaSwWind04 on September 9th 2012, 2:55 am


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

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 10th 2012, 2:59 pm

BUMP

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 13th 2012, 2:09 pm

FUUUUUUUUUUUUUUUU HELP ME MAMA!

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 15th 2012, 10:05 pm

bump

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by cHaSwWind04 on September 18th 2012, 1:58 am

There is no additional button besides the chatbox button.

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by nextlevelgaming on September 18th 2012, 2:26 am

make another widget.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

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

Post by cHaSwWind04 on September 19th 2012, 1:06 am

Tried that already.

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by nextlevelgaming on September 19th 2012, 1:52 am

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

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

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

Post by cHaSwWind04 on September 25th 2012, 3:44 am

BUMP

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

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

Post by Ace700 on September 25th 2012, 4:27 am

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.

Ace700
Forumember

Male Posts : 123
Reputation : 2
Language : English

http://Dont_use_one_anymore_just_helps.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum